.atlant-hero-video-box{background-color:#0b1220!important;overflow:hidden}
.atlant-hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none}
.atlant-hero-overlay{position:absolute;inset:0;z-index:1;pointer-events:none}
.atlant-hero-overlay-1{background:linear-gradient(to top, rgba(0,0,0,.85), rgba(0,0,0,.2) 55%, rgba(0,0,0,.55))}
.atlant-hero-overlay-2{background:linear-gradient(to right, rgba(0,0,0,.8), rgba(0,0,0,.1) 55%, transparent)}
.atlant-hero-overlay-3{background:radial-gradient(120px 100px at 100% 100%, rgba(0,0,0,.55), transparent 70%)}

.atlant-hero-grid{position:relative;z-index:2;display:block!important;padding-top:clamp(180px,38vh,380px)!important}
.atlant-hero-collage-hidden{display:none!important}
.atlant-hero-eyebrow{color:#FFB000!important;animation:atlantHeroLeft 1s cubic-bezier(.2,.7,.2,1) both}
.atlant-hero-title{color:#fff!important;max-width:36rem;animation:atlantHeroLeft 1s cubic-bezier(.2,.7,.2,1) .18s both}
.atlant-hero-sub{color:rgba(255,255,255,.78)!important;max-width:32rem;animation:atlantHeroRight 1s cubic-bezier(.2,.7,.2,1) .36s both}
.atlant-hero-cta{background:#FFB000!important;color:#14213D!important;animation:atlantHeroUp 1s cubic-bezier(.2,.7,.2,1) .54s both}
.atlant-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.atlant-hero-badge{
  position:absolute;
  right:24px;
  bottom:44px;
  z-index:3;
  max-width:260px;
  padding:20px 22px;
  border-radius:16px;
  background:rgba(11,18,32,.62);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.14);
  text-align:right;
  animation:atlantHeroUp 1s cubic-bezier(.2,.7,.2,1) .7s both;
}
.atlant-hero-badge-figure{
  font-weight:700;
  font-size:22px;
  line-height:1.1;
  color:#FFB000;
  font-variant-numeric:tabular-nums;
}
.atlant-hero-badge-label{
  margin-top:6px;
  font-size:12px;
  line-height:1.4;
  color:rgba(255,255,255,.72);
}

nav.atlant-hero-nav-light .atlant-hero-logo-icon{filter:brightness(0) invert(1)}
nav.atlant-hero-nav-light .atlant-hero-logo-text{color:#fff!important}
nav.atlant-hero-nav-light .atlant-hero-navlinks{color:rgba(255,255,255,.7)!important}
nav.atlant-hero-nav-light .atlant-hero-navlinks > a:hover,
nav.atlant-hero-nav-light .atlant-hero-navlinks > div > button:hover{color:#fff!important}


@keyframes atlantHeroLeft{from{opacity:0;transform:translateX(-56px)}to{opacity:1;transform:translateX(0)}}
@keyframes atlantHeroRight{from{opacity:0;transform:translateX(56px)}to{opacity:1;transform:translateX(0)}}
@keyframes atlantHeroUp{from{opacity:0;transform:translateY(36px)}to{opacity:1;transform:translateY(0)}}

@media (max-width:900px){
  .atlant-hero-title{max-width:100%}
  .atlant-hero-sub{max-width:100%}
  .atlant-hero-grid{padding-top:clamp(160px,32vh,300px)!important}
  .atlant-hero-badge{display:none}
  .atlant-hero-mobile-poster{
    background-image:url('/hero-cargo-poster.webp')!important;
    background-size:cover!important;
    background-position:center!important;
  }
}
@media (prefers-reduced-motion: reduce){
  .atlant-hero-eyebrow,.atlant-hero-title,.atlant-hero-sub,.atlant-hero-cta,.atlant-hero-badge{animation:none;opacity:1;transform:none}
  .atlant-hero-video{display:none}
}

nav.atlant-hero-nav-light button[aria-label="Открыть меню"]{background:transparent!important;border:none!important;box-shadow:none!important}
nav.atlant-hero-nav-light .atlant-hero-menu-icon{color:#fff!important}