.scenes-page{position:fixed;inset:0;display:block;overflow:hidden;background:#0b0f14;min-height:0}#stage{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:pan-y}.grade{position:absolute;inset:0;pointer-events:none;opacity:.45;background:radial-gradient(ellipse at 50% 46%,transparent 52%,rgb(4 7 11 / .5) 100%),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .5 0'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='.5'/></svg>")}.veil{position:absolute;inset:0;background:#0b0f14;opacity:0;pointer-events:none;transition:opacity .65s ease;z-index:3}.veil.up{opacity:1}.chrome{transition:opacity .8s ease,transform .8s ease}.idle .chrome{opacity:0}.idle .nav-btn,.idle .scenes-bottom{pointer-events:none}.idle{cursor:none}.scenes-top{position:absolute;z-index:4;inset:0 0 auto;height:68px;padding:0 clamp(18px,3vw,36px);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(to bottom,rgb(6 9 13 / .62),transparent)}.scenes-top .site-nav [aria-current=page]{color:#eef1f6;border-bottom:1px solid #aabdff80}.nav-btn{position:absolute;z-index:4;top:50%;width:56px;height:56px;margin-top:-28px;display:grid;place-items:center;padding:0;border-radius:50%;border:1px solid rgb(238 241 246 / .4);background:#0e0a1e6b;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:opacity .8s ease,background-color .2s ease,border-color .2s ease,transform .2s ease}.nav-btn.prev{left:clamp(14px,2.4vw,32px)}.nav-btn.next{right:clamp(14px,2.4vw,32px)}.nav-btn:hover:not(:disabled){background:#0a0e1499;border-color:#aabdffb3}.nav-btn.prev:hover:not(:disabled){transform:translate(-2px)}.nav-btn.next:hover:not(:disabled){transform:translate(2px)}.nav-btn:disabled{opacity:.3;cursor:default}.idle .nav-btn:disabled{opacity:0}.dock{position:absolute;z-index:5;right:clamp(14px,2.4vw,32px);bottom:calc(22px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:flex-end;gap:10px}.sound-btn{display:inline-flex;align-items:center;gap:9px;padding:9px 15px 9px 12px;border-radius:999px;border:1px solid rgb(238 241 246 / .22);background:#0a0e1466;color:#d5dbe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;font-size:11px;font-weight:650;letter-spacing:.1em;text-transform:uppercase;transition:opacity .8s ease,background-color .2s ease,border-color .2s ease,color .2s ease}.sound-btn:hover{background:#0a0e14a3;border-color:#aabdffb3;color:#fff}.sound-btn[aria-pressed=true]{color:#aabdff;border-color:#aabdff80}.sound-btn .on-only{display:none}.sound-btn[aria-pressed=true] .on-only{display:inline}.sound-btn[aria-pressed=true] .off-only{display:none}.idle .dock{pointer-events:none}.scenes-bottom{position:absolute;z-index:4;inset:auto 0 0;padding:72px 16px calc(18px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:16px;background:radial-gradient(ellipse 60% 70% at 0% 100%,rgb(15 12 25 / .5),transparent 70%),linear-gradient(to top,rgb(14 8 30 / .62),rgb(14 8 30 / .25) 55%,transparent)}.scene-info{align-self:flex-start;text-align:left;max-width:min(24ch,62vw);margin-left:clamp(4px,2.4vw,32px);text-shadow:0 1px 3px rgb(10 6 24 / .55),0 2px 22px rgb(10 6 24 / .75)}.scene-count[hidden]{display:none}.scene-count{margin:0 0 6px;font-size:11px;font-weight:650;letter-spacing:.22em;color:#aab5c6}.scene-title{margin:0;font-size:clamp(22px,2.8vw,30px);font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#f2efe9}.scene-info.swap>*{animation:info-in 1.1s ease both}.scene-info.swap>:nth-child(2){animation-delay:.08s}@keyframes info-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.carousel{width:min(760px,100%);-webkit-mask-image:linear-gradient(to right,transparent,#000 36px,#000 calc(100% - 36px),transparent);mask-image:linear-gradient(to right,transparent,#000 36px,#000 calc(100% - 36px),transparent)}.carousel-list{list-style:none;margin:0;padding:6px 40px;display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}.carousel-list::-webkit-scrollbar{display:none}.carousel-list li{flex:none;scroll-snap-align:center}.carousel-list li:first-child{margin-left:auto}.carousel-list li:last-child{margin-right:auto}.card{display:block;width:148px;padding:0;border:0;background:none;color:#aab5c6;cursor:pointer;text-align:left;transition:color .2s ease,transform .2s ease}.card-art{position:relative;display:block;aspect-ratio:16 / 9;border-radius:8px;overflow:hidden;background:linear-gradient(to bottom,var(--top),var(--bottom));box-shadow:0 0 0 1px #eef1f629;opacity:.72;transition:opacity .2s ease,box-shadow .2s ease}.card-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.card-art img[hidden]{display:none}.card-label{display:block;margin-top:7px;font-size:10.5px;font-weight:650;letter-spacing:.14em;text-transform:uppercase}.card:hover{transform:translateY(-2px);color:#eef1f6}.card:hover .card-art{opacity:1}.card[aria-current=true]{color:#eef1f6}.card[aria-current=true] .card-art{opacity:1;box-shadow:0 0 0 2px #aabdff,0 6px 22px #00000073}@media(max-width:640px){.scenes-top{height:58px}.scenes-top .site-nav{display:none}.nav-btn{width:44px;height:44px;margin-top:-22px}.nav-btn svg{width:22px;height:22px}.card{width:118px}.scenes-bottom{gap:12px;padding-top:56px}.dock{bottom:auto;top:66px;right:14px;align-items:flex-end}}@media(prefers-reduced-motion:reduce){.veil,.chrome{transition-duration:.01ms}.scene-info.swap>*{animation:none}}