.kinetic-hero{
  isolation:isolate;
}

.hero-about-emblem-bridge{
  position:absolute;
  z-index:2;
  inset:0;
  pointer-events:none;
}

.hero-about-emblem-bridge--flight{display:none}

.hero-about-emblem-bridge img{
  position:absolute;
  top:52%;
  left:16vw;
  width:min(24vw,440px);
  max-width:none;
  height:auto;
  opacity:.16;
  filter:grayscale(1) brightness(1.7) contrast(1.08);
  transform:translate(-50%,-50%);
  animation:hero-background-emblem-breathe 10s ease-in-out infinite alternate;
  user-select:none;
}

@keyframes hero-background-emblem-breathe{
  from{transform:translate(-50%,-50%) scale(.96);opacity:.1}
  to{transform:translate(-50%,-50%) scale(1.035);opacity:.18}
}

.hero-clouds{
  position:absolute;
  z-index:2;
  inset:0;
  overflow:hidden;
  pointer-events:none;
}

.hero-cloud{
  position:absolute;
  display:block;
  max-width:none;
  height:auto;
  filter:grayscale(1) contrast(1.16) brightness(1.12) drop-shadow(0 20px 34px rgba(21,25,31,.28));
  transform:translate3d(0,0,0);
  transform-origin:center;
  will-change:transform,opacity;
}

.hero-cloud--left{
  left:-5vw;
  bottom:-4%;
  width:min(80vw,1460px);
  opacity:.96;
  animation:hero-cloud-left-flight 26s ease-in-out infinite alternate;
}

.hero-cloud--right{
  top:-5%;
  right:-5vw;
  width:min(74vw,1340px);
  opacity:.9;
  animation:hero-cloud-right-flight 32s ease-in-out infinite alternate;
}

@keyframes hero-cloud-left-flight{
  0%{transform:translate3d(-3%,2%,0) scale(1.02);opacity:.86}
  48%{transform:translate3d(5%,-1%,0) scale(1.07);opacity:1}
  100%{transform:translate3d(11%,-4%,0) scale(1.12);opacity:.92}
}

@keyframes hero-cloud-right-flight{
  0%{transform:translate3d(4%,-2%,0) scale(1.03);opacity:.8}
  52%{transform:translate3d(-4%,3%,0) scale(1.08);opacity:.96}
  100%{transform:translate3d(-10%,6%,0) scale(1.13);opacity:.86}
}

@media (max-width:800px){
  .hero-clouds{inset:0;}
  .hero-cloud--left{left:-35vw;bottom:0;width:138vw;opacity:.82;animation-duration:30s}
  .hero-cloud--right{top:0;right:-38vw;width:132vw;opacity:.74;animation-duration:36s}
  .hero-about-emblem-bridge img{top:48%;left:18%;width:58vw;opacity:.09}
}

@media (prefers-reduced-motion:reduce){
  .hero-cloud{animation:none;will-change:auto}
  .hero-cloud--left{transform:translate3d(4%,-1%,0) scale(1.08)}
  .hero-cloud--right{transform:translate3d(-4%,3%,0) scale(1.08)}
  .hero-about-emblem-bridge img{animation:none!important}
}

.kinetic-hero.hero-visual--gradient{
  background:#15191f!important;
  background-image:none!important;
}

