/* A native-scroll narrative. Without the controller every chapter is normal HTML. */
.archive-journey{position:relative;isolation:isolate;display:flex;flex-direction:column;background:#18211d;--journey-head:100px}
.archive-journey .journey-arrival{order:-1;background:transparent;min-height:0}
.archive-journey .hero-inner{display:block;max-width:1320px}
.archive-journey .hero-copy{max-width:none}
.journey-stage{position:relative;padding:0 24px}
.journey-stage .hero-artifact{max-width:560px;margin:auto;padding-bottom:60px}
.journey-night,.journey-index{display:none}
.journey-step{position:relative;padding:5rem max(24px,6vw);scroll-margin-top:130px}
.journey-step h2{font:600 clamp(2.3rem,4.5vw,4.8rem)/1.06 var(--font-display);letter-spacing:-.035em;margin:.4em 0}
.journey-copy{max-width:580px}
.journey-copy>p:not(.eyebrow){font-size:clamp(1.1rem,1.6vw,1.35rem);max-width:38ch;line-height:1.6}
.journey-copy .hero-ctas{margin-top:2rem;gap:12px}
.journey-note{font:400 .75rem/1.6 var(--font-ui)!important;letter-spacing:.04em;margin-top:2rem}
.journey-scroll{font:400 .7rem/1.7 var(--font-ui);text-transform:uppercase;letter-spacing:.08em;color:inherit;padding:14px 0}
.journey-intro{max-width:580px}
.journey-intro .hero-sub{font-family:var(--font-display);font-size:1.15rem;line-height:1.4}
.journey-doors .archive-direct{display:block;margin:1.5rem 0;padding:0;background:none;border:0}
.journey-doors .archive-direct a{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #756744;padding:12px 0;min-height:44px;text-decoration:none;color:inherit;font:400 1rem var(--font-body)}
.journey-doors .archive-direct a span{font:400 .7rem var(--font-ui);align-self:center}
.journey-doors .archive-direct a:hover{padding-left:8px}
.journey-colophon{padding:28px 24px;display:flex;gap:30px;align-items:center;font-size:.75rem;line-height:1.6;border-bottom:1px solid #756744}
.journey-colophon p{margin:0}
@media(prefers-reduced-motion:no-preference) and (min-width:901px){
 .archive-journey.journey-enhanced{display:block;--stage-height:calc(100svh - var(--journey-head))}
 .journey-enhanced .journey-stage{position:sticky;top:var(--journey-head);height:var(--stage-height);margin-bottom:calc(-1 * var(--stage-height));padding:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 45% 35%,#314038,#18211d 72%)}
 .journey-enhanced .journey-night{display:block;position:absolute;inset:0;background:radial-gradient(ellipse at 50% 60%,#382019,#101612 72%);opacity:var(--night,0)}
 .journey-enhanced .hero-artifact{position:absolute;left:var(--disc-x,50%);top:var(--disc-y,63%);width:min(48vw,650px);max-width:none;padding:0;transform:translate(-50%,-50%) scale(var(--disc-scale,1));will-change:transform;pointer-events:none}
 .journey-enhanced .hero-relic{max-height:64svh;aspect-ratio:1}
 .journey-enhanced .hero-artifact figcaption{font:400 .6rem/1.8 var(--font-ui);letter-spacing:.1em;color:#c9b994}
 .journey-enhanced[data-chapter]:not([data-chapter="0"]) .hero-artifact figcaption{color:#d0b78c}
 .journey-enhanced .hero-artifact .relic-pause{position:static;transform:none;font-size:.65rem;pointer-events:auto;margin:8px auto 0;color:inherit}
 .journey-enhanced[data-chapter]:not([data-chapter="0"]) .relic-pause{color:#e6d3a8}
 .journey-enhanced .journey-step{min-height:var(--stage-height);padding:6vh 6vw;display:flex;align-items:center;pointer-events:none}
 .journey-enhanced .journey-step a{pointer-events:auto}
 .journey-enhanced .journey-arrival{padding:0 5vw;background:transparent!important;height:var(--stage-height);min-height:740px}
 .journey-enhanced .hero-inner,.journey-enhanced .hero-copy{width:100%;height:100%;padding:0;position:relative}
 .journey-enhanced .hero-copy>.eyebrow{text-align:center;padding-top:3vh;font-size:.6rem;margin:0 0 16px}
 .journey-enhanced .display{font-size:clamp(4rem,7.8vw,8.5rem);text-align:center;line-height:.95;letter-spacing:.035em;margin:0}
 .journey-enhanced .display em{font-size:.72em;line-height:1.3;letter-spacing:.08em}
 .journey-enhanced .journey-intro{position:absolute;bottom:7vh;left:0;width:25%;max-width:300px}
 .journey-enhanced .journey-intro .lede{font-size:.95rem;line-height:1.55}
 .journey-enhanced .journey-arrival .hero-ctas{position:absolute;right:0;bottom:8vh;width:23%;display:flex;flex-direction:column;align-items:stretch;text-align:center}
 .journey-enhanced .journey-arrival .btn{padding:14px 10px;font-size:.85rem}
 .journey-enhanced .journey-copy{width:42%;max-width:580px;color:#e6d3a8}
 .journey-enhanced .journey-copy .eyebrow,.journey-enhanced .journey-copy p{color:#d0b78c}
 .journey-enhanced .journey-copy h2{color:#e6d3a8}
 .journey-enhanced .journey-copy .btn{color:#e6d3a8;border-color:#b8955a}
 .journey-enhanced .journey-copy .btn-primary{background:#e6d3a8;color:#2a1c10}
 .journey-enhanced .journey-copy .archive-enter{color:#e6d3a8}
 .journey-enhanced .journey-crossing,.journey-enhanced .journey-doors{justify-content:flex-end}
 .journey-enhanced .journey-frequency{justify-content:flex-start}
 .journey-enhanced .journey-index{display:flex;position:absolute;bottom:12px;left:24px;gap:24px;z-index:4;pointer-events:auto;color:#c9b994}
 .journey-enhanced[data-chapter]:not([data-chapter="0"]) .journey-index{color:#d0b78c}
 .journey-index a{color:inherit;font:400 .65rem/2 var(--font-ui);min-height:32px;text-decoration:none;border-bottom:1px solid transparent}
 .journey-index a[aria-current]{border-color:currentColor}
 .journey-index span{margin-left:6px}
 .journey-enhanced .journey-copy:focus-within{opacity:1!important;transform:none!important}
}
@media(prefers-reduced-motion:no-preference) and (max-width:900px){
 .journey-enhanced{display:block}
 .journey-enhanced .journey-stage{position:sticky;top:var(--journey-head);height:34svh;margin-bottom:-34svh;z-index:2;background:linear-gradient(#18211d 90%,transparent);pointer-events:none;padding:0}
 .journey-enhanced .hero-artifact{width:32svh;max-width:270px;padding:0;transform:rotate(var(--still-turn,0deg))}
 .journey-enhanced .hero-artifact figcaption,.journey-enhanced .hero-artifact .relic-pause{display:none}
 .journey-enhanced .journey-step{min-height:100svh;padding:calc(34svh + 24px) 24px 60px;scroll-margin-top:var(--journey-head)}
 .journey-enhanced .journey-arrival .hero-inner{padding:0}
 .journey-enhanced .journey-arrival .display{font-size:clamp(2rem,7.7vw,4rem);line-height:1.1}
 .journey-enhanced .hero-copy>.eyebrow{font-size:.6rem;line-height:1.7}
 .journey-enhanced .journey-intro .lede{font-size:1rem}
 .journey-enhanced .journey-copy h2{font-size:clamp(2rem,8vw,3.5rem)}
 .journey-enhanced .journey-copy .hero-ctas{display:grid}
 .journey-colophon{display:block}
}
@media(prefers-reduced-motion:reduce){.journey-step{padding-block:3rem}.journey-scroll{display:none}}
/* Keep the navigation above the pinned stage, including the mobile menu. */
.archive-home .site-header{position:sticky;top:0;z-index:100}
.archive-journey .hero-copy>.eyebrow{max-width:none}
@media(prefers-reduced-motion:no-preference) and (max-width:900px){
 .journey-enhanced .hero-artifact .relic-pause:not([hidden]){display:block;position:absolute;left:50%;bottom:-12px;transform:translateX(-50%);font-size:.65rem;background:#18211d;pointer-events:auto;margin:0}
}
.journey-stage .hero-relic{filter:drop-shadow(-10px 16px 20px rgb(122 31 31 / .12)) drop-shadow(10px 12px 18px rgb(232 184 74 / .12))}
@media(max-width:900px){.journey-enhanced .journey-step a{scroll-margin-top:calc(var(--journey-head) + 34svh + 24px)}}
@media(prefers-reduced-motion:no-preference) and (min-width:901px){
 .journey-enhanced .hero-artifact .relic-pause{position:absolute;top:100%;bottom:auto;left:50%;transform:translateX(-50%);margin:8px 0 0}
 .journey-enhanced .hero-artifact figcaption{padding-bottom:2px}
}
html body.archive-home .site-header{background:#202a24}
@media(prefers-reduced-motion:no-preference) and (min-width:901px){
 .journey-enhanced .journey-step{scroll-margin-top:var(--journey-head)}
 .journey-enhanced .hero-copy:focus-within{opacity:1!important;background:#18211d}
 .journey-enhanced .journey-copy:focus-within{background:#141c18}
}
