.hero-everest {
  --scene-x: 0;
  --scene-y: 0;
  min-height: min(900px, 100svh);
  isolation: isolate;
  background: #102a3b;
}
.everest-scene { position: absolute; inset: 0; overflow: hidden; pointer-events: none; }
.everest-panorama { position: absolute; inset: -3%; width: 106%; height: 106%; max-width: none; object-fit: cover; object-position: 68% 42%; transform: translate3d(calc(var(--scene-x) * -14px), calc(var(--scene-y) * -9px), 0) scale(1.025); }
.everest-mist { position: absolute; inset: 40% -12% -20%; opacity: .36; background: radial-gradient(ellipse at 80% 80%, rgba(192,226,240,.8), transparent 46%), radial-gradient(ellipse at 20% 90%, rgba(124,184,212,.4), transparent 40%); transform: translate3d(calc(var(--scene-x) * 30px), calc(var(--scene-y) * 15px), 0); }
.everest-mist-near { inset: 62% -15% -25%; opacity: .46; background: radial-gradient(ellipse at 66% 100%, rgba(161,209,230,.6), transparent 58%); transform: translate3d(calc(var(--scene-x) * 52px), calc(var(--scene-y) * 23px), 0); }
.everest-foreground { position: absolute; inset: auto -4% -4%; width: 108%; height: 24%; opacity: .6; background: linear-gradient(180deg, transparent, #0b2333 88%); transform: translate3d(calc(var(--scene-x) * 40px), calc(var(--scene-y) * 12px), 0); }
.hero-everest .hero-shade { z-index: 1; background: linear-gradient(90deg, rgba(5,22,34,.82), rgba(5,22,34,.57) 38%, rgba(5,22,34,.02) 74%), linear-gradient(0deg, rgba(5,22,34,.8), transparent 55%); }
.hero-everest .hero-content { z-index: 2; padding-top: 200px; padding-bottom: 58px; padding-right: 0; }
.hero-everest .hero-copy { max-width: 650px; }
.hero-everest h1 { max-width: 640px; font-size: clamp(50px, 6.1vw, 86px); line-height: 1.02; letter-spacing: -.055em; text-wrap: balance; }
.hero-everest h1 em { color: #bceefe; }
.hero-everest .hero-lead { max-width: 530px; color: rgba(255,255,255,.86); }
.hero-everest .hero-note { background: rgba(10,34,48,.48); border-color: rgba(209,236,247,.23); }
.hero-everest .hero-scroll { display: none; }
@media (min-width: 1021px) { .hero-everest .hero-content { gap: 30px; } .hero-everest .hero-note { align-self: flex-end; margin-bottom: 3px; } }
@media (max-width: 1020px) {
  .hero-everest { min-height: 850px; }
  .hero-everest .hero-content { padding-top: 210px; padding-bottom: 44px; }
  .everest-panorama { object-position: 72% 38%; }
}
@media (max-width: 620px) {
  .hero-everest { min-height: 0; }
  .everest-scene { bottom: 22%; }
  .everest-panorama { inset: 0; width: 100%; height: 100%; transform: none; object-position: 76% top; }
  .hero-everest .hero-shade { background: linear-gradient(0deg, #102a3b 10%, rgba(11,34,49,.97) 25%, rgba(9,30,44,.52) 72%, rgba(8,27,39,.14)); }
  .hero-everest .hero-content { padding-top: 310px; padding-bottom: 42px; }
  .hero-everest h1 { max-width: 540px; font-size: clamp(43px, 10.6vw, 64px); }
  .hero-everest .hero-lead { font-size: 16px; max-width: 440px; }
  .hero-everest .hero-actions { max-width: 440px; }
  .hero-everest .hero-note { font-size: 10px; }
}
@media (prefers-reduced-motion: reduce), (hover: none), (pointer: coarse) {
  .everest-panorama, .everest-mist, .everest-foreground { transform: none !important; }
}