/* Dusk arrival: a spatial introduction, followed by an uninterrupted valley. */
body.arrival-locked{overflow:hidden}
.cosmic-arrival{position:fixed;inset:0;z-index:100;background:radial-gradient(ellipse at 50% 80%,#0b2437,#02050c 65%);color:#f6ebd9;overflow:hidden;transition:opacity 1.1s,visibility 1.1s}
.cosmic-arrival.departing{opacity:0;visibility:hidden;pointer-events:none}
.earth-canvas{position:absolute;inset:0}
.earth-canvas canvas{width:100%;height:100%;display:block}
.arrival-brand{position:absolute;top:6%;left:6%;font:28px 'Cormorant Garamond',Georgia,serif;letter-spacing:-.04em}
.arrival-brand small{display:block;font:9px Arial,sans-serif;letter-spacing:.38em;text-align:center;margin-top:8px}
.arrival-caption{position:absolute;bottom:5%;left:6%;font:9px Arial,sans-serif;letter-spacing:.28em;color:#bed1da}
.arrival-enter{position:absolute;left:50%;top:24%;transform:translateX(-50%);width:90%;text-align:center;background:none;border:0;color:#f5ead6;cursor:pointer;padding:30px;z-index:3}
.arrival-enter small{display:block;font:11px Arial,sans-serif;letter-spacing:.36em;text-transform:uppercase;margin-bottom:20px;animation:smoke-reveal 2s 1s both}
.arrival-enter strong{display:block;font:italic clamp(42px,6.7vw,106px) 'Cormorant Garamond',Georgia,serif;letter-spacing:-.035em;font-weight:400;animation:smoke-reveal 2.8s 1.2s both;text-shadow:0 0 28px #c8dfff44}
.arrival-enter .arrival-line{display:block;width:80px;height:1px;margin:30px auto;background:linear-gradient(90deg,transparent,#d9bc88,transparent);transition:width .6s}
.arrival-enter:hover .arrival-line,.arrival-enter:focus-visible .arrival-line{width:230px}
.arrival-enter:focus-visible{outline:1px solid #d9bc88;outline-offset:-12px}
.meteor{position:absolute;top:24%;left:-40%;width:45%;height:2px;background:linear-gradient(90deg,transparent,#a0d7ec88,#fff5dc);transform:rotate(-10deg);filter:drop-shadow(0 0 7px #bde9ff);animation:meteor-pass 3.4s .25s both;pointer-events:none}
.meteor:after{content:'';position:absolute;right:0;top:-3px;width:8px;height:8px;background:white;border-radius:50%;box-shadow:0 0 16px 5px #d0edff}
.meteor-smoke{position:absolute;left:20%;top:31%;width:65%;height:45px;background:radial-gradient(ellipse,#9cc3d948,transparent 65%);filter:blur(18px);animation:smoke-trail 4s .8s both;pointer-events:none}
.arrival-skip{position:absolute;right:6%;bottom:5%;font-size:10px;letter-spacing:.1em;border-bottom:1px solid #72858d;padding:10px;color:#d3dce0}
@keyframes meteor-pass{0%{left:-50%;opacity:0;top:38%}15%{opacity:1}85%{opacity:1}100%{left:110%;top:14%;opacity:0}}
@keyframes smoke-reveal{from{opacity:0;filter:blur(20px);transform:translateY(12px);letter-spacing:.1em}to{opacity:1;filter:blur(0);transform:translateY(0)}}
@keyframes smoke-trail{0%{opacity:0;transform:scaleX(.2)}40%{opacity:1}100%{opacity:0;transform:scaleX(1.5) translateY(-30px)}}
body[data-theme=dusk] .valley-sequence{height:var(--valley-length,1100svh);margin:0;position:relative;background:#6b6374}
.valley-stage{position:sticky;top:0;height:100svh;min-height:560px;overflow:hidden;isolation:isolate}
.valley-panorama{position:absolute;inset:-3%;background:url('assets/dehradun-winterline-v1.png') center/cover;will-change:transform}
.valley-wash{position:absolute;inset:0;background:linear-gradient(90deg,#2622349c,transparent 64%),linear-gradient(0deg,#211a2744,transparent 40%);transition:opacity 1s;pointer-events:none}
.valley-interface{position:absolute;inset:0;opacity:0;transition:opacity 1.1s;pointer-events:none}
.windows-ready .valley-interface{opacity:1}
.valley-silent .valley-interface{opacity:0;pointer-events:none}
.valley-silent .valley-wash{opacity:0}
.valley-title{position:absolute;left:6%;top:32%;width:40%;z-index:4;pointer-events:none}
.valley-title .eyebrow{font-size:9px;letter-spacing:.3em;color:#f3d6b7}
.valley-title h1{font:400 clamp(40px,5.3vw,86px)/1.02 'Cormorant Garamond',Georgia,serif;letter-spacing:-.04em;color:#fff1dc;margin:24px 0;text-shadow:0 3px 30px #27212b66;transition:opacity .2s}
.valley-title .page-number{font-size:10px;letter-spacing:.24em;color:#e8c9a9;margin-top:30px}
.window-space{position:absolute;left:49%;top:0;right:0;bottom:0;perspective:1000px;perspective-origin:50% 48%;overflow:hidden;pointer-events:auto;opacity:1;transition:opacity .7s}
.page-window{position:absolute;left:18%;top:24%;width:clamp(220px,26vw,430px);height:55%;max-height:570px;border:1px solid #dac094;padding:5px;background:#7d674550;box-shadow:0 20px 60px #21182535,inset 0 0 0 1px #fae5b833;transform-origin:center;display:block;will-change:transform,opacity;backface-visibility:hidden;text-decoration:none;pointer-events:auto}
.page-window img{width:100%;height:100%;object-fit:cover;display:block}
.page-window:after{content:'';position:absolute;inset:5px;background:linear-gradient(transparent 55%,#17121cbb);pointer-events:none}
.page-window span{position:absolute;left:22px;right:22px;bottom:25px;z-index:1;color:#fff0db;font:italic 24px/1.1 'Cormorant Garamond',Georgia,serif}
.page-window b{position:absolute;top:18px;right:20px;font:20px Georgia;color:#fff5de;text-shadow:0 2px 10px #000;z-index:1}
.page-window:focus-visible{outline:2px solid #fff1ce;outline-offset:6px}
.valley-controls{position:absolute;left:6%;right:6%;bottom:5%;display:flex;justify-content:space-between;align-items:center;pointer-events:auto;color:#f1e1d2;gap:15px}
.valley-controls>span{font-size:9px;letter-spacing:.23em}
.valley-controls button{border:1px solid #e9d0ad80;border-radius:50%;height:44px;width:44px;font-size:22px;background:#20182b35;backdrop-filter:blur(8px);margin-left:9px}
.valley-controls button:hover{background:#d8ba89;color:#322535}
body.valley-breath header{opacity:0;pointer-events:none}
body[data-theme=dusk] header{transition:opacity .7s}
body[data-theme=dusk] .chapter-index{display:none}
.earth-static{position:absolute;width:110vmin;height:110vmin;left:50%;top:54%;transform:translateX(-50%);border-radius:50%;background:url('assets/earth-day.jpg') center/cover;box-shadow:0 0 45px #78caff;display:none}
.earth-failed .earth-static{display:block}
@media(max-width:650px){.arrival-brand{font-size:23px}.arrival-enter{top:25%;padding:15px}.arrival-enter strong{font-size:47px}.arrival-enter small{font-size:9px}.arrival-caption{max-width:180px;line-height:1.8;font-size:8px}.valley-title{left:5%;width:41%;top:30%}.valley-title h1{font-size:33px;line-height:1.05}.valley-title .eyebrow{font-size:7px;letter-spacing:.14em}.valley-title .page-number{font-size:8px}.window-space{left:48%;perspective:650px}.page-window{left:5%;width:180px;top:29%;height:44%}.page-window span{font-size:18px;left:14px;bottom:18px}.valley-controls{left:5%;right:5%}.valley-controls>span{font-size:7px;max-width:160px;line-height:1.8}.valley-panorama{background-position:57% center}}
@media(prefers-reduced-motion:reduce){.meteor,.meteor-smoke{display:none}.arrival-enter small,.arrival-enter strong{animation:none}.cosmic-arrival,.valley-interface{transition:opacity .2s}.page-window{will-change:auto}}
body:not(.js-motion) .meteor,body:not(.js-motion) .meteor-smoke{animation-play-state:paused}