/* Framer reference: Anton, original framing and measured spacing. */
@font-face{font-family:Anton;src:url('/assets/anton-regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
.journey{--scene-height:max(900px,calc(100svh - 108px));--nav-height:108px;height:calc(315svh + 288px);color:#f1f4f3;background:#09191f}
.mountain-stage{height:calc(var(--scene-height) + var(--nav-height));min-height:0}
.mountain-photo{top:calc(var(--nav-height) - 140px);height:calc(var(--scene-height) * 1.35);object-position:50% 50%;transform-origin:50% 64%}
.mountain-tone{top:var(--nav-height);height:var(--scene-height);background:linear-gradient(180deg,rgba(6,22,31,.5) 0%,rgba(6,22,31,.1) 40%,#09191f 100%)}
.intro-title{top:var(--nav-height);left:50%;right:auto;bottom:auto;width:min(1104px,calc(100% - 96px));height:calc(100svh - var(--nav-height));padding:32px 24px 104px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;container-type:inline-size;color:#f1f4f3}
.intro-title .label{font:600 10px/1.4 Inter,Arial,sans-serif;letter-spacing:2px;margin:0;color:#f1f4f3;max-width:none}
.intro-title h1{font:400 clamp(64px,12.5cqw,138px)/.98 Anton,Impact,sans-serif;letter-spacing:0;white-space:normal;text-wrap:initial;max-width:none;width:100%;margin:0;color:#f1f4f3;text-align:center}
.intro-title h1>span{display:block;white-space:nowrap}
.intro-title p{font:400 22px/1.5 Inter,Arial,sans-serif;margin:0;max-width:none;width:100%;color:#f1f4f3;text-wrap:wrap}
.intro-title .btn{background:#ff612e;border:0;color:#09191f;font:600 10px/14px Inter,Arial,sans-serif;letter-spacing:2px;text-transform:uppercase;padding:18px 28px;min-height:50px;gap:0;transition:background .2s,color .2s}
.intro-title .btn:hover{background:#f1f4f3;color:#09191f}
.hero-footer{position:absolute;left:24px;right:24px;bottom:max(28px,env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;width:auto;margin:0;font:600 10px/14px Inter,Arial,sans-serif;letter-spacing:2px;text-transform:uppercase;text-align:left}
.hero-footer .intro-small{text-align:right}
.hero-footer .hero-meta,.hero-footer .intro-small,.hero-footer .scroll-cue{position:static;display:block;transform:none;inset:auto;font:inherit;letter-spacing:inherit;width:auto;color:#f1f4f3}
.hero-footer .scroll-cue{pointer-events:auto;text-align:center}
.route-svg{top:108px;height:calc(100svh - 108px)}
.route-caption{bottom:auto;top:clamp(150px,25svh,260px);color:#f1f4f3}
@media(min-width:810px) and (max-width:1199px){.intro-title{width:calc(100% - 48px)}}
@media(max-width:809px){
 .journey{--scene-height:max(760px,calc(100svh - 84px));--nav-height:84px;height:calc(290svh + 120px)}
 .mountain-photo{top:calc(var(--nav-height) - 90px);height:calc(var(--scene-height) * 1.3);object-position:50% 50%}
 .intro-title{top:84px;left:0;right:0;width:100%;padding:24px 20px 100px;transform:none;gap:24px}
 .intro-title .label{font-size:9px;line-height:1.4;letter-spacing:2px;margin:0;max-width:none}
 .intro-title h1{font-size:14cqw;line-height:1;max-width:none}
 .intro-title p{font-size:18px;line-height:1.5;max-width:none;margin:0}
 .intro-title .btn{font-size:10px;line-height:14px;letter-spacing:2px;padding:18px 20px;min-height:50px}
 .hero-footer{left:20px;right:20px;grid-template-columns:1fr;gap:0}.hero-footer .hero-meta,.hero-footer .intro-small{display:none}.hero-footer .scroll-cue{text-align:center}
 .route-svg{top:84px;height:calc(100svh - 84px)}.route-caption{top:42%;bottom:auto}
}
@media(prefers-reduced-motion:reduce),(max-height:620px){.journey{height:auto}.mountain-stage{position:relative}.intro-title{transform:translateX(-50%)!important;top:108px}.route-svg{display:none}.hero-footer .scroll-cue{display:none}}
@media(max-width:809px) and (prefers-reduced-motion:reduce),(max-width:809px) and (max-height:620px){.intro-title{transform:none!important;top:84px}}

/* One shared mountain scene: the brand appears, then gives way to the descent. */
.brand-intro{position:absolute;inset:var(--nav-height) 0 0;z-index:7;display:grid;place-items:center;pointer-events:none;visibility:hidden;opacity:0}
.brand-intro img{display:block;width:clamp(210px,24vw,340px);max-width:64vw;height:auto;aspect-ratio:1;object-fit:contain}
.hero-intro-pending .intro-title>*{animation:hero-copy-safety 4s step-end both}
.hero-intro-playing .brand-intro{visibility:visible;animation:hero-brand-reveal 2.6s cubic-bezier(.22,.61,.36,1) both}
.hero-intro-playing .intro-title>*{animation:hero-copy-reveal .8s cubic-bezier(.22,.61,.36,1) 1.8s both}
@keyframes hero-brand-reveal{0%{opacity:0;transform:translate3d(0,12px,0) scale(.94)}24%,55%{opacity:1;transform:translate3d(0,0,0) scale(1)}78%,100%{opacity:0;transform:translate3d(0,-8px,0) scale(1.035);visibility:hidden}}
@keyframes hero-copy-reveal{from{opacity:0;transform:translate3d(0,14px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes hero-copy-safety{0%{opacity:0}100%{opacity:1}}
@media(prefers-reduced-motion:reduce),(max-height:620px){.brand-intro{display:none}.hero-intro-pending .intro-title>*,.hero-intro-playing .intro-title>*{animation:none}}