/* === /geo/ 01-hero: Figma 272:325, 272:333, 285:1847, 272:1575, 281:1792, 283:1798, 285:2012;
   mobile 338:759, 338:774, 338:2552 === */

/* ---------- секция ---------- */
.fmf2 .geo-hero{position:relative;overflow:hidden;color:#fff;padding-bottom:80px;
  background:linear-gradient(180deg,#000 0%,#000 58%,var(--c-dark) 72%,var(--c-dark) 100%)}
.fmf2 .geo-hero__inner{position:relative;padding-top:156px}

/* Шапка /home/ абсолютная, высота строки 142px (логотип 312×118): крошки стоят
   ниже неё, иначе ссылки перекрыты шапкой. В макете шапка компактнее (лого 108px). */
.fmf2 .geo-hero__crumbs{position:relative;z-index:2}
.fmf2 .geo-hero__crumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;
  font-size:14px;font-weight:500;line-height:1.2}
.fmf2 .geo-hero__crumbs li{display:inline-flex;align-items:center;gap:8px;color:rgba(255,255,255,.6)}
.fmf2 .geo-hero__crumbs li+li::before{content:"/";color:rgba(255,255,255,.6)}
.fmf2 .geo-hero__crumbs a{transition:color .2s}
.fmf2 .geo-hero__crumbs a:hover,.fmf2 .geo-hero__crumbs a:focus-visible{color:#fff;text-decoration:underline;text-underline-offset:3px}
.fmf2 .geo-hero__crumbs [aria-current]{color:#fff}

.fmf2 .geo-hero__main{position:relative;z-index:2;max-width:709px;margin-top:111px}
.fmf2 .geo-hero__kicker{font-size:14px;font-weight:600;line-height:1.2;letter-spacing:.1em;text-transform:uppercase;
  color:rgba(255,255,255,.6)}
.fmf2 .geo-hero__title{margin-top:8px;font-size:48px;font-weight:400;line-height:1.2;color:#fff}
.fmf2 .geo-hero__lead{max-width:675px;margin-top:24px;font-size:18px;line-height:1.4;color:#fff}
.fmf2 .geo-hero__cta{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.fmf2 .geo-hero__cta .btn{height:50px;padding-inline:40px;border-radius:43px;line-height:1.6}
.fmf2 .geo-hero__cta .btn--ghost-dark{border-color:#fff}

/* 3D-иллюстрация: картинка на чёрном, край снизу растворяется в переходе фона */
.fmf2 .geo-hero__media{position:absolute;z-index:1;top:100px;right:calc(var(--pad) - 40px);width:clamp(380px,calc(100vw - 840px),600px);pointer-events:none}
.fmf2 .geo-hero__art{width:100%;
  -webkit-mask:linear-gradient(180deg,#000 78%,transparent 100%);mask:linear-gradient(180deg,#000 78%,transparent 100%)}

/* ---------- AI-системы ---------- */
.fmf2 .geo-hero__ai{position:relative;margin-top:82px}
.fmf2 .geo-hero__ai-caption{font-size:16px;font-weight:500;line-height:1.4;color:rgba(255,255,255,.6)}
.fmf2 .geo-hero__ai-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:26px}
.fmf2 .geo-hero__ai-item{--cut-c:#48474B;display:flex;align-items:center;justify-content:center;height:122px;
  margin:0 -1px -1px 0;padding:12px}
.fmf2 .geo-hero__ai-logo{width:auto;max-width:100%;height:64px}
.fmf2 .geo-hero__ai-logo[src*="neiro"]{height:52px}
.fmf2 .geo-hero__ai-logo[src*="aimode"]{height:45px}

/* ---------- планшет: иллюстрация над текстом ---------- */
@media (max-width:1180px){
  .fmf2 .geo-hero__inner{padding-top:104px}
  .fmf2 .geo-hero__main{margin-top:64px}
  .fmf2 .geo-hero__media{width:clamp(320px,calc(100vw - 700px),480px);right:calc(var(--pad) - 20px);top:96px}
  .fmf2 .geo-hero__lead{max-width:600px}
}
@media (max-width:1024px){
  .fmf2 .geo-hero{background:linear-gradient(180deg,#000 0%,#000 50%,var(--c-dark) 68%,var(--c-dark) 100%)}
  .fmf2 .geo-hero__inner{display:flex;flex-direction:column;padding-top:0}
  .fmf2 .geo-hero__media{position:relative;order:-1;top:auto;right:auto;align-self:center;
    width:min(560px,100%);margin:96px 0 -24px}
  .fmf2 .geo-hero__main{margin-top:32px}
  .fmf2 .geo-hero__br{display:none}
}
@media (max-width:640px){
  .fmf2 .geo-hero{padding-bottom:56px}
  .fmf2 .geo-hero__media{width:calc(100% + 2 * var(--pad));max-width:none;margin:24px calc(-1 * var(--pad)) -32px}
  .fmf2 .geo-hero__crumbs ol{font-size:12px}
  .fmf2 .geo-hero__main{margin-top:24px}
  .fmf2 .geo-hero__kicker{line-height:1.4}
  .fmf2 .geo-hero__title{margin-top:16px;font-size:32px}
  .fmf2 .geo-hero__lead{margin-top:16px}
  .fmf2 .geo-hero__cta{flex-direction:column;align-items:flex-start}
  .fmf2 .geo-hero__cta .btn{height:46px}
  .fmf2 .geo-hero__cta .btn--primary{min-width:188px}
  .fmf2 .geo-hero__ai{margin-top:56px}
  .fmf2 .geo-hero__ai-caption{font-weight:400}
  .fmf2 .geo-hero__ai-list{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:24px}
  .fmf2 .geo-hero__ai-item{--cut:6px}
}