.kinetic-hero.hero-visual--gradient::before{
  background-image:
    linear-gradient(180deg,transparent 42%,rgba(9,13,18,.38) 72%,#090d12 100%),
    radial-gradient(circle at 78% 24%,rgba(207,213,218,.34) 0,rgba(207,213,218,.12) 19%,transparent 43%),
    radial-gradient(circle at 18% 78%,rgba(196,202,209,.16) 0,transparent 38%),
    linear-gradient(125deg,#11151a 0%,#1b222a 38%,#303a45 68%,#15191f 100%);
  background-position:center;
  background-size:cover;
  transform:none;
}

.hero-gradient-words{
  position:absolute;
  z-index:1;
  inset:clamp(28px,4vw,64px);
  display:none;
  pointer-events:none;
  user-select:none;
}

.hero-visual--gradient .hero-gradient-words{
  display:block;
}

.hero-gradient-word{
  position:absolute;
  color:rgba(217,222,227,.035);
  font-family:inherit;
  font-size:clamp(5.5rem,12vw,12rem);
  font-weight:950;
  line-height:1;
  letter-spacing:-.065em;
  white-space:nowrap;
  -webkit-text-stroke:1px rgba(226,233,245,.3);
  text-stroke:1px rgba(226,233,245,.3);
  text-shadow:0 0 30px rgba(196,202,209,.06);
  will-change:transform,opacity;
}

.hero-gradient-word--one{
  top:0;
  left:0;
  animation:hero-word-enter-left 1.15s cubic-bezier(.2,.75,.25,1) both,hero-gradient-word-one 13s 1.15s ease-in-out infinite alternate;
}

.hero-gradient-word--two{
  right:0;
  bottom:0;
  animation:hero-word-enter-right 1.4s .18s cubic-bezier(.2,.75,.25,1) both,hero-gradient-word-two 16s 1.58s ease-in-out infinite alternate;
}

.hero-gradient-word--three{
  top:31%;
  right:4%;
  font-size:clamp(3.5rem,7vw,7rem)!important;
  opacity:.48;
  animation:hero-word-enter-top 1s .42s cubic-bezier(.2,.75,.25,1) both,hero-gradient-word-three 11s 1.42s ease-in-out infinite alternate;
}

.hero-gradient-word--four{
  bottom:25%;
  left:7%;
  font-size:clamp(3rem,6vw,6rem)!important;
  opacity:.36;
  animation:hero-word-enter-bottom 1.3s .68s cubic-bezier(.2,.75,.25,1) both,hero-gradient-word-four 14s 1.98s ease-in-out infinite alternate;
}

@keyframes hero-word-enter-left{
  from{translate:-34vw 0;clip-path:inset(-18px -18px -18px 100%)}
  to{translate:0 0;clip-path:inset(-18px)}
}
@keyframes hero-word-enter-right{
  from{translate:34vw 0;clip-path:inset(-18px 100% -18px -18px)}
  to{translate:0 0;clip-path:inset(-18px)}
}
@keyframes hero-word-enter-top{
  from{translate:0 -18vh;clip-path:inset(100% -18px -18px)}
  to{translate:0 0;clip-path:inset(-18px)}
}
@keyframes hero-word-enter-bottom{
  from{translate:0 18vh;clip-path:inset(-18px -18px 100%)}
  to{translate:0 0;clip-path:inset(-18px)}
}

@keyframes hero-gradient-word-one{
  from{transform:translate3d(-10px,-3px,0);opacity:.68}
  to{transform:translate3d(28px,10px,0);opacity:1}
}
@keyframes hero-gradient-word-two{
  from{transform:translate3d(12px,5px,0);opacity:.6}
  to{transform:translate3d(-30px,-11px,0);opacity:.94}
}
@keyframes hero-gradient-word-three{
  from{transform:translate3d(8px,-8px,0);opacity:.34}
  to{transform:translate3d(-22px,10px,0);opacity:.68}
}
@keyframes hero-gradient-word-four{
  from{transform:translate3d(-14px,5px,0);opacity:.3}
  to{transform:translate3d(24px,-10px,0);opacity:.58}
}
.hero-visual--gradient .flight-osd{
  display:none!important;
}

.hero-visual--gradient .hero-clouds{
  display:none;
}

.hero-visual--gradient .hero-grid{
  background:linear-gradient(180deg,rgba(8,12,16,0) 44%,rgba(8,12,16,.35) 72%,rgba(7,10,14,.78) 100%),linear-gradient(135deg,rgba(14,19,25,.985),rgba(47,57,68,.97));
  box-shadow:0 42px 90px rgba(5,8,12,.42),0 14px 34px rgba(5,8,12,.3),inset 0 1px rgba(240,242,244,.08);
}

@media (max-width:800px){
  .hero-gradient-words{
    inset:24px 18px;
  }
  .hero-gradient-word{
    font-size:clamp(4rem,22vw,7rem);
    -webkit-text-stroke-color:rgba(226,233,245,.22);
  }
  .hero-gradient-word--three{top:38%;right:0;font-size:clamp(2.4rem,13vw,4rem)!important}
  .hero-gradient-word--four{bottom:29%;left:2%;font-size:clamp(2.2rem,12vw,3.7rem)!important}
}

@media (prefers-reduced-motion:reduce){
  .hero-gradient-word{
    animation:none!important;
    will-change:auto;
  }
}