/* Restored original grayscale mountains and cloud assets; independent depth planes retained. */
.hero-journey{position:relative;background:#060606;--sky-height:max(760px,100svh)}
.hero-journey .mk-hero{height:var(--sky-height);min-height:var(--sky-height)!important;padding:clamp(170px,20svh,220px) 0 0!important;background:#060606;mask-image:none;overflow:hidden;isolation:isolate}
.hero-journey .mk-hero::before,.hero-journey .mk-hero::after{display:none!important;animation:none!important}
.hero-journey .mk-hero>.mk-container{position:relative;z-index:6;pointer-events:none}
.hero-journey .mk-hero-copy{pointer-events:auto}
.hero-journey .mk-hero-copy>:is(.mk-pill,h1,.mk-hero-sub,.mk-hero-actions){animation:none!important;transform:none!important}
.sky-scene{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.sky-mountains,.sky-clouds{position:absolute;display:block;height:auto;max-width:none;pointer-events:none;user-select:none;translate:0 35svh}
.sky-mountains{width:max(100%,1100px);left:50%;bottom:clamp(100px,14svh,170px);transform:translateX(-50%);transform-origin:50% 75%;mask-image:linear-gradient(transparent,#000 12%,#000 90%,transparent)}
.sky-clouds{left:50%;mask-image:linear-gradient(transparent 16%,#000 37%,#000 86%,transparent);transform-origin:50% 70%}
.sky-clouds-far{width:max(100%,1200px);bottom:0;transform:translateX(-50%);opacity:.62;z-index:1}
.sky-clouds-mid{width:max(108%,1360px);bottom:-150px;transform:translateX(-46%) scaleX(-1);opacity:.5;z-index:2}
.sky-clouds-near{width:max(132%,1580px);bottom:-280px;transform:translateX(-53%);opacity:.72;z-index:3}
.sky-darkening{position:absolute;inset:0;z-index:4;background:#060606;opacity:0}
@keyframes sky-mountain-descent{from{transform:translateX(-50%);opacity:1}to{transform:translateX(-50%) translateY(40px) scale(1.04);opacity:.12}}
@keyframes sky-far-descent{0%{transform:translateX(-50%);opacity:.62}70%{opacity:.28}100%{transform:translateX(-51%) translateY(-70px) scale(1.03);opacity:0}}
@keyframes sky-mid-descent{0%{transform:translateX(-46%) scaleX(-1);opacity:.5}65%{opacity:.4}100%{transform:translateX(-43%) translateY(-160px) scale(-1.07,1.07);opacity:0}}
@keyframes sky-near-descent{0%{transform:translateX(-53%);opacity:.72}65%{opacity:.6}100%{transform:translateX(-56%) translateY(-280px) scale(1.1);opacity:0}}
@keyframes sky-copy-away{0%{transform:translateY(0);opacity:1}45%,100%{transform:translateY(-45px);opacity:0;visibility:hidden}}
@keyframes sky-out{0%,15%{opacity:0}85%,100%{opacity:1}}
@supports(animation-timeline:view()){
 @media(prefers-reduced-motion:no-preference){
 /* Natural flow: no extra scroll runway or sticky hold. */
 .hero-journey{view-timeline-name:--sky-descent;view-timeline-axis:block;view-timeline-inset:0}
 .sky-mountains{animation:sky-mountain-descent linear both}
 .sky-clouds-far{animation:sky-far-descent linear both}
 .sky-clouds-mid{animation:sky-mid-descent linear both}
 .sky-clouds-near{animation:sky-near-descent linear both}
 .hero-journey .mk-hero>.mk-container{animation:sky-copy-away linear both}
 .sky-darkening{animation:sky-out linear both}
 .sky-mountains,.sky-clouds,.sky-darkening,.hero-journey .mk-hero>.mk-container{animation-timeline:--sky-descent;animation-range:exit 0% exit 55%}
 }
}
@media(max-width:809px){.hero-journey .mk-hero{padding-top:170px!important}.sky-mountains{width:1000px}}
@media(max-width:540px){.hero-journey{--sky-height:max(800px,100svh)}.hero-journey .mk-hero{padding-top:135px!important}.hero-journey .mk-container{padding-inline:22px}.hero-journey .mk-hero h1{font-size:35px}.hero-journey .mk-hero-actions{margin-inline:auto;max-width:350px}.sky-mountains{width:800px;bottom:245px}.sky-clouds-far{width:1000px;bottom:145px}.sky-clouds-mid{width:1200px;bottom:20px}.sky-clouds-near{width:1450px;bottom:-90px}}
@media(prefers-reduced-motion:reduce){.hero-journey{height:auto}.hero-journey .mk-hero{position:relative}.sky-darkening{display:none}.hero-journey .mk-hero>.mk-container,.sky-mountains,.sky-clouds,.sky-cloud-material,.sky-cloud-material::after{animation:none!important}.sky-cloud-material::after{display:none}}

.sky-scene::after{content:"";position:absolute;inset:auto 0 0;height:170px;background:linear-gradient(transparent,#060606);z-index:6;pointer-events:none}

/* Ambient material motion is nested inside the scroll-transformed plane. */
.sky-cloud-material{position:relative;width:100%;--drift-x:7px;--drift-y:-3px}
.sky-cloud-material img{display:block;width:100%;height:auto;max-width:none}
.sky-clouds-mid .sky-cloud-material{--drift-x:-9px;--drift-y:4px}
.sky-clouds-near .sky-cloud-material{--drift-x:11px;--drift-y:-4px}
@keyframes cloud-breath{from{transform:translate(0,0)}to{transform:translate(var(--drift-x),var(--drift-y))}}
@keyframes cloud-smudge{0%,30%,100%{opacity:0;transform:translateX(0)}55%{opacity:.08;transform:translateX(9px)}78%{opacity:.05;transform:translateX(20px)}}
@media(prefers-reduced-motion:no-preference){
 .sky-cloud-material{animation:cloud-breath 13s ease-in-out infinite alternate}
 .sky-cloud-material::after{animation:cloud-smudge 11s ease-in-out infinite}
 .sky-clouds-mid .sky-cloud-material{animation-duration:16s;animation-delay:-5s}
 .sky-clouds-near .sky-cloud-material{animation-duration:19s;animation-delay:-9s}
 .sky-clouds-mid .sky-cloud-material::after{animation-delay:-4s;animation-duration:14s}
 .sky-clouds-near .sky-cloud-material::after{animation-delay:-8s;animation-duration:17s}
 .sky-paused .sky-cloud-material,.sky-paused .sky-cloud-material::after{animation-play-state:paused}
}
