.immersive-scene{--edge:max(20px,4vw);--safe-bottom:env(safe-area-inset-bottom,0px)}
.immersive-scene header{padding-top:max(20px,env(safe-area-inset-top));padding-left:max(var(--edge),env(safe-area-inset-left));padding-right:max(var(--edge),env(safe-area-inset-right))}
.scene-render-switch{position:absolute;right:var(--edge);top:83px;display:flex;align-items:center;gap:4px;padding:4px;border:1px solid #e1e8e42b;border-radius:30px;background:#0c172887;backdrop-filter:blur(18px);font-size:11px;white-space:nowrap}.scene-render-switch[hidden]{display:none}.scene-render-switch>span{font-size:9px;letter-spacing:.08em;padding:0 9px;color:#e6e7df9c}.scene-render-switch>a{padding:10px 14px;min-height:36px;display:flex;align-items:center;border-radius:22px}.scene-render-switch>a[aria-current=page]{color:#29232b;background:#edcfac}.scene-render-switch>a:focus-visible{outline:2px solid #edcfac;outline-offset:3px}
.immersive-scene .chapter{top:clamp(160px,26svh,290px)}
.immersive-scene h1{font-size:clamp(44px,min(6.5vw,11svh),104px);line-height:1.16}
.immersive-scene .chapter h2{font-size:clamp(38px,min(5.5vw,10svh),82px);line-height:1.18}
.immersive-scene .depth-meter{bottom:calc(50px + var(--safe-bottom))}.immersive-scene .bottom-caption{bottom:calc(22px + var(--safe-bottom))}.immersive-scene .scroll-cue{bottom:calc(85px + var(--safe-bottom))}.immersive-scene .film-compare{bottom:calc(130px + var(--safe-bottom))}.immersive-scene .film-compare>a[href^='/tide.html']{display:none}
.immersive-scene .night-credits{bottom:calc(55px + var(--safe-bottom))}
@media(max-width:1180px){.immersive-scene .edition{display:none}.immersive-scene header{gap:12px}.immersive-scene nav{gap:6px}.immersive-scene nav>a,.immersive-scene nav>button{padding:10px 12px}}
@media(max-width:760px){
 .immersive-scene header{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px 7px;height:auto;padding:14px 5vw 10px;padding-top:max(14px,env(safe-area-inset-top));background:linear-gradient(#0a1424a8,transparent)}
 .immersive-scene header>.brand{font-size:22px;grid-area:1/1;align-self:center}.immersive-scene header nav{display:contents}.immersive-scene header #quality{grid-area:1/2}.immersive-scene header #motion{grid-area:1/3}
 .immersive-scene header #quality,.immersive-scene header #motion{font-size:10px;padding:8px 10px;min-height:40px;white-space:nowrap}
 .immersive-scene nav .scene-theme{position:static;grid-area:2/1/3/3;justify-self:start;margin:0}.immersive-scene nav .scene-theme button{font-size:11px;padding:9px 13px;min-height:38px}
 .immersive-scene nav>a[href='/gallery.html']{display:flex;grid-area:2/3;align-items:center;justify-content:center;min-height:40px;font-size:10px;padding:8px 10px;white-space:nowrap}.immersive-scene nav .home-link{display:none}
 .scene-render-switch{position:static;grid-area:3/1/4/4;justify-self:start;max-width:100%;font-size:11px;margin-top:2px}.scene-render-switch>a{min-height:38px;padding:8px 14px}.scene-render-switch>span{font-size:9px;padding:0 9px}
 .immersive-scene .chapter,html[data-scene-theme=day] .immersive-scene .chapter{left:7vw;top:clamp(190px,27svh,260px);max-width:86vw}.immersive-scene h1{font-size:clamp(36px,10.5vw,58px);margin:16px 0 16px}.immersive-scene .chapter h2{font-size:clamp(32px,9.4vw,52px);margin:14px 0 16px}.immersive-scene .chapter p{font-size:12px;line-height:1.85;letter-spacing:.02em}.immersive-scene .eyebrow{font-size:9px;letter-spacing:.14em}.immersive-scene .dive{margin-top:23px;padding:11px 19px;min-height:44px;gap:44px}.immersive-scene .large-en{display:none}
 .immersive-scene .bottom-caption{font-size:6px;gap:16px;left:6vw;right:6vw}.immersive-scene .bottom-caption>span:first-child{max-width:64%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.immersive-scene .bottom-caption>span:last-child{display:none}.immersive-scene .depth-meter{left:6vw;bottom:calc(57px + var(--safe-bottom))}.immersive-scene #meters{font-size:34px}.immersive-scene .scroll-cue{right:6vw;bottom:calc(64px + var(--safe-bottom))}.immersive-scene .scroll-cue span{font-size:6px}.immersive-scene .film-compare{bottom:calc(21px + var(--safe-bottom));left:auto;right:6vw;font-size:8px}.immersive-scene .film-compare>span{display:none}.immersive-scene .night-credits{bottom:calc(23px + var(--safe-bottom));right:6vw;font-size:8px}
 .immersive-scene .vampire-astronaut{height:31svh;max-width:43vw;right:1%;bottom:10%}.immersive-scene .alpine-zone{bottom:calc(148px + var(--safe-bottom));font-size:9px}.immersive-scene .alpine-toolbar{bottom:calc(96px + var(--safe-bottom));max-width:88vw;right:6vw}.immersive-scene .alpine-toolbar a,.immersive-scene .alpine-toolbar button{min-height:38px;display:flex;align-items:center;font-size:9px}.immersive-scene .alpine-survey{display:none}
}
@media(max-height:600px) and (min-width:761px){.immersive-scene .chapter{top:120px}.immersive-scene h1{font-size:clamp(32px,9svh,54px);margin:12px 0}.immersive-scene .chapter h2{font-size:clamp(30px,8svh,48px);margin:12px 0}.immersive-scene .chapter p{font-size:11px;line-height:1.6}.immersive-scene .dive{margin-top:14px;padding:9px 19px}.immersive-scene .large-en{display:none}.scene-render-switch{top:74px}}
@media(max-height:540px) and (orientation:landscape){
 .immersive-scene header{display:flex;align-items:center;height:auto;padding:10px 4vw}.immersive-scene header nav{display:flex;gap:6px;margin-left:auto}.immersive-scene header>.brand{font-size:20px}.immersive-scene nav .scene-theme{position:static}.immersive-scene nav .scene-theme button{padding:7px 10px;min-height:34px}.immersive-scene nav>a[href='/gallery.html']{min-height:34px;padding:7px 10px}.immersive-scene header #quality,.immersive-scene header #motion{min-height:34px;padding:7px 10px}.scene-render-switch{position:fixed;top:60px;right:4vw;margin:0;font-size:10px;padding:2px}.scene-render-switch>a{min-height:30px;padding:6px 11px}.scene-render-switch>span{display:none}
 .immersive-scene .chapter{top:100px;left:7vw;max-width:65vw}.immersive-scene h1{font-size:clamp(27px,8svh,42px);margin:10px 0}.immersive-scene .chapter h2{font-size:clamp(26px,8svh,40px);margin:10px 0}.immersive-scene .chapter p{font-size:10px;line-height:1.6}.immersive-scene .eyebrow{font-size:8px}.immersive-scene .dive{min-height:36px;margin-top:12px;padding:7px 15px;gap:32px}.immersive-scene .dive span{font-size:15px}.immersive-scene .large-en{display:none}.immersive-scene .depth-meter{bottom:35px}.immersive-scene #meters{font-size:28px}.immersive-scene .bottom-caption{bottom:12px}.immersive-scene .scroll-cue{bottom:40px}.immersive-scene .film-compare{bottom:19px;right:4vw;left:auto}.immersive-scene .vampire-astronaut{height:50svh}.immersive-scene .alpine-zone{display:none}.immersive-scene .alpine-toolbar{bottom:55px}
}
@media(pointer:coarse){.immersive-scene button,.immersive-scene .enter{touch-action:manipulation}.immersive-scene #close-art{width:44px;height:44px}}

@media(max-width:360px){.immersive-scene header>.brand{font-size:19px}.immersive-scene header #quality,.immersive-scene header #motion{font-size:9px;padding:7px 8px}.immersive-scene nav .scene-theme button{padding:9px 11px}.scene-render-switch>a{padding:8px 11px}.immersive-scene .chapter p{font-size:11px}.immersive-scene .eyebrow{font-size:8px}}

html[data-scene-theme=day] .immersive-scene .scroll-cue{display:none}

/* Compact sunset archive: keep text above the artwork lane. */
@media(max-width:760px){html[data-scene-theme=sunset] .immersive-scene #depth{top:clamp(132px,23svh,190px);max-width:86vw}html[data-scene-theme=sunset] .immersive-scene #depth h2{font-size:clamp(28px,8vw,38px);margin:10px 0 12px}html[data-scene-theme=sunset] .immersive-scene #depth p{font-size:11px;line-height:1.7}html[data-scene-theme=sunset] .immersive-scene .water-art small{margin-top:6px;font-size:8px}}