/* === 03-tasks === */
.fmf2 .tasks__head{display:grid;grid-template-columns:minmax(0,1fr) 312px;gap:40px 64px;align-items:end;margin-bottom:56px}
.fmf2 .tasks__intro{font-size:16px;line-height:1.55;color:var(--c-ink-2)}
.fmf2 .task{position:relative;display:grid;grid-template-columns:23.6364% 1.8182% 40.6061% 8.4848% 25.4545%;align-items:stretch;
  min-height:262px;padding:0;border-top:1px solid var(--c-line);
  background:linear-gradient(90deg,transparent calc(23.6364% - .5px),var(--c-line) calc(23.6364% - .5px),var(--c-line) calc(23.6364% + .5px),transparent calc(23.6364% + .5px)),linear-gradient(90deg,transparent calc(74.5455% - .5px),var(--c-line) calc(74.5455% - .5px),var(--c-line) calc(74.5455% + .5px),transparent calc(74.5455% + .5px))}
.fmf2 .task::before{content:"";position:absolute;z-index:4;left:0;right:0;top:-1px;height:17px;pointer-events:none;
  background:linear-gradient(var(--c-bg),var(--c-bg)) -15px 0/30px 17px no-repeat,linear-gradient(var(--c-bg),var(--c-bg)) calc(23.6364% - 15px) 0/30px 17px no-repeat,linear-gradient(var(--c-bg),var(--c-bg)) calc(74.5455% - 15px) 0/30px 17px no-repeat}
.fmf2 .task__media{grid-column:1;grid-row:1;width:100%;height:262px}
.fmf2 .task__body{grid-column:3;grid-row:1;padding:32px 0 89px}
.fmf2 .task__services{position:relative;grid-column:5;grid-row:1;display:flex;min-height:262px;flex-direction:column;padding-top:32px}
.fmf2 .task__img{width:100%;height:262px;aspect-ratio:auto;object-fit:contain;object-position:left center}
.fmf2 .task__title{font-size:36px;font-weight:400;line-height:1.2;margin-bottom:12px;max-width:536px}
.fmf2 .task__text{font-size:16px;font-weight:500;line-height:1.4;color:rgba(26,26,26,.6);margin:0;max-width:536px}
.fmf2 .task__services-label{display:block;font-size:12px;font-weight:600;line-height:1.4;letter-spacing:.1em;text-transform:uppercase;color:var(--c-ink-3);margin:0 24px}
.fmf2 .task__services ul{margin-top:auto}
.fmf2 .task__services li{margin:0}
.fmf2 .task__services a{display:flex;align-items:flex-start;gap:12px;min-height:49px;padding:12px 24px;font-size:18px;font-weight:500;line-height:1.4;transition:background .2s,color .2s}
.fmf2 .task__services a:hover,.fmf2 .task__services a:focus-visible{color:#fff;background:#6657C2;text-decoration:none}
.fmf2 .task__svc-ic{color:var(--c-ink-3);flex:none}
.fmf2 .task__services a:hover .task__svc-ic,.fmf2 .task__services a:focus-visible .task__svc-ic{color:#fff}
.fmf2 .ic-svg{width:1em;height:1em}
.fmf2 .task__services .task__svc-ic{width:24px;height:24px}
.fmf2 .task__svc-ic *{stroke:currentColor}
.fmf2 .task__cta{grid-column:3;grid-row:1;z-index:2;align-self:end;justify-self:start;height:50px;margin-bottom:24px;padding-inline:40px;font-size:16px;line-height:1.6}
@media (max-width:900px){
  .fmf2 .tasks__head{grid-template-columns:1fr;gap:20px;align-items:start}
  .fmf2 .task{grid-template-columns:220px minmax(0,1fr);grid-template-areas:'media body' 'media services';gap:32px 40px;height:auto;min-height:0;padding:24px 0;align-items:start;background:none}
  .fmf2 .task::before{display:none}
  .fmf2 .task__media{grid-area:media;width:220px;height:auto}
  .fmf2 .task__body{grid-area:body;padding-top:0;padding-bottom:56px}
  .fmf2 .task__services{grid-area:services;height:auto;min-height:0;margin-top:8px;padding-top:0}
  .fmf2 .task__services-label{margin-left:0;margin-bottom:16px}
  .fmf2 .task__services ul{margin-top:0}
  .fmf2 .task__services a{padding-left:0}
  .fmf2 .task__img{height:auto}
  .fmf2 .task__title{font-size:28px;max-width:none}
  .fmf2 .task__cta{grid-area:body;height:40px;margin-bottom:0;padding-inline:20px;font-size:14px;line-height:normal}
}
@media (max-width:768px){
  .fmf2 .tasks__head{grid-template-columns:1fr;gap:16px;margin-bottom:36px}
  .fmf2 .tasks__intro{font-size:15px}
  .fmf2 .task{grid-template-columns:1fr;grid-template-areas:'media' 'body' 'services';gap:20px;padding:32px 0}
  .fmf2 .task__media{width:120px}
  .fmf2 .task__img{height:120px}
  .fmf2 .task__title{font-size:24px;margin-bottom:12px}
  .fmf2 .task__text{font-size:15px}
  .fmf2 .task__services a{font-size:16px}
}