/* === 04-directions === */
.fmf2 .directions__group{display:grid;grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:80px;padding-top:48px;border-top:1px solid var(--c-line);margin-top:48px}
.fmf2 .directions__group:first-of-type{border-top:0;margin-top:0;padding-top:0}
.fmf2 .directions__group-name{font-size:34px;font-weight:400;line-height:1.15;margin-bottom:28px}
.fmf2 .directions__illo{width:100%;max-width:400px;height:auto;object-fit:contain}
.fmf2 .directions__group--dev .directions__illo{filter:hue-rotate(10deg) saturate(.9)}

.fmf2 .directions__item{border-top:1px solid var(--c-line)}
.fmf2 .directions__item:first-child{border-top:0}
.fmf2 .directions__item a{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:28px;padding:26px 0;align-items:start}
.fmf2 .directions__item-ic-wrap{flex:none;line-height:0}
.fmf2 .directions__item-ic{width:32px;height:32px;color:var(--c-ink-3);display:block}
.fmf2 .directions__item-ic *{stroke:currentColor}
.fmf2 .directions__item-main{min-width:0}
.fmf2 .directions__item-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.fmf2 .directions__item-title{font-size:24px;line-height:1.25}
.fmf2 .directions__item-arrow{width:24px;height:24px;color:var(--c-accent);flex:none;margin-top:3px}
.fmf2 .directions__item-arrow *{stroke:currentColor}
.fmf2 .directions__item-text{display:block;font-size:16px;color:var(--c-ink-2);line-height:1.55;margin-top:8px;max-width:560px}
.fmf2 .directions__item a{transition:background-color .2s ease,color .2s ease}
.fmf2 .directions__item a:hover,.fmf2 .directions__item a:focus-visible{background:#f6f5fa}
.fmf2 .directions__item a:hover .directions__item-title,.fmf2 .directions__item a:focus-visible .directions__item-title{color:var(--c-accent)}
.fmf2 .directions__item a:hover .directions__item-ic,.fmf2 .directions__item a:focus-visible .directions__item-ic,
.fmf2 .directions__item a:hover .directions__item-arrow,.fmf2 .directions__item a:focus-visible .directions__item-arrow{color:var(--c-accent)}

@media (max-width:900px){
  .fmf2 .directions__group{grid-template-columns:1fr;gap:28px;padding-top:36px;margin-top:36px}
  .fmf2 .directions__group-name{font-size:26px;margin-bottom:0}
  .fmf2 .directions__illo{max-width:240px}
  .fmf2 .directions__item-title{font-size:20px}
  .fmf2 .directions__item-text{font-size:15px}
}
@media (max-width:560px){
  .fmf2 .directions__item a{grid-template-columns:1fr;column-gap:0}
  .fmf2 .directions__item-ic-wrap{display:none}
}