:root{color-scheme:dark;--ink:#f3eee6;--ease:cubic-bezier(.2,.72,.18,1)}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#20201f;color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button{-webkit-tap-highlight-color:transparent;font:inherit;color:inherit;border:0;background:none}button:focus-visible{outline:1px solid #e7c99e;outline-offset:6px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.studio,.scene-viewport{position:absolute;inset:0;overflow:hidden}.scene-viewport{background:#20201f}.camera{position:absolute;inset:0;transform-origin:0 0;transition:transform 1.4s var(--ease);will-change:transform}.scene{position:absolute;isolation:isolate}.room{display:block;width:100%;height:100%;user-select:none;pointer-events:none}.wall-sign{position:absolute;left:53%;top:22%;width:19%;pointer-events:none;z-index:1}.wall-sign svg{display:block;width:100%;height:auto;overflow:visible;filter:drop-shadow(0 0 2px #ffe5b6) drop-shadow(0 0 7px #ffb35c) drop-shadow(0 0 19px #ec9c4d)}.shade{position:absolute;inset:0;background:#08090b;opacity:0;transition:opacity .7s var(--ease);pointer-events:none;z-index:2}.scene.selected .shade{opacity:.28}.zone-layer{position:absolute;inset:0;background-size:100% 100%;opacity:0;pointer-events:none;z-index:3;transition:opacity .6s var(--ease),transform .8s var(--ease);will-change:transform}.zone-layer.active{opacity:1;transform:scale(1.018)}.hotspot{position:absolute;z-index:4;cursor:pointer;padding:0;border-radius:2px;touch-action:manipulation}.category-caption{position:absolute;z-index:5;pointer-events:none;opacity:0;transform:translate(-50%,8px);color:#fff5e6;text-shadow:0 2px 12px #000,0 0 24px #0008;font-size:14px;letter-spacing:2.5px;white-space:nowrap;transition:opacity .45s var(--ease),transform .65s var(--ease)}.category-caption.visible{opacity:1;transform:translate(-50%,0)}.entering .category-caption{opacity:0!important}.entering .hotspot{pointer-events:none}.category{position:absolute;inset:0;z-index:6;background:#171819e8;backdrop-filter:blur(16px);display:grid;place-items:center;text-align:center;animation:arrive .7s var(--ease)}.category-inner{max-width:640px;padding:32px}.eyebrow{font-size:12px;letter-spacing:2.5px;color:#c8b99e}.category h2{font-size:clamp(38px,6vw,75px);font-weight:400;letter-spacing:-2.5px;margin:24px 0}.category p{font-size:18px;line-height:1.6;color:#ccc4b7;margin:0 auto 32px;max-width:440px}.soon{display:block;font-size:14px;color:#ada69a}.back-button{display:inline-flex;gap:18px;align-items:center;margin-top:44px;padding:16px 24px;border:1px solid #867864;border-radius:3px;font-size:14px;cursor:pointer}.back-button:hover{background:#ffffff0b}@keyframes arrive{from{opacity:0}to{opacity:1}}@media(orientation:portrait){.wall-sign{left:32%;top:10%;width:38%}.category-caption{font-size:14px;letter-spacing:1.4px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}
.wall-sign{left:57%;top:14.8%;width:21%}.mobile-material,.mobile-object{display:none}@media(orientation:portrait){.scene picture{visibility:hidden}.wall-sign{left:32%;top:5.6%;width:43%}.mobile-material,.mobile-object{display:block;position:absolute;pointer-events:none}.mobile-material{background-image:url(/wall-texture.webp)}.wall-material{inset:0 0 16%;background-size:100% 100%;background-position:0 0}.floor-material{left:0;right:0;bottom:0;height:22%;background-size:100% 100%;background-position:0 0;mask-image:linear-gradient(transparent,#000 25%);-webkit-mask-image:linear-gradient(transparent,#000 25%)}.mobile-object{z-index:1}.mobile-object,.zone-layer{mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent),linear-gradient(transparent,#000 3%,#000 97%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent),linear-gradient(transparent,#000 3%,#000 97%,transparent);-webkit-mask-composite:source-in}.wall-sign{z-index:2}}

.studio-footer{position:absolute;z-index:5;inset:auto 0 0;min-height:90px;padding:28px 4.3% max(20px,env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr minmax(0,2.6fr) 1fr;align-items:end;gap:20px;color:#e5ded2;pointer-events:none;text-shadow:0 1px 6px #000c;background:linear-gradient(transparent,#15151548);transition:opacity .5s var(--ease)}
.studio-copyright,.studio-signoff{font-size:12px;line-height:1.5}.studio-signoff{text-align:right}.studio-footer-center{text-align:center;transform:translateY(6px)}.studio-footer p{margin:0}.studio-guidance{font-size:13px;line-height:1.5}.studio-services{margin-top:7px!important;font-size:11px;line-height:1.5;letter-spacing:1.8px;text-transform:uppercase;color:#c8bdac}.studio-services span{margin:0 8px}.entering .studio-footer{opacity:0}
@media(max-width:800px){.studio-footer{grid-template-columns:1fr 1fr;gap:18px 10px;padding:26px 5% max(14px,env(safe-area-inset-bottom))}.studio-footer-center{grid-column:1/-1;grid-row:1}.studio-copyright,.studio-signoff{grid-row:2}.studio-guidance{font-size:12px}.studio-services{font-size:10px;letter-spacing:1.2px}.studio-services span{margin:0 4px}}

.new-studio-object{position:absolute;background-size:100% 100%;background-repeat:no-repeat;pointer-events:none;z-index:1}.new-object-light.active{filter:brightness(1.13)}


.relocated-toy-box{position:absolute;z-index:1;pointer-events:none;background-repeat:no-repeat;filter:drop-shadow(0 5px 4px #0007)}

.gaming-ambient{position:absolute;pointer-events:none;z-index:1;background:radial-gradient(ellipse at 50% 0%,#ffc27928,transparent 72%);filter:blur(3px)}

.lamp-ambient{position:absolute;pointer-events:none;z-index:1;background:radial-gradient(ellipse 35% 49% at 50% 43%,#ffc57b18,transparent 100%),radial-gradient(ellipse 48% 7% at 50% 93%,#f5b65d24,transparent 100%);filter:blur(6px)}

.shortened-desk{position:absolute;z-index:1;pointer-events:none}

.calendar-date{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:hidden}


.resized-cabinet{position:absolute;z-index:1;pointer-events:none;background-repeat:no-repeat}

/* Portrait art direction: a single room composed for a vertical viewport. */
@media(orientation:portrait){
 .wall-sign{left:36%;top:3%;width:28%}
 .wall-material{inset:-90px 0 16%;background-size:100% 100%;background-position:0 0}
 .floor-material{bottom:-100px;height:calc(22% + 100px);background-size:100% 100%;background-position:0 0;mask-image:linear-gradient(transparent,#000 18%);-webkit-mask-image:linear-gradient(transparent,#000 18%)}
 .studio-footer{min-height:0;padding:10px 5% max(10px,env(safe-area-inset-bottom));gap:8px 10px;grid-template-columns:1fr 1fr;background:linear-gradient(transparent,#15151570)}
 .studio-footer-center{transform:none}.studio-guidance{font-size:11px;line-height:1.35;max-width:340px;margin:auto!important}.studio-services{font-size:9px;line-height:1.3;letter-spacing:1px;margin-top:4px!important}.studio-copyright,.studio-signoff{font-size:10px;line-height:1.2}
 .category-caption{font-size:11px;letter-spacing:1px;max-width:94vw;white-space:normal;text-align:center}
 .mobile-object,.zone-layer{mask-image:none;-webkit-mask-image:none}
 .category-inner{padding:22px}.category h2{font-size:clamp(30px,8vw,50px);letter-spacing:-1px}.category p{font-size:16px}
}
@media(orientation:portrait) and (max-height:700px){.studio-guidance{font-size:10px}.studio-services{font-size:8px}.studio-footer{gap:6px}}

@media(orientation:portrait){
 .wall-material{bottom:22%}
 .floor-material{top:78%;bottom:-100px;height:auto;background-image:url(/floor-texture.webp);background-size:100% 100%;background-position:0 0;mask-image:none;-webkit-mask-image:none}
 .floor-material:before{content:"";position:absolute;left:0;right:0;top:-14px;height:20px;background-image:url(/skirting-texture.webp);background-size:100% 100%;background-position:0 0;pointer-events:none}
}