@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Playfair+Display:ital,wght@0,500;1,500&display=swap";.visual-backdrop{position:fixed;inset:0;z-index:0;background:linear-gradient(90deg,#f7f7f32e,#f7f7f305 48%,#f7f7f329),url(/images/white-sea-study-v2.png?v=0.0.11) center/cover no-repeat;filter:saturate(.9)}.room-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:0}#window-renderer{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;clip-path:inset(8% 14% 21% 29%)}#scene{display:none}.grain{z-index:2!important}header,footer,.scene-copy,.caption,.book-panel,.sound-toggle{z-index:3!important}:root{--weather-sky:#e9f3f7;--weather-sea:#a8c9d2;--weather-filter:saturate(.8);font-family:DM Mono,monospace;color:#20201e;background:#f7f7f3}*{box-sizing:border-box}body{margin:0;overflow:hidden}#scene{position:fixed;inset:0;width:100%;height:100%;z-index:0;cursor:grab}#scene:active{cursor:grabbing}.visual-backdrop{background:linear-gradient(90deg,#f7f7f3c2,#f7f7f32e 48%,#f7f7f36b),url(/images/white-sea-study.png) center/cover no-repeat;filter:var(--weather-filter)}.grain{position:fixed;inset:0;pointer-events:none;opacity:.045;z-index:1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}header,footer,.scene-copy,.caption,.book-panel{position:relative;z-index:2}header{display:flex;justify-content:space-between;align-items:center;padding:30px 4vw}.mark{font-size:22px;letter-spacing:-.12em}.mark span{color:#b86b35;margin:0 5px}.eyebrow,.kicker{font-size:10px;letter-spacing:.18em;color:#777}.about,.back{border:0;background:transparent;font:10px DM Mono;letter-spacing:.12em;cursor:pointer}.scene-copy{position:absolute;left:8vw;top:19vh;width:360px}.scene-copy h1{font:500 58px/1.02 Playfair Display,serif;letter-spacing:-.05em;margin:20px 0}.scene-copy h1 em{color:#b86b35}.scene-copy p:last-child{font-size:11px;line-height:2;color:#696964}.caption{position:fixed;right:4vw;bottom:9vh;display:flex;flex-direction:column;align-items:flex-end;gap:10px;font-size:10px;color:#888}.caption strong{font-weight:400;color:#373733}.caption small{font-size:9px;color:#8f522b;letter-spacing:.03em}.room-state{color:#b86b35;letter-spacing:.1em}.book-panel{position:fixed;inset:0;background:linear-gradient(90deg,#f7f7f314,#f7f7f3e6 62%);display:flex;justify-content:flex-end;align-items:center;padding:8vw;opacity:0;pointer-events:none;transform:translate(10%);transition:opacity .8s,transform .8s}.book-panel.visible{opacity:1;pointer-events:auto;transform:none}.back{position:absolute;top:31px;left:4vw;color:#4b4b46}.chapter{width:min(430px,80vw)}.chapter h2{font:italic 76px Playfair Display,serif;margin:15px 0}.blurb{font-size:12px;line-height:2;color:#66665f;margin-bottom:36px}.objects{border-top:1px solid #d2d0c8}.object{display:flex;align-items:center;gap:16px;padding:17px 0;border-bottom:1px solid #d2d0c8;font-size:11px}.object span{color:#b86b35}.object b{font-weight:400}.object i{margin-left:auto;width:28px;height:1px;background:#b86b35}footer{position:fixed;left:4vw;right:4vw;bottom:28px;display:flex;justify-content:space-between;font-size:9px;color:#898984;letter-spacing:.12em}@media(max-width:700px){.scene-copy{left:7vw;top:13vh;width:270px}.scene-copy h1{font-size:48px}.eyebrow{display:none}.caption{right:7vw;bottom:7vh}.book-panel{padding:7vw}.chapter h2{font-size:58px}footer{font-size:8px}}.sound-toggle{position:fixed;right:4vw;bottom:28px;z-index:3;border:1px solid #d2d0c8;border-radius:999px;background:#f7f7f3b8;padding:10px 14px;color:#686862;font:10px DM Mono;letter-spacing:.04em;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s}.sound-toggle:hover,.sound-toggle[aria-pressed=true]{border-color:#b86b35;color:#8f522b}.weather-hud{position:fixed;left:24px;bottom:24px;z-index:3;display:flex;flex-direction:column;gap:8px;color:#373733b3;font-size:10px;letter-spacing:.08em;background:#f7f7f373;padding:12px 14px;border-radius:2px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.weather-hud .weather-state{color:#8f522b}header,.scene-copy,.caption,footer,.book-panel{display:none!important}.weather-hud,.sound-toggle{display:none!important}.rain:after{content:"";position:fixed;inset:0;z-index:2;pointer-events:none;opacity:.16;background-image:repeating-linear-gradient(104deg,transparent 0 18px,rgba(215,235,242,.6) 19px,transparent 20px 42px);background-size:160px 180px;animation:rainfall .8s linear infinite}@keyframes rainfall{to{background-position:35px 180px}}.visual-backdrop{background-image:linear-gradient(90deg,#f7f7f32e,#f7f7f305 48%,#f7f7f329),url(/images/white-sea-study-open-window.png?v=0.0.23)}.visual-backdrop:before,.visual-backdrop:after{content:"";position:absolute;top:0;bottom:42%;width:7%;pointer-events:none;opacity:.68;filter:drop-shadow(0 8px 10px rgba(84,72,58,.14));background:repeating-linear-gradient(88deg,#ffffff14 0 5%,#ffffff9e 9%,#d2c6b41f 14%,#ffffff6b 20%,#b1a39129 25%,#ffffff94 31%,#ffffff12 38%),linear-gradient(90deg,#ffffff1f,#ffffff80 48%,#ad9e8d2e);background-size:170% 100%,100% 100%;transform-origin:top center;will-change:transform,background-position;animation:curtain-breeze 9s ease-in-out infinite,curtain-folds 6.5s ease-in-out infinite}.visual-backdrop:before{left:30%;clip-path:polygon(15% 0,100% 0,100% 100%,0 100%);animation-delay:-2.7s}.visual-backdrop:after{right:21%;clip-path:polygon(0 0,85% 0,100% 100%,0 100%);animation-delay:-6.1s;animation-duration:12s,8.5s}@keyframes curtain-breeze{0%,to{transform:translateZ(0) skew(0) scaleX(1)}35%{transform:translate3d(5%,1%,0) skew(-3.5deg) scaleX(1.055)}68%{transform:translate3d(-4%,.3%,0) skew(3deg) scaleX(.94)}}@keyframes curtain-folds{0%,to{background-position:0 0,0 0}50%{background-position:28% 0,0 0}}@media(prefers-reduced-motion:reduce){.visual-backdrop:before,.visual-backdrop:after{animation:none}}.visual-backdrop:before,.visual-backdrop:after{display:none}.moon-orb{position:fixed;z-index:1;top:15vh;right:18vw;width:78px;height:78px;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 35% 35%,#fffdf0,#e8e1c8 62%,#bbb59f);box-shadow:0 0 34px #fff8d28c;opacity:0;transition:opacity 2s,transform 4s ease-out,filter 1.5s;pointer-events:none}.moon-orb:after{content:"";position:absolute;inset:-3%;border-radius:50%;background:#0c1c2af0;transition:transform .8s ease,opacity .8s ease}.moon-orb[data-phase=new]{box-shadow:none!important}.moon-orb[data-phase=new]:after{opacity:1;transform:translate(0)}.moon-orb[data-phase=waxing-crescent]:after{transform:translate(-45%)}.moon-orb[data-phase=first-quarter]:after{transform:translate(-50%)}.moon-orb[data-phase=waxing-gibbous]:after{transform:translate(-70%)}.moon-orb[data-phase=full]:after{opacity:0;transform:translate(-100%)}.moon-orb[data-phase=waning-gibbous]:after{transform:translate(70%)}.moon-orb[data-phase=last-quarter]:after{transform:translate(50%)}.moon-orb[data-phase=waning-crescent]:after{transform:translate(45%)}.visual-backdrop{background-image:none;background-color:#101b22}.moon-orb[data-weather=cloudy]{filter:blur(1px)}.moon-orb[data-weather=fog]{filter:blur(2.5px)}.moon-orb[data-weather=rain]{filter:blur(3px)}.moon-orb[data-weather=storm]{filter:blur(4px)}.cloud-layer,.sun-glow{position:absolute;pointer-events:none;z-index:1;inset:5% 14% 25% 25%;overflow:hidden;transition:opacity 3s ease,filter 3s ease}.cloud-layer{opacity:0;filter:blur(18px);mix-blend-mode:soft-light;background:radial-gradient(ellipse at 18% 26%,rgba(255,255,255,.7),transparent 27%),radial-gradient(ellipse at 48% 18%,rgba(255,255,255,.58),transparent 32%),radial-gradient(ellipse at 78% 31%,rgba(255,255,255,.62),transparent 30%),linear-gradient(180deg,rgba(90,112,124,.25),transparent 68%);animation:cloud-drift var(--cloud-speed,60s) ease-in-out infinite alternate}body[data-cloud=scattered] .cloud-layer{opacity:.16;filter:blur(16px)}body[data-cloud=overcast] .cloud-layer{opacity:.3;filter:blur(20px)}body[data-cloud=fog] .cloud-layer{opacity:.24;filter:blur(28px)}body[data-cloud=storm] .cloud-layer{opacity:.42;filter:blur(15px);mix-blend-mode:multiply}.sun-glow{z-index:2;inset:0 auto auto 0;width:150px;height:150px;border-radius:50%;opacity:0;background:radial-gradient(circle,rgba(255,244,190,.72) 0,rgba(255,229,160,.24) 34%,transparent 72%);filter:blur(7px);transition:opacity 3s ease,transform 4s ease-out}@keyframes cloud-drift{0%{background-position:0 0,0 0,0 0,0 0}to{background-position:8% 3%,-6% 2%,5% -2%,0 0}}@media(max-width:700px){.cloud-layer{inset:4% 4% 28%}.sun-glow{width:100px;height:100px}}@media(prefers-reduced-motion:reduce){.cloud-layer{animation:none}}@media(max-width:700px){:root{background:#d8d8d2}body{min-height:100dvh}.visual-backdrop,.room-photo{min-height:100dvh;height:100dvh}.room-photo{object-position:58% 50%}#window-renderer{clip-path:inset(8% 2% 28% 2%)}.visual-backdrop{background-position:58% 50%}.grain{opacity:.025}.moon-orb{width:54px;height:54px;top:13vh;right:14vw}}@media(max-width:380px){.room-photo{object-position:60% 50%}.visual-backdrop{background-position:60% 50%}#window-renderer{clip-path:inset(10% 0 30% 0)}}.visual-backdrop:before,.visual-backdrop:after{display:none!important}