:root{--walnut:oklch(40% .065 52);--walnut-dark:oklch(30% .05 48);--walnut-light:oklch(52% .08 60);--linen:oklch(91% .025 85);--terracotta:oklch(58% .12 42);--ochre:oklch(77% .12 80);--brass:oklch(76% .1 84);--oak:url("/assets/bookshelf/white-oak-horizontal.jpg");--oak-upright:url("/assets/bookshelf/white-oak.jpg");--room-ease:cubic-bezier(.22, 1, .36, 1)}@media(prefers-reduced-motion:no-preference){@view-transition{navigation: auto; }::view-transition-group(*){animation-duration:.6s;animation-timing-function:var(--room-ease)}}.room-bookcase,.bookshelf-page .bookcase{view-transition-name:bookcase}.room-gallery,.photo-wall{view-transition-name:photo-wall}.room-turntable .turntable,.music-page .turntable{view-transition-name:turntable}.room-globe-ball,.globe-stage{view-transition-name:globe}.room-page{margin-top:3.5rem}.room-page-scene{margin-top:1.5rem}body:has(.room-page-scene){padding-bottom:1.5em}.room-page-scene .living-room{left:50%;width:min(100vw - 3em,max(56rem,(100dvh - 19rem) * 1.6));translate:-50% 0}.room-filters{position:absolute}.room-back{display:inline-flex;gap:.4rem;margin-bottom:1.25rem;font-size:.75rem;font-weight:300;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text)}.room-back:hover{color:var(--color-highlight)}.room-intro{margin-bottom:2rem}.room-intro h1{font-size:clamp(2.6rem,6vw,3.6rem);font-weight:800;letter-spacing:-.055em;line-height:1.05;margin:0 0 .65rem}.room-intro h1 span{color:var(--color-highlight)}.room-deck{max-width:48ch;font-size:1rem;line-height:1.55}.room-deck p{margin:0}.room-empty{opacity:.7}.living-room{position:relative;border:1.5px solid var(--color-text)}.room-scene{--wall-x:7%;--wall-top:4%;--floor:75.2%;--vp-y:41.6%;--depth:42cqw;--lamp-x:6%;--lamp-y:45%;--lamp-floor-x:17%;--lamp-floor-y:86%;--pendant-x:51.5%;--pendant-y:72%;--window-x:68.5%;--window-y:31.6%;--win-l:54.3%;--win-r:82.7%;--win-t:12.5%;--beam-near:84%;--beam-far:93%;position:relative;aspect-ratio:16/10;overflow:hidden;isolation:isolate;container-type:inline-size;background:oklch(16% .03 145)}.room-gallery{left:12.5%;top:13%;width:24%;height:22%;--lit:.82}.room-bookcase{left:10%;top:40%;width:28.5%;height:38.4%;--lit:.9}.room-lamp{left:1.5%;top:30%;width:9%;height:61%;--lit:1}.room-music{left:52%;top:44.8%;width:41%;height:34.4%;--lit:.95}.room-globe{left:74.4%;top:44.2%;width:7.3%;height:16.8%;--lit:.95}.room-chair{left:8%;top:72%;width:25%;height:33%;--lit:1.05}.room-table{left:39%;top:76.5%;width:25%;height:13.5%;--lit:.88}.room-plant{left:40%;top:37%;width:8%;height:40.5%;--lit:.85}.room-rug{left:20%;top:24%;width:50%;height:38%}@media(max-width:640px){.room-scene{--wall-x:8%;--wall-top:3.2%;--floor:65.6%;--vp-y:41.6%;--depth:70cqw;--lamp-x:90%;--lamp-y:41%;--lamp-floor-x:84%;--lamp-floor-y:74%;--pendant-x:-50%;--window-x:68.5%;--window-y:19.2%;--win-l:53.4%;--win-r:83.6%;--win-t:10%;--beam-near:72%;--beam-far:82%;aspect-ratio:4/5}.room-gallery{left:12%;top:8%;width:44%;height:20.4%}.room-bookcase{left:10%;top:33%;width:45%;height:33.4%}.room-lamp{left:84%;top:30%;width:12%;height:43.2%}.room-music{left:20%;top:60.8%;width:76%;height:31.8%}.room-globe{left:58%;top:60.2%;width:13.5%;height:15.5%}.room-chair,.room-table,.room-plant{display:none}.room-rug{left:22%;top:20%;width:56%;height:24%}}.room-shell{position:absolute;inset:0;z-index:-2;filter:brightness(var(--room-bright,1));transition:filter .8s;perspective:60cqw;perspective-origin:50% var(--vp-y)}.room-shell>*{position:absolute}.room-wall{left:var(--wall-x);right:var(--wall-x);top:var(--wall-top);bottom:calc(100% - var(--floor));overflow:hidden;background:repeating-linear-gradient(90deg,transparent 0 3.3cqw,oklch(100% 0 0/.022) 3.3cqw 3.5cqw),linear-gradient(transparent 85%,oklch(10% .03 145/.55)),linear-gradient(oklch(23% .035 145),oklch(28% .045 140))}.room-wall::after,.room-side::after{content:"";position:absolute;inset:auto 0 0;height:2.8%;min-height:5px;background:linear-gradient(var(--linen),oklch(80% .03 80));box-shadow:0 -1px oklch(15% .02 145/.35)}.room-wall::before,.room-side::before{content:"";position:absolute;inset:0 0 auto;height:7%;z-index:2;background:linear-gradient(oklch(40% .03 80),oklch(46% .03 80) 85%,oklch(30% .03 80));box-shadow:0 .2cqw oklch(12% .02 145/.5),0 .4cqw 3cqw .4cqw oklch(85% .1 78/var(--cove,0));transition:box-shadow .6s}.room-scene[data-lights=on]{--cove:.32}.room-glow{position:absolute;left:2%;top:55%;width:95%;aspect-ratio:1.4;translate:-50% -50%;background:radial-gradient(closest-side,oklch(82% .1 75/.3),oklch(75% .1 70/.1) 45%,transparent);transition:opacity .5s}@media(max-width:640px){.room-glow{left:82%;top:28%}}.room-side{top:var(--wall-top);bottom:calc(100% - var(--floor));width:var(--depth);background:linear-gradient(90deg,oklch(26% .04 142),oklch(17% .03 145))}.room-side-left{left:var(--wall-x);transform-origin:0 50%;transform:rotateY(-90deg)}.room-side-right{right:var(--wall-x);transform-origin:100% 50%;transform:rotateY(90deg);background:linear-gradient(-90deg,oklch(24% .04 142),oklch(15% .03 145))}.room-ceiling{left:var(--wall-x);right:var(--wall-x);top:calc(var(--wall-top) - var(--depth));height:var(--depth);transform-origin:50% 100%;transform:rotateX(-90deg);background:linear-gradient(oklch(30% .03 80),oklch(42% .035 80))}.room-floor{left:var(--wall-x);right:var(--wall-x);top:var(--floor);height:var(--depth);transform-origin:50% 0;transform:rotateX(90deg);background:linear-gradient(oklch(8% .02 60/.7),transparent 7%),radial-gradient(ellipse 22% 30% at 4% 44%,oklch(85% .1 80/.22),transparent),linear-gradient(oklch(15% .03 60/.6),oklch(30% .04 60/.1) 60%),repeating-linear-gradient(90deg,transparent 0 calc(4cqw - 1.5px),oklch(22% .03 55/.55) calc(4cqw - 1.5px) 4cqw),linear-gradient(oklch(80% .06 70/.25),oklch(80% .06 70/.25)),var(--oak)0 0/30cqw}.room-rug{position:absolute;border-radius:1.5cqw;background:radial-gradient(ellipse at 50% 40%,oklch(100% 0 0/.18),transparent 70%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .28 0 0 0 0 .2 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")0 0/7cqw 7cqw,repeating-linear-gradient(58deg,transparent 0 4.4cqw,oklch(38% .04 55/.75) 4.4cqw 4.75cqw),repeating-linear-gradient(-58deg,transparent 0 4.4cqw,oklch(38% .04 55/.75) 4.4cqw 4.75cqw),oklch(89% .035 82);box-shadow:inset 0 0 2.5cqw oklch(55% .05 70/.45),0 0 1.5cqw .4cqw oklch(10% .02 60/.45);filter:url(#rug-fuzz)}.room-scene:is([data-time=dusk],[data-time=night])[data-lights=off] .room-floor{filter:brightness(.8)}.room-pendant{position:absolute;left:48.5%;top:0;width:6%;height:34%;z-index:3;padding:0;border:0;background:0 0;cursor:pointer}.room-pendant[hidden]{display:none}.room-pendant:focus-visible{outline:2px solid var(--color-highlight);outline-offset:2px}.room-pendant:hover .room-pendant-shade{filter:brightness(1.12)}.room-pendant-cord{position:absolute;left:calc(50% - 1px);top:0;width:2px;height:62%;background:oklch(20% .02 60)}.room-pendant-shade{position:absolute;left:0;bottom:0;width:100%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 45% 40%,oklch(99% .03 90),oklch(90% .07 82) 45%,oklch(78% .09 75));box-shadow:0 0 3cqw 1cqw oklch(85% .12 80/.45),0 0 12cqw 5cqw oklch(80% .11 75/.16);transition:background .5s,box-shadow .5s}.room-pendant-shade::before{content:"";position:absolute;left:38%;top:-9%;width:24%;height:14%;border-radius:2px 2px 0 0;background:var(--brass)}.room-scene[data-lights=off] .room-pendant-shade{background:oklch(70% .02 80);box-shadow:none}@media(max-width:640px){.room-pendant{display:none}}.room-scene::after{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;background:oklch(8% .03 255/.4);opacity:0;transition:opacity .5s}.room-scene:is([data-time=dusk],[data-time=night])[data-lights=off]::after{opacity:1}.room-scene[data-lights=off] .room-glow{opacity:0}.room-object,.room-chair,.room-table,.room-plant{position:absolute;container-type:size;filter:brightness(calc(var(--lit,1) * var(--daylight,1)));transition:filter .6s,transform .35s var(--room-ease)}.room-globe{z-index:2}.room-object{display:block;color:inherit;text-decoration:none;transform-origin:50% 100%}.room-object:hover,.room-object:focus-visible{transform:scale(1.015);filter:brightness(calc(var(--lit,1) * var(--daylight,1) + .22))}.room-object:focus-visible{outline:none}.room-object:active{transform:scale(.995)}.room-tag{position:absolute;z-index:3;left:50%;top:-.5rem;translate:-50% -100%;display:inline-flex;align-items:baseline;gap:.4em;padding:.2em .6em;white-space:nowrap;font-size:12px;line-height:1.4;letter-spacing:.04em;color:var(--color-bg);background:var(--color-highlight);box-shadow:0 3px 8px oklch(10% .02 145/.35);opacity:0;translate:-50% calc(-100% + 4px);transition:opacity .25s,translate .3s var(--room-ease);pointer-events:none}.room-tag small{font-size:11px;opacity:.7;font-variant-numeric:tabular-nums}.room-object:hover .room-tag,.room-object:focus-visible .room-tag{opacity:1;translate:-50% -100%}@media(hover:none){.room-tag{opacity:.92;translate:-50% -100%;font-size:10px;padding:.1em .45em}}.room-gallery .room-tag{top:auto;bottom:-.6rem;translate:-50% calc(100% - 4px)}.room-gallery:hover .room-tag,.room-gallery:focus-visible .room-tag{translate:-50% 100%}@media(hover:none){.room-gallery .room-tag{translate:-50% 100%}}.room-music .room-tag{left:20%;top:22%}.room-frame{position:absolute;padding:1.6cqh;background:linear-gradient(135deg,var(--walnut-light),var(--walnut-dark));box-shadow:inset 0 0 0 1px oklch(20% .03 50/.6),.25cqw .3cqh oklch(30% .05 48),.5cqw .6cqh oklch(26% .045 48),1.6cqw 1.6cqh 2.4cqh oklch(6% .02 145/.55);transition:rotate .4s var(--room-ease),translate .4s var(--room-ease)}.room-frame-mat{display:block;height:100%;padding:9%;background:var(--linen);box-shadow:inset 0 1px 3px oklch(30% .03 60/.35)}.room-frame-mat img{width:100%;height:100%;object-fit:cover;box-shadow:inset 0 0 0 1px oklch(0% 0 0/.2)}.room-frame-mat:empty::after{content:"";display:block;height:100%;border:1px solid oklch(70% .03 80/.5)}.room-frame-1{left:34%;top:2%;width:32%;height:52%;rotate:-.6deg}.room-frame-2{left:2%;top:10%;width:27%;height:70%;rotate:.5deg}.room-frame-3{left:71%;top:6%;width:27%;height:62%;rotate:-.4deg}.room-frame-4{left:34%;top:60%;width:15%;height:36%;rotate:.8deg}.room-frame-5{left:52%;top:62%;width:14%;height:30%;rotate:-.7deg}.room-gallery:hover .room-frame,.room-gallery:focus-visible .room-frame{rotate:0;translate:0 -1.5%}.room-bookcase-inner{position:absolute;inset:0 0 4%;display:grid;grid-template-rows:repeat(3,minmax(0,1fr));gap:4.5%;padding:5.5% 6% 8%;background:linear-gradient(oklch(90% .055 78/.3),oklch(90% .055 78/.3)),var(--oak-upright)50%/260%;box-shadow:3cqw -.5cqh 4cqh -.5cqw oklch(6% .02 145/.65),0 0 3cqw oklch(6% .02 145/.35),inset 0 1px oklch(97% .025 78/.6),inset 0 -2px 2px oklch(32% .05 65/.35)}.room-bookcase::after{content:"";position:absolute;inset:auto 6% 0;height:4.5%;background:linear-gradient(90deg,var(--walnut-dark) 0 5%,transparent 5% 95%,var(--walnut-dark) 95%)}.room-bookcase-row{display:flex;align-items:end;gap:4%;min-height:0;padding:0 6%;overflow:hidden;background:linear-gradient(90deg,oklch(14% .03 145/.7),oklch(20% .035 145/.55) 20% 80%,oklch(14% .03 145/.7));box-shadow:inset 0 3cqh 3cqh -1cqh oklch(10% .02 145/.65)}.room-book{position:relative;flex:none;height:80%;aspect-ratio:.67;rotate:var(--tilt);transform-origin:0 100%;background:oklch(55% .08 var(--hue));box-shadow:1px 0 oklch(0% 0 0/.25),.8cqw .3cqh 1cqw oklch(8% .02 145/.5);overflow:hidden}.room-decor{flex:none;height:calc(var(--decor-height) * 95%);aspect-ratio:var(--decor-aspect);margin-left:auto;object-fit:contain;filter:drop-shadow(.6cqw .3cqh .6cqw oklch(8% .02 145/.5))}.room-book img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.room-lamp{padding:0;border:0;background:0 0;cursor:pointer}.room-lamp-shade{position:absolute;left:8%;top:0;width:84%;height:17%;clip-path:polygon(16% 0,84% 0,100% 100%,0 100%);background:linear-gradient(90deg,oklch(80% .05 80),var(--linen) 40%,oklch(84% .05 80));transition:background .5s}.room-lamp-light{position:absolute;left:-40%;top:16%;width:180%;height:70%;clip-path:polygon(30% 0,70% 0,100% 100%,0 100%);background:linear-gradient(oklch(88% .1 85/.3),transparent 75%);transition:opacity .5s;pointer-events:none}.room-lamp-pole{position:absolute;left:calc(50% - 1.5%);top:16%;width:3%;min-width:2px;height:56%;background:var(--brass)}.room-lamp-leg{position:absolute;left:calc(50% - 2%);top:70%;width:4%;min-width:2px;height:31%;transform-origin:50% 0;background:var(--walnut)}.room-lamp-leg-left{rotate:18deg}.room-lamp-leg-right{rotate:-18deg}.room-lamp-leg-back{height:26%;background:var(--walnut-dark)}.room-scene[data-lights=off] .room-lamp-light{opacity:0}.room-scene[data-lights=off] .room-lamp-shade{background:oklch(62% .03 80)}.room-scene[data-lights=off] .room-lamp-shade::after{background:oklch(55% .03 80)}.room-lamp[hidden]{display:block;pointer-events:none}.room-credenza{position:absolute;left:0;bottom:7%;width:76%;height:46%;display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:1.5%;padding:3% 2.5% 3.5%;border-radius:1.2cqh;background:linear-gradient(var(--walnut-light),var(--walnut) 12%,var(--walnut-dark));box-shadow:inset 0 1px oklch(70% .08 65/.6),2cqw .5cqh 3.5cqh oklch(6% .02 145/.6)}.room-credenza-cubby{display:flex;align-items:end;gap:1.5%;padding:0 4%;background:oklch(20% .03 50);box-shadow:inset 0 2cqh 2cqh -1cqh oklch(5% 0 0/.6)}.room-credenza-cubby span{flex:1;height:86%;rotate:var(--lean);transform-origin:0 100%;background:linear-gradient(90deg,oklch(0% 0 0/.25),transparent 30%),var(--spine)}.room-credenza-door{position:relative;border-radius:.5cqh;background:repeating-linear-gradient(90deg,oklch(48% .075 57) 0 .7cqw,oklch(36% .06 50) .7cqw 1.1cqw);box-shadow:inset 0 0 0 1px oklch(25% .04 48/.7)}.room-credenza-door span{position:absolute;left:10%;top:14%;width:4%;aspect-ratio:1/3;border-radius:1cqw;background:var(--brass)}.room-credenza-door:last-of-type span{left:auto;right:10%}.room-credenza-leg{position:absolute;top:100%;width:2.2%;height:16%;background:var(--walnut-dark);clip-path:polygon(0 0,100% 0,80% 100%,20% 100%)}.room-credenza-leg-left{left:6%;rotate:8deg}.room-credenza-leg-right{right:6%;rotate:-8deg}.room-turntable{position:absolute;left:7%;bottom:calc(53% - 1px);width:30%;display:flex;flex-direction:column}.room-turntable .turntable{transform:perspective(60cqw)rotateX(58deg);transform-origin:50% 100%;margin-bottom:-1px}.room-turntable-front{height:0;padding-bottom:6%;border-radius:0 0 .6cqh .6cqh;background:var(--walnut-dark);box-shadow:0 1cqh 1.5cqh oklch(5% 0 0/.4)}.room-music:hover .turntable,.room-music:focus-visible .turntable{--arm:31deg}.room-music:hover .tt-record,.room-music:focus-visible .tt-record{animation-play-state:running}.room-music .tt-record{animation:tt-spin 1.8s linear infinite paused}.room-turntable-front{filter:drop-shadow(0 .6cqh .5cqh oklch(8% .02 50/.6))}.room-speaker{filter:drop-shadow(.8cqw .3cqh .4cqh oklch(8% .02 50/.65))}.room-globe-base{filter:drop-shadow(8cqw .5cqh 4cqw oklch(8% .02 50/.6))}.room-speaker{position:absolute;left:40%;bottom:calc(53% - 1px);width:7.5%}.room-crate{position:absolute;right:0;bottom:0;width:21%;height:42%}.room-sleeve{position:absolute;overflow:hidden;left:8%;bottom:30%;width:84%;aspect-ratio:1;rotate:var(--fan);transform-origin:50% 100%;background:var(--sleeve);box-shadow:0 0 0 1px oklch(0% 0 0/.15),0 .5cqh 1cqh oklch(0% 0 0/.3);overflow:hidden;transition:translate .35s var(--room-ease)}.room-sleeve img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.room-music:hover .room-sleeve:last-of-type{translate:0 -12%}.room-crate-front{position:absolute;inset:auto 0 0;height:62%;background:linear-gradient(transparent 0 30%,oklch(25% .04 60/.7) 30% 34%,transparent 34% 64%,oklch(25% .04 60/.7) 64% 68%,transparent 68%),linear-gradient(oklch(85% .06 78/.35),oklch(85% .06 78/.35)),var(--oak)50%/400%;box-shadow:inset 0 0 0 1px oklch(40% .06 65/.5),1.5cqw .5cqh 2.5cqh oklch(6% .02 145/.55)}.room-crate-front::after{content:"";position:absolute;left:35%;top:10%;width:30%;height:14%;border-radius:2cqh;background:oklch(22% .03 55)}.room-globe-ball{position:absolute;left:8%;top:0;width:84%;aspect-ratio:1;border-radius:50%;rotate:-23deg;background:radial-gradient(circle at 35% 30%,oklch(100% 0 0/.35),transparent 35%),radial-gradient(circle at 50% 50%,transparent 55%,oklch(10% .03 230/.55)),url(/assets/room/world.svg)0/200% 100% repeat-x,oklch(52% .06 205);animation:globe-turn 8s linear infinite paused}.room-globe:hover .room-globe-ball,.room-globe:focus-visible .room-globe-ball{animation-play-state:running}@keyframes globe-turn{to{background-position:0 0,0 0,-200%,0 0}}.room-globe-meridian{position:absolute;left:2%;top:-5%;width:96%;aspect-ratio:1;border-radius:50%;border:max(2px,2.4cqw)solid var(--brass);border-left-color:transparent;border-bottom-color:transparent;rotate:22deg}.room-globe-stem{position:absolute;left:calc(50% - 3%);top:66%;width:6%;height:26%;background:var(--brass)}.room-globe-base{position:absolute;left:22%;bottom:0;width:56%;height:9%;border-radius:50% 50% 2px 2px;background:linear-gradient(var(--walnut-light),var(--walnut-dark))}.room-index{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem 1.5rem;margin:0;padding:.7rem 1rem .8rem;list-style:none;border-top:1.5px solid var(--color-text);font-size:.85rem}.room-index li{margin:0}.room-index span{opacity:.55;font-variant-numeric:tabular-nums}.room-shade{position:absolute;inset:0;z-index:-1;pointer-events:none;background-color:var(--shade,oklch(9% .025 60/.6));transition:background-color .8s;--cove-pool:linear-gradient(oklch(0% 0 0 / .3), transparent 6% 11%, oklch(0% 0 0 / .55) 17%, #000 30%);--pools:radial-gradient(circle at var(--lamp-x) var(--lamp-y), transparent 0, oklch(0% 0 0 / .3) 14cqw, #000 36cqw),
    radial-gradient(ellipse 22cqw 10cqw at var(--lamp-floor-x) var(--lamp-floor-y), transparent 0, oklch(0% 0 0 / .4) 60%, #000 100%),
    radial-gradient(ellipse 15cqw 22cqw at var(--pendant-x) var(--pendant-y), transparent 0, oklch(0% 0 0 / .35) 55%, #000 100%),
    radial-gradient(ellipse 12cqw 15cqw at var(--window-x) var(--window-y), oklch(0% 0 0 / .4) 0, #000 100%),
    var(--cove-pool);-webkit-mask-image:var(--pools);mask-image:var(--pools);-webkit-mask-composite:source-in;mask-composite:intersect}.room-warmth{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 20cqw 11cqw at var(--lamp-floor-x) var(--lamp-floor-y),oklch(82% .13 75/.16),transparent),radial-gradient(circle at var(--lamp-x) var(--lamp-y),oklch(85% .12 80/.12),transparent 22cqw),radial-gradient(ellipse 12cqw 18cqw at var(--pendant-x) var(--pendant-y),oklch(85% .12 80/.1),transparent);transition:opacity .5s}.room-scene[data-lights=off] .room-warmth{opacity:0}.room-scene[data-lights=off] .room-shade{--pools:radial-gradient(ellipse 14cqw 18cqw at var(--window-x) var(--window-y), oklch(0% 0 0 / .3) 0, #000 100%)}.room-scene:is([data-time=dusk],[data-time=night])[data-lights=off] :is(.room-object,.room-chair,.room-table,.room-plant){filter:brightness(calc(var(--lit,1) - .25))}.room-scene:is([data-time=dusk],[data-time=night])[data-lights=off] .room-object:hover{filter:brightness(var(--lit,1))}.room-cast{position:absolute;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,oklch(6% .02 60/.5),oklch(6% .02 60/.2) 60%,transparent);pointer-events:none;transition:opacity .5s}.room-bookcase .room-cast{left:55%;right:-28%;bottom:-3%;height:9%}.room-chair .room-cast{left:40%;right:-50%;bottom:0;height:24%;rotate:6deg}.room-table .room-cast{left:35%;right:-40%;bottom:-8%;height:40%;opacity:.7}.room-scene[data-lights=off] .room-cast{opacity:0}.room-window-glow{position:absolute;left:40%;top:-14%;width:63%;height:110%;background:radial-gradient(closest-side,var(--window-light,oklch(70% .07 255/.2)),transparent);transition:background .8s}.room-window{position:absolute;left:55%;top:10%;width:33%;aspect-ratio:1.03;background:var(--frame);box-shadow:0 0 0 .5cqw oklch(30% .03 145),.6cqw .8cqw 1.6cqw oklch(5% .02 145/.45);--frame:oklch(26% .012 60)}.room-window-view,.room-window-bars{position:absolute;left:.45cqw;right:.45cqw;top:.45cqw;overflow:hidden}.room-window-view{bottom:.45cqw;background:linear-gradient(115deg,transparent 32%,oklch(100% 0 0/.07) 32% 40%,transparent 40% 46%,oklch(100% 0 0/.05) 46% 49%,transparent 49%),var(--sky);box-shadow:inset .35cqw .35cqw oklch(18% .01 60/.7),inset 0 0 1.5cqw oklch(10% .03 260/.4)}.room-window-moon{position:absolute;left:var(--orb-x,24%);top:var(--orb-y,46%);width:var(--orb-size,11%);aspect-ratio:1;border-radius:50%;background:var(--orb,radial-gradient(circle at 40% 40%,oklch(97% .04 95),oklch(88% .06 90)));box-shadow:0 0 1.5cqw .3cqw var(--orb-glow,oklch(90% .06 90/.35))}.room-window-stars{position:absolute;inset:0;width:100%;height:100%;fill:oklch(96% .02 90);opacity:var(--stars,0);transition:opacity .8s}.room-window-city{position:absolute;left:0;bottom:0;width:100%;height:46%}.room-window-bay{fill:var(--water,oklch(30% .06 280))}.room-window-bars{bottom:.45cqw;background:linear-gradient(90deg,transparent calc(33.3% - .2cqw),var(--frame) 0 calc(33.3% + .2cqw),transparent 0 calc(66.7% - .2cqw),var(--frame) 0 calc(66.7% + .2cqw),transparent 0),linear-gradient(transparent calc(80% - .2cqw),var(--frame) 0 calc(80% + .2cqw),transparent 0)}.room-window-sill{position:absolute;left:-.5cqw;right:-.5cqw;top:100%;height:.5cqw;background:linear-gradient(oklch(88% .02 80),oklch(74% .025 75));box-shadow:0 .6cqw 1cqw oklch(5% .02 145/.45)}.room-scene{--rod-l:51.5%;--rod-w:40%;--rod-top:5%}.room-curtain-rod{position:absolute;left:var(--rod-l);width:var(--rod-w);top:var(--rod-top);height:.45cqw;border-radius:1cqw;background:var(--brass);box-shadow:0 .4cqw .6cqw oklch(5% .02 145/.5);z-index:1}.room-sheer,.room-drape{position:absolute;top:calc(var(--rod-top) + .3%);bottom:0;transition:width .9s var(--room-ease),box-shadow .6s}:is(.room-sheer,.room-drape).is-left{left:calc(var(--rod-l) + .6%)}:is(.room-sheer,.room-drape).is-right{right:calc(100% - var(--rod-l) - var(--rod-w) + .6%)}.room-sheer{width:5.8%;background:linear-gradient(transparent 96%,oklch(96% .01 90/.5) 96%),repeating-linear-gradient(90deg,oklch(96% .015 85/.34) 0 .45cqw,oklch(88% .02 80/.16) .45cqw 1cqw,oklch(93% .015 85/.26) 1cqw 1.4cqw)}.room-drape{width:4.8%;background:linear-gradient(90deg,oklch(0% 0 0/.15),transparent 30% 70%,oklch(0% 0 0/.25)),repeating-linear-gradient(90deg,oklch(47% .11 36) 0 .7cqw,oklch(34% .09 32) .7cqw 1.2cqw,oklch(42% .1 35) 1.2cqw 1.7cqw);box-shadow:.8cqw 0 1.5cqw oklch(5% .02 145/.45)}.room-drape.is-left{border-radius:0 0 0 .5cqw}.room-drape.is-right{border-radius:0 0 .5cqw 0;box-shadow:-.8cqw 0 1.5cqw oklch(5% .02 145/.45)}.room-scene:is([data-curtains=sheer],[data-curtains=closed]) .room-sheer{width:calc(var(--rod-w)/2 - .6%)}.room-scene[data-curtains=closed] .room-drape{width:calc(var(--rod-w)/2 - .6%)}.room-scene:is([data-time=dawn],[data-time=day],[data-time=golden])[data-curtains=closed] .room-drape.is-left{box-shadow:inset -.2cqw 0 .3cqw oklch(97% .06 85/.9)}.room-scene:is([data-time=dawn],[data-time=day],[data-time=golden])[data-curtains=closed] .room-drape.is-right{box-shadow:inset .2cqw 0 .3cqw oklch(97% .06 85/.9)}.room-scene[data-curtains=sheer] .room-beams{opacity:calc(var(--beam-alpha) * .35)}.room-scene[data-curtains=sheer] .room-sunpatch{opacity:.4;filter:blur(1.2cqw)}.room-scene[data-curtains=sheer] .room-shell{filter:brightness(calc(1 + (var(--room-bright,1) - 1) * .8))}.room-scene.room-scene[data-curtains=closed]{--daylight:.95}.room-scene[data-curtains=closed] :is(.room-beams,.room-sunpatch,.room-window-glow){opacity:0}.room-scene[data-curtains=closed] .room-shell{filter:brightness(calc(1 + (var(--room-bright,1) - 1) * .1))}.room-scene[data-curtains=closed] .room-shade{background-color:oklch(8% .025 60/.6);--pools:radial-gradient(circle at var(--lamp-x) var(--lamp-y), transparent 0, oklch(0% 0 0 / .3) 14cqw, #000 36cqw),
    radial-gradient(ellipse 22cqw 10cqw at var(--lamp-floor-x) var(--lamp-floor-y), transparent 0, oklch(0% 0 0 / .4) 60%, #000 100%),
    radial-gradient(ellipse 15cqw 22cqw at var(--pendant-x) var(--pendant-y), transparent 0, oklch(0% 0 0 / .35) 55%, #000 100%),
    var(--cove-pool)}.room-scene[data-curtains=closed][data-lights=off] .room-shade{background-color:oklch(6% .02 60/.78);--pools:linear-gradient(#000, #000)}.room-scene[data-curtains=closed][data-lights=off] :is(.room-object,.room-chair,.room-table,.room-plant){filter:brightness(calc(var(--lit,1) - .35))}.room-scene[data-curtains=closed][data-lights=off] .room-object:hover{filter:brightness(var(--lit,1))}.room-scene[data-curtains=closed][data-lights=off] .room-pendant-shade{background:oklch(32% .015 80)}.room-curtains{left:55%;top:3%;width:34%;height:41%;padding:0;border:0;background:0 0;cursor:pointer;z-index:1}.room-curtains[hidden]{display:none}.room-curtains .room-tag{top:1rem}@media(max-width:640px){.room-window{left:54%;top:9%;width:36%;aspect-ratio:1.02}.room-window-glow{left:44%;top:-8%;width:56%;height:70%}.room-sunpatch{left:54%;width:36%}.room-scene{--rod-l:50.5%;--rod-w:43%;--rod-top:4%}.room-curtains{left:49%;top:4%;width:42%;height:30%}}.room-scene{--sky:linear-gradient(oklch(26% .06 268), oklch(36% .08 285) 40%, oklch(55% .1 330) 66%, oklch(70% .11 55) 84%, oklch(76% .1 70));--city:oklch(17% .035 275);--city-lights:oklch(86% .13 85);--sun-light:transparent;--sun-len:30%;--sun-skew:0deg;--beam-alpha:0;--beam-dx:0%;--beam-y:var(--beam-far)}.room-scene[data-time=dawn]{--room-bright:1.3;--sky:radial-gradient(circle at 18% 78%, oklch(95% .08 80 / .9), transparent 30%), linear-gradient(oklch(68% .06 255), oklch(80% .06 20) 55%, oklch(88% .09 65));--orb-x:12%;--orb-y:70%;--orb-size:13%;--orb:radial-gradient(circle, oklch(99% .04 90), oklch(92% .1 70));--orb-glow:oklch(92% .12 70 / .7);--city:oklch(52% .04 310);--city-lights:transparent;--water:oklch(72% .05 330);--shade:oklch(12% .03 50 / .26);--daylight:1.08;--window-light:oklch(92% .08 50 / .3);--sun-light:oklch(92% .1 55 / .5);--sun-len:44%;--sun-skew:26deg;--beam-alpha:.18;--beam-dx:13%;--beam-y:var(--beam-far)}.room-scene[data-time=day]{--room-bright:1.65;--sky:radial-gradient(ellipse 30% 9% at 30% 30%, oklch(98% .01 240 / .9), transparent),
    radial-gradient(ellipse 22% 7% at 72% 48%, oklch(98% .01 240 / .8), transparent),
    linear-gradient(oklch(66% .11 245), oklch(80% .08 235) 60%, oklch(90% .04 220));--orb-x:70%;--orb-y:6%;--orb-size:14%;--orb:radial-gradient(circle, oklch(100% 0 0), oklch(97% .05 95));--orb-glow:oklch(98% .06 95 / .8);--city:oklch(54% .04 240);--city-lights:transparent;--water:oklch(70% .07 230);--shade:oklch(12% .02 60 / .08);--daylight:1.16;--window-light:oklch(97% .04 95 / .55);--sun-light:oklch(98% .05 95 / .5);--sun-len:24%;--sun-skew:8deg;--beam-alpha:.26;--beam-dx:4%;--beam-y:var(--beam-near)}.room-scene[data-time=golden]{--room-bright:1.35;--sky:radial-gradient(circle at 84% 72%, oklch(92% .13 75 / .95), transparent 32%), linear-gradient(oklch(62% .08 255), oklch(76% .1 50) 55%, oklch(84% .14 65));--orb-x:76%;--orb-y:64%;--orb-size:13%;--orb:radial-gradient(circle, oklch(99% .05 90), oklch(88% .15 65));--orb-glow:oklch(88% .15 65 / .75);--city:oklch(38% .05 40);--city-lights:transparent;--water:oklch(68% .1 60);--shade:oklch(12% .04 50 / .24);--daylight:1.1;--window-light:oklch(85% .13 65 / .35);--sun-light:oklch(86% .14 65 / .55);--sun-len:50%;--sun-skew:-34deg;--beam-alpha:.2;--beam-dx:-16%;--beam-y:var(--beam-far)}.room-scene[data-time=dusk]{--flyer:oklch(75% .1 200);--shade:oklch(9% .03 60 / .5)}.room-scene[data-time=night]{--sky:linear-gradient(oklch(14% .04 270), oklch(19% .05 275) 60%, oklch(26% .05 285));--stars:1;--orb-x:22%;--orb-y:44%;--orb-size:9%;--city:oklch(12% .03 275);--water:oklch(18% .04 270);--flyer:oklch(72% .1 200);--shade:oklch(8% .025 60 / .64);--daylight:.95;--window-light:oklch(60% .05 260 / .12);--sun-light:oklch(80% .04 250 / .12);--sun-len:30%;--sun-skew:-10deg}.room-scene[data-time=day] .room-glow,.room-scene[data-time=day] .room-warmth{opacity:.4}.room-sunpatch{position:absolute;left:55%;width:33%;top:6%;height:var(--sun-len);transform-origin:50% 0;transform:skewX(var(--sun-skew));background:var(--sun-light);-webkit-mask-image:linear-gradient(90deg,#000 32.3%,transparent 32.3% 34.3%,#000 34.3% 65.7%,transparent 65.7% 67.7%,#000 67.7%),linear-gradient(#000 18%,transparent 18% 21%,#000 21%);mask-image:linear-gradient(90deg,#000 32.3%,transparent 32.3% 34.3%,#000 34.3% 65.7%,transparent 65.7% 67.7%,#000 67.7%),linear-gradient(#000 18%,transparent 18% 21%,#000 21%);-webkit-mask-composite:source-in;mask-composite:intersect;mix-blend-mode:screen;filter:blur(.25cqw);opacity:var(--sun-opacity,1);transition:opacity .8s}.room-scene:is([data-time=dusk]) .room-sunpatch{--sun-opacity:0}.room-beams{position:absolute;inset:0;z-index:4;pointer-events:none;clip-path:polygon(var(--win-l) var(--win-t),var(--win-r) var(--win-t),calc(var(--win-r) + var(--beam-dx) + 6%) var(--beam-y),calc(var(--win-l) + var(--beam-dx)) var(--beam-y));background:repeating-linear-gradient(calc(90deg + var(--sun-skew) * .6),transparent 0 2.2cqw,oklch(100% 0 0/.35) 2.2cqw 3cqw,transparent 3cqw 4.6cqw),linear-gradient(oklch(98% .05 90/.9),oklch(98% .05 90/.2) 75%,transparent);mix-blend-mode:screen;opacity:var(--beam-alpha);transition:opacity .8s}.room-time{display:flex;flex-wrap:wrap;align-items:center;gap:.15rem;margin-left:auto;font-size:.75rem}.room-time[hidden]{display:none}.room-time>span{margin-right:.35rem;opacity:.55}.room-time button{padding:.2rem .5rem;min-height:32px;border:1px solid transparent;border-radius:3px;cursor:pointer}.room-time button:hover{color:var(--color-highlight)}.room-time button[aria-pressed=true]{color:var(--color-highlight);border-color:color-mix(in srgb,var(--color-highlight) 45%,transparent)}.room-time button:focus-visible{outline:2px solid var(--color-highlight);outline-offset:2px}.room-contact{position:absolute;z-index:-1;left:-6%;right:-6%;bottom:-3%;height:12%;border-radius:50%;background:radial-gradient(closest-side,oklch(6% .02 60/.75),oklch(6% .02 60/.4) 55%,transparent 80%)50% 70%/92% 45% no-repeat,radial-gradient(closest-side,oklch(6% .02 60/.45),transparent);pointer-events:none}.room-lamp .room-contact{left:4%;right:4%;bottom:-2%;height:6%}.room-music .room-contact{left:3%;right:-4%;bottom:-2%;height:12%}.room-bookcase .room-contact{bottom:-2.5%}.room-bookcase-side{position:absolute;left:100%;top:0;bottom:4%;width:6%;clip-path:polygon(0 0,100% 3%,100% 95%,0 100%);background:linear-gradient(90deg,oklch(30% .04 65/.55),oklch(20% .03 60/.7)),var(--oak-upright)50%/600%}.room-credenza-top{position:absolute;left:0;right:0;bottom:100%;height:16%;clip-path:polygon(1% 0,97% 0,100% 100%,0 100%);background:linear-gradient(oklch(38% .06 52),var(--walnut-light))}.room-crate-side{position:absolute;right:100%;bottom:0;height:62%;width:14%;clip-path:polygon(0 4%,100% 0,100% 100%,0 96%);background:linear-gradient(90deg,oklch(25% .03 60/.6),oklch(35% .04 60/.35)),var(--oak)50%/900%}.room-lamp-shade::after{content:"";position:absolute;left:0;right:0;bottom:0;height:22%;border-radius:50%;background:oklch(95% .07 88)}.room-table{position:absolute;pointer-events:none}.room-table>span{position:absolute}.room-table-top{left:0;top:22%;width:100%;height:34%;border-radius:50%;background:radial-gradient(ellipse at 40% 35%,var(--walnut-light),var(--walnut) 60%,var(--walnut-dark));box-shadow:0 1.2cqh oklch(28% .05 48),0 2.5cqh 3cqh oklch(8% .02 60/.45)}.room-table-leg{top:46%;width:3%;height:54%;background:var(--walnut-dark);clip-path:polygon(0 0,100% 0,75% 100%,25% 100%)}.room-table-leg:nth-of-type(3){left:14%;rotate:9deg}.room-table-leg:nth-of-type(4){left:48.5%}.room-table-leg:nth-of-type(5){right:14%;rotate:-9deg}.room-table-books{left:20%;top:12%;width:22%;height:22%}.room-table-books::before,.room-table-books::after{content:"";position:absolute;left:0;right:0;height:48%;border-radius:1px}.room-table-books::before{bottom:0;background:linear-gradient(var(--ochre) 0 70%,var(--linen) 70%)}.room-table-books::after{bottom:48%;left:8%;right:6%;rotate:-3deg;background:linear-gradient(oklch(48% .06 160) 0 70%,var(--linen) 70%)}.room-table-mug{left:50%;top:9%;width:6%;height:22%;border-radius:0 0 .6cqw .6cqw;background:linear-gradient(90deg,oklch(92% .02 85),oklch(80% .03 80))}.room-table-mug::after{content:"";position:absolute;left:100%;top:22%;width:55%;height:50%;border:.5cqw solid oklch(85% .02 85);border-left:0;border-radius:0 50% 50% 0}.room-table-vase{right:22%;top:-12%;width:9%;height:46%;border-radius:45% 45% 40% 40%/30% 30% 70% 70%;background:radial-gradient(circle at 35% 40%,oklch(66% .1 45),var(--terracotta) 55%,oklch(45% .1 40))}.room-table-vase::before{content:"";position:absolute;left:46%;bottom:85%;width:3%;min-width:1.5px;height:110%;rotate:12deg;transform-origin:50% 100%;background:oklch(40% .05 120)}.room-table-vase::after{content:"";position:absolute;left:52%;bottom:150%;width:70%;height:40%;border-radius:50% 0;background:oklch(55% .09 135);rotate:-20deg;box-shadow:-.8cqw 1.4cqh oklch(50% .08 140)}.room-table .room-contact{left:-2%;right:-2%;bottom:-6%;height:34%}.room-chair{pointer-events:none}.room-chair>span:not(.room-contact){position:absolute}.room-chair-leg{top:60%;width:4%;height:34%;background:var(--walnut-dark);clip-path:polygon(0 0,100% 0,75% 100%,25% 100%)}.room-chair-leg-back{left:16%;rotate:8deg}.room-chair-leg-front{left:72%;rotate:-6deg}.room-chair-rail{left:12%;top:58%;width:72%;height:5%;border-radius:.6cqw;background:var(--walnut)}.room-chair-back{left:6%;top:4%;width:22%;height:56%;rotate:-14deg;border-radius:4cqw 3cqw 2cqw 2cqw;background:radial-gradient(ellipse at 70% 25%,oklch(66% .13 52),oklch(50% .12 45) 70%);box-shadow:inset -.6cqw -.6cqw 1.2cqw oklch(30% .08 40/.55)}.room-chair-seat{left:14%;top:44%;width:72%;height:16%;border-radius:3cqw;background:linear-gradient(oklch(66% .13 52),oklch(48% .12 44));box-shadow:inset 0 -.8cqw 1cqw oklch(30% .08 40/.45)}.room-chair-post{left:76%;top:38%;width:3.5%;height:22%;background:var(--walnut)}.room-chair-arm{left:22%;top:34%;width:62%;height:5%;border-radius:1cqw;background:linear-gradient(var(--walnut-light),var(--walnut))}.room-chair .room-contact{left:4%;right:2%;bottom:2%;height:16%}.room-plant{pointer-events:none}.room-plant svg{position:absolute;left:0;top:0;width:100%;height:72%;overflow:visible}.room-plant-stem{fill:none;stroke:oklch(42% .07 135);stroke-width:1.4}.room-plant-rib{stroke:oklch(70% .08 130/.5);stroke-width:.6}.room-plant-split{stroke:oklch(22% .04 145/.7);stroke-width:.7}.room-plant-pot{position:absolute;left:22%;right:22%;top:71%;bottom:0;border-radius:6% 6% 14% 14%/4% 4% 8% 8%;background:linear-gradient(90deg,oklch(0% 0 0/.28),transparent 35% 60%,oklch(0% 0 0/.35)),linear-gradient(oklch(82% .03 75),oklch(72% .035 70));box-shadow:inset 0 .5cqh oklch(90% .02 80),inset 0 1.2cqh .8cqh oklch(30% .03 60/.5)}.room-plant .room-contact{left:14%;right:6%;bottom:-2.5%;height:7%}.turntable{--arm:0deg;position:relative;width:100%;aspect-ratio:1.32;container-type:inline-size}.turntable[data-state=playing],.turntable[data-state=cued]{--arm:31deg}.tt-plinth{position:absolute;inset:0;border-radius:2.5cqi;background:repeating-linear-gradient(90deg,transparent 0 3cqi,oklch(20% .03 50/.08) 3cqi 3.4cqi),linear-gradient(160deg,var(--walnut-light),var(--walnut) 45%,var(--walnut-dark));box-shadow:inset 0 0 0 .3cqi oklch(70% .07 65/.35),inset 0 -.8cqi 1cqi oklch(15% .03 50/.4)}.tt-platter{position:absolute;left:6cqi;top:50%;width:66cqi;aspect-ratio:1;translate:0 -50%;border-radius:50%;background:oklch(25% 0 0);box-shadow:0 0 0 1cqi oklch(72% .01 80),0 0 0 1.4cqi oklch(45% .01 80),1cqi 2cqi 3cqi oklch(5% 0 0/.5)}.tt-platter::after{content:"";position:absolute;inset:3%;border-radius:50%;background:conic-gradient(from 20deg,transparent,oklch(100% 0 0/.11) 8%,transparent 18% 50%,oklch(100% 0 0/.11) 58%,transparent 68%);pointer-events:none}.tt-record{position:absolute;inset:3%;border-radius:50%;background:repeating-radial-gradient(circle,oklch(16% 0 0) 0 .45cqi,oklch(21% 0 0) .45cqi .75cqi)}.tt-label{position:absolute;inset:33%;border-radius:50%;background:var(--label,none)50%/cover,var(--terracotta);box-shadow:0 0 0 .4cqi oklch(12% 0 0)}.tt-label::after{content:"";position:absolute;inset:45%;border-radius:50%;background:oklch(85% .01 80)}.turntable[data-state=playing] .tt-record{animation:tt-spin 1.8s linear infinite}@keyframes tt-spin{to{rotate:360deg}}.tt-arm{position:absolute;left:86cqi;top:12cqi;width:3cqi;height:58cqi;margin-left:-1.5cqi;transform-origin:50% 0;rotate:var(--arm);transition:rotate .9s var(--room-ease);z-index:1;filter:drop-shadow(1cqi 1.5cqi 1cqi oklch(5% 0 0/.45))}.tt-arm-rod{position:absolute;left:30%;top:0;width:40%;height:88%;border-radius:1cqi;background:linear-gradient(90deg,oklch(60% .01 80),oklch(90% .01 80),oklch(65% .01 80))}.tt-arm-head{position:absolute;left:-40%;bottom:0;width:180%;height:14%;rotate:18deg;border-radius:.6cqi;background:oklch(22% 0 0);box-shadow:inset 0 0 0 .25cqi oklch(60% .01 80)}.tt-arm-base{position:absolute;left:86cqi;top:12cqi;width:11cqi;aspect-ratio:1;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle,oklch(85% .01 80) 0 25%,oklch(55% .01 80) 30% 60%,oklch(35% .01 80) 64%)}.tt-knob,.tt-led{position:absolute;border-radius:50%}.tt-knob{left:86cqi;top:60cqi;width:7cqi;aspect-ratio:1;background:radial-gradient(circle at 40% 35%,var(--brass),oklch(50% .07 75))}.tt-led{left:76cqi;top:62.5cqi;width:1.6cqi;aspect-ratio:1;background:oklch(35% .02 60)}.turntable[data-state=playing] .tt-led{background:var(--color-highlight);box-shadow:0 0 1.5cqi var(--color-highlight)}@media(prefers-reduced-motion:reduce){.room-globe-ball,.tt-record,.room-music .tt-record{animation:none !important}.room-object,.tt-arm,.room-frame{transition:none}}