.intro-active .time-rail,.intro-active .branch-dock,.intro-active .reading-progress,.intro-active .masthead nav{opacity:0;visibility:hidden;pointer-events:none}
.time-rail,.branch-dock{transition:opacity .6s ease,visibility .6s}
#intro .intro-scene{background:#101e1a;isolation:isolate}
.intro-landscape{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;z-index:-4}
.intro-shade{position:absolute;inset:0;z-index:-3;background:linear-gradient(90deg,#071510c9 0%,#0817117a 34%,#08171108 72%),linear-gradient(0deg,#08150fe6 0%,#08150f22 30%,transparent 70%,#08150f55)}
.intro-glow{position:absolute;inset:0;pointer-events:none;z-index:-2;background:radial-gradient(ellipse at 87% 23%,#ffe0a125,transparent 54%);animation:intro-sunrise 12s ease-in-out infinite alternate;animation-play-state:paused}
.intro-mist{position:absolute;inset:20% -12% 5%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 65% 53%,#dae4d113,transparent 46%),radial-gradient(ellipse at 35% 75%,#b5cbc616,transparent 43%);filter:blur(24px);animation:intro-drift 30s ease-in-out infinite alternate;animation-play-state:paused}
#intro.is-current :is(.intro-glow,.intro-mist){animation-play-state:running}
.intro-content{position:absolute;left:10%;right:6%;top:25%;max-width:1100px}
.intro-eyebrow{font-size:12px;letter-spacing:3px;color:#e4c68d;line-height:1.6;margin:0 0 27px}
.intro-content h1{font-family:var(--serif);font-weight:400;font-size:clamp(56px,6.3vw,100px);line-height:1.05;letter-spacing:-2.5px;margin:0 0 30px;text-wrap:balance}
.intro-content h1 em{font-family:Georgia,serif;font-weight:400;font-size:.86em;color:#ebd5ad}
.intro-description{font-size:17px;line-height:1.8;color:#e1e6d9;max-width:450px;margin:0}
.intro-begin{display:flex;align-items:center;justify-content:space-between;gap:50px;width:max-content;min-height:54px;margin-top:28px;border-bottom:1px solid #e6c58d8c;font-size:14px;letter-spacing:.2px;color:#f0dfbd;transition:color .25s,border-color .25s}
.intro-begin span{font-size:21px;font-weight:300;transition:translate .25s}.intro-begin:hover{color:#fff3da;border-color:#f4d99f}.intro-begin:hover span{translate:0 4px}
.intro-guide{position:absolute;bottom:8%;left:0;right:0;border-top:1px solid #ddc39355;background:linear-gradient(#08150f33,transparent)}
.intro-guide-inner{display:flex;justify-content:center;gap:clamp(35px,6vw,100px);padding:25px 6% 0}
.intro-guide p{margin:0;display:flex;align-items:center;gap:14px;color:#d9dfd0;font-size:12px;letter-spacing:.3px;line-height:1.6}
.intro-guide svg{width:22px;height:24px;fill:none;stroke:#d8b982;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
#intro.is-current .intro-content{animation:intro-arrive 1.4s cubic-bezier(.22,1,.36,1) both}
#intro.is-current .intro-guide{animation:intro-arrive 1.4s .3s cubic-bezier(.22,1,.36,1) both}
@keyframes intro-arrive{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
@keyframes intro-drift{from{transform:translateX(-3%) translateY(1%)}to{transform:translateX(4%) translateY(-2%)}}
@keyframes intro-sunrise{from{opacity:.45}to{opacity:1}}
@media(min-width:761px) and (max-height:760px){.intro-content{top:21%}.intro-content h1{font-size:clamp(52px,5.4vw,76px);margin-bottom:20px}.intro-eyebrow{margin-bottom:18px}.intro-description{font-size:15px;line-height:1.7;max-width:420px}.intro-begin{margin-top:18px}.intro-guide{bottom:5%}}
@media(max-width:760px){
 .intro-landscape{object-position:76% top}.intro-shade{background:linear-gradient(90deg,#071510a6,#08171120),linear-gradient(0deg,#08150ff2 0%,#08150f45 40%,#08150f22 70%,#08150f77)}
 .intro-content{left:7%;right:7%;top:22%;max-width:none}.intro-eyebrow{font-size:10px;letter-spacing:2px;margin-bottom:22px}
 .intro-content h1{font-size:clamp(35px,8.4vw,61px);letter-spacing:-1.25px;line-height:1.12;margin-bottom:24px}.intro-content h1 em{font-size:.88em}
 .intro-description{font-size:15px;line-height:1.8;max-width:330px}.intro-begin{font-size:13px;min-height:50px;margin-top:24px;gap:43px}
 .intro-guide{bottom:7%}.intro-guide-inner{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:15px;padding:22px 6% 0}.intro-guide p{flex-direction:column;text-align:center;gap:10px;font-size:11px;letter-spacing:0;line-height:1.6}.intro-guide svg{height:23px;width:21px}
}
@media(max-width:760px) and (max-height:720px){.intro-content{top:20%}.intro-eyebrow{margin-bottom:16px}.intro-content h1{margin-bottom:20px}.intro-description{font-size:14px;line-height:1.7}.intro-begin{margin-top:17px;min-height:46px}.intro-guide{bottom:5%}.intro-guide-inner{padding-top:17px}.intro-guide p{font-size:10px}}
@media(prefers-reduced-motion:reduce){#intro .intro-content,#intro .intro-guide,#intro .intro-mist,#intro .intro-glow{animation:none}.intro-begin,.intro-begin span{transition:none}}
/* Reveal the scene first, then the editorial layers, without blocking navigation. */
#intro .intro-content,#intro .intro-guide{animation:none}
.intro-title-line{display:block;overflow:clip;padding-bottom:.09em;margin-bottom:-.09em}
.intro-title-line>span,.intro-title-line>em{display:block}
#intro.is-current.intro-ready .intro-landscape{transform-origin:76% 15%;animation:intro-cinema 3.4s cubic-bezier(.16,1,.3,1) both}
#intro.is-current.intro-ready .intro-eyebrow{animation:intro-detail-in 1.2s .25s both}
#intro.is-current.intro-ready .intro-title-line>span{animation:intro-line-in 1.4s .4s cubic-bezier(.16,1,.3,1) both}
#intro.is-current.intro-ready .intro-title-line>em{animation:intro-line-in 1.6s .65s cubic-bezier(.16,1,.3,1) both}
#intro.is-current.intro-ready .intro-description{animation:intro-detail-in 1.3s .95s both}
#intro.is-current.intro-ready .intro-begin{animation:intro-detail-in 1.3s 1.15s both}
#intro.is-current.intro-ready .intro-guide{animation:intro-detail-in 1.4s 1.4s both}
#intro:not(.intro-ready) .intro-content,#intro:not(.intro-ready) .intro-guide{opacity:0}
.intro-atmosphere{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;mix-blend-mode:screen}
#intro .intro-mist{inset:18% -18% -12%;filter:none;opacity:.65;background:radial-gradient(ellipse at 70% 65%,#d4e5dc20,transparent 42%),radial-gradient(ellipse at 45% 85%,#b5d2c726,transparent 46%);animation:intro-mist-rise 24s ease-in-out infinite alternate;animation-play-state:paused}
#intro.is-current .intro-mist{animation-play-state:running}
@keyframes intro-cinema{from{transform:scale(1.055);filter:brightness(.65) saturate(.8)}to{transform:scale(1);filter:brightness(1) saturate(1)}}
@keyframes intro-line-in{from{opacity:0;transform:translateY(108%)}to{opacity:1;transform:translateY(0)}}
@keyframes intro-detail-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes intro-mist-rise{from{transform:translate3d(-3%,6%,0);opacity:.35}to{transform:translate3d(4%,-10%,0);opacity:.75}}
@media(prefers-reduced-motion:reduce){#intro .intro-content,#intro .intro-guide{opacity:1!important}#intro .intro-atmosphere{display:none}#intro .intro-landscape{transform:none!important;filter:none!important}#intro .intro-title-line>span,#intro .intro-title-line>em,#intro .intro-eyebrow,#intro .intro-description,#intro .intro-begin,#intro .intro-guide{animation:none!important;opacity:1!important;transform:none!important}}