@media screen{
:root{--scene-bg:10,17,27;--scene-glow:56,97,150;--scene-accent:224,189,138;--scene-x:62%;--scene-y:25%;--scene-shift:0px}
body{background:rgb(var(--scene-bg));--paper:rgb(var(--scene-bg));--gold:rgb(var(--scene-accent))}
main{position:relative;z-index:1}
.scroll-atmosphere{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at var(--scene-x) var(--scene-y),rgba(var(--scene-glow),.16),transparent 66%)}
.scroll-atmosphere i{position:absolute;width:70vmax;height:65vmax;border-radius:50%;left:-32vmax;top:-30vmax;background:radial-gradient(ellipse,rgba(var(--scene-glow),.16),transparent 67%);animation:ambient-float 24s ease-in-out infinite alternate;will-change:transform}
.scroll-atmosphere i+i{left:auto;right:-30vmax;top:auto;bottom:-26vmax;width:80vmax;height:75vmax;animation-delay:-12s;animation-duration:29s;opacity:.75}
header{background:rgba(var(--scene-bg),.83);transition:border-color .8s;box-shadow:0 8px 40px rgba(var(--scene-bg),.2)}
.reading-progress{background:rgb(var(--scene-accent));box-shadow:0 0 14px rgba(var(--scene-accent),.3)}
.hero{background:transparent}
.hero-shade{background:linear-gradient(180deg,rgba(var(--scene-bg),.38),rgba(var(--scene-bg),.04) 35%,rgba(var(--scene-bg),.5) 74%,rgb(var(--scene-bg))),linear-gradient(90deg,rgba(var(--scene-bg),.18),transparent 60%,rgba(var(--scene-bg),.14))}
.hero h1 .hero-script,.hero h1>span:first-child,.film-date{color:rgb(var(--scene-accent))}
.show-section,.hotel-section,.uv-section,.budget-section{background:transparent}
.section-head h2 em,.canyon-copy h2 em{color:rgb(var(--scene-accent))}
.section-head .eyebrow{color:rgba(var(--scene-accent),.8)}
.canyon{background:transparent}
.canyon:after{background:linear-gradient(90deg,rgba(var(--scene-bg),.88),rgba(var(--scene-bg),.64) 42%,rgba(var(--scene-bg),.02) 87%),linear-gradient(180deg,rgb(var(--scene-bg)),rgba(var(--scene-bg),0) 22%,rgba(var(--scene-bg),0) 74%,rgb(var(--scene-bg)))}
.canyon-copy details{background:rgba(var(--scene-bg),.13)}
.ticket,.hotel-cards article{background:linear-gradient(145deg,rgba(var(--scene-glow),.1),rgba(var(--scene-bg),.16));border-color:rgba(var(--scene-accent),.07)}
.ticket:hover{box-shadow:0 24px 75px rgba(var(--scene-glow),.14)}
.insurance-panel{background:linear-gradient(125deg,rgba(var(--scene-glow),.15),rgba(var(--scene-bg),.08))}
.insurance-panel .coverage,.uv-section h2 em{color:rgb(var(--scene-accent))}
.week-aside,.journey-board,.tips-band{background:linear-gradient(125deg,rgba(var(--scene-glow),.09),rgba(var(--scene-bg),.07))}
.day-tabs button[aria-selected=true]{border-color:rgb(var(--scene-accent));color:rgb(var(--scene-accent));background:linear-gradient(0deg,rgba(var(--scene-accent),.1),transparent)}
.time-row:after{border-color:rgb(var(--scene-bg));background:rgb(var(--scene-accent))}
.budget-total{background:linear-gradient(145deg,rgba(var(--scene-glow),.22),rgba(var(--scene-bg),.15));border-color:rgba(var(--scene-accent),.13)}
.bar-track span,.progress-track span{background:rgb(var(--scene-accent))}
.checklist-group input,.budget-toggles input{accent-color:rgb(var(--scene-accent))}
footer{position:relative;z-index:1;background:linear-gradient(180deg,transparent,rgba(4,8,13,.62))}
.motion-paused .scroll-atmosphere i{animation-play-state:paused}
@keyframes ambient-float{from{transform:translate3d(0,0,0) scale(.94)}to{transform:translate3d(7vw,5vh,0) scale(1.08)}}
@media(max-width:720px){.canyon:after{background:linear-gradient(180deg,rgba(var(--scene-bg),.66),rgba(var(--scene-bg),.5) 20%,rgba(var(--scene-bg),.74) 55%,rgb(var(--scene-bg)))}.scroll-atmosphere i{opacity:.55}.scroll-atmosphere i+i{display:none}}
@media(prefers-reduced-motion:reduce){.scroll-atmosphere i{animation:none;will-change:auto}}
}
@media print{.scroll-atmosphere{display:none!important}}