html,body{height:100%;margin:0;overflow:hidden}html{background:#f9dec0}html[data-theme=night]{background:#171226}#world{position:fixed;inset:0;font-family:Archivo,system-ui,sans-serif}.stage{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transform:scale(1.03);transition:opacity .8s ease,transform 1s cubic-bezier(.25,.8,.3,1);pointer-events:none}.stage.active{opacity:1;transform:scale(1)}.ui{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .5s ease .3s}#world[data-stage=outside] .ui-outside,#world[data-stage=study] .ui-study,#world[data-stage=workshop] .ui-workshop,#world[data-stage=library] .ui-library,#world[data-stage=living] .ui-living,#world[data-stage=gym] .ui-gym,#world[data-stage=garage] .ui-garage,#world[data-stage=porch] .ui-porch{opacity:1;pointer-events:auto}.ui-outside{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:5vh;text-align:center}.ui-outside:before{content:"";position:absolute;left:0;right:0;bottom:0;height:52%;pointer-events:none;background:linear-gradient(to top,#fdf7ecf2 6%,#fdf7ecb8 34%,#fdf7ec00)}html[data-theme=night] .ui-outside:before{background:linear-gradient(to top,#171226f2 6%,#171226b3 34%,#17122600)}.hero-block{position:relative;display:block;z-index:1}.hero-block h1{font-size:clamp(2rem,5.5vw,3.6rem);font-weight:800;letter-spacing:-.02em;margin:0 0 .2rem;color:#4a2c17}.hero-block .headline{margin:0 0 .3rem;font-weight:800;font-size:clamp(1rem,2vw,1.2rem);color:#4a2c17;max-width:30ch}.hero-block .proof{margin:0 0 1.1rem;font-weight:600;font-size:.88rem;color:#6b452a;max-width:42ch}html[data-theme=night] .hero-block h1,html[data-theme=night] .hero-block .headline{color:#fbe7cf}html[data-theme=night] .hero-block .proof{color:#d8b58f}.hero-cta{display:flex;gap:.8rem;align-items:center;justify-content:center;flex-wrap:wrap}.pill{font:inherit;font-weight:800;font-size:.92rem;cursor:pointer;border:none;border-radius:999px;padding:.8rem 1.6rem;background:#4a2c17;color:#ffe9cf;text-decoration:none;display:inline-block;box-shadow:0 8px 24px -8px #4a2c178c;transition:transform .15s ease}.pill:hover{transform:translateY(-2px)}.pill.ghost{background:#fff4e4e6;color:#4a2c17;backdrop-filter:blur(6px)}html[data-theme=night] .pill.ghost{background:#3c3250b3;color:#fbe7cf}.plainlink{font-size:.82rem;font-weight:700;color:#8a5a30;text-decoration:none;border-bottom:1px solid rgba(138,90,48,.4)}html[data-theme=night] .plainlink{color:#cf9a63;border-color:#cf9a6366}.spot{position:absolute;transform:translate(-50%,-50%);width:32px;height:32px;border-radius:50%;cursor:pointer;border:3px solid rgba(255,244,228,.95);background:#4a2c1759;box-shadow:0 0 #ffdcaab3;animation:pulse 2.4s infinite;transition:background .2s}.spot:hover{background:#4a2c17b3}html[data-theme=night] .spot{border-color:#ffe6bee6;background:#ffd29640;box-shadow:0 0 12px 2px #ffd29680}.spot span{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);background:#4a2c17;color:#ffe9cf;font-size:.8rem;font-weight:700;padding:.3rem .7rem;border-radius:8px;white-space:nowrap;opacity:0;transition:opacity .2s;pointer-events:none}.spot:hover span{opacity:1}@keyframes pulse{0%{box-shadow:0 0 #ffdcaab3}70%{box-shadow:0 0 0 14px #ffdcaa00}to{box-shadow:0 0 #ffdcaa00}}.ui-room{display:flex;align-items:flex-end;justify-content:flex-start;padding:4vh 4vw}.panel{max-width:340px;background:#fff8eef0;backdrop-filter:blur(10px);border-radius:20px;padding:1.5rem 1.6rem;box-shadow:0 20px 50px -18px #4a2c1780}html[data-theme=night] .panel{background:#282137eb;box-shadow:0 20px 50px -18px #0009}.panel h2{margin:0 0 .45rem;color:#4a2c17;font-weight:800}.panel p{margin:0 0 .6rem;color:#5d3c22;font-weight:500;line-height:1.5}.panel .hint{font-size:.78rem;font-weight:700;color:#b07a45;margin-bottom:.9rem}html[data-theme=night] .panel h2{color:#fbe7cf}html[data-theme=night] .panel p{color:#d8c3b0}html[data-theme=night] .panel .hint{color:#cf9a63}.roomnav{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.9rem}.roomlink{font:inherit;font-size:.72rem;font-weight:700;cursor:pointer;border:1.5px solid rgba(74,44,23,.25);border-radius:999px;background:transparent;color:#6b452a;padding:.3rem .7rem;transition:all .15s}.roomlink:hover{background:#4a2c17;color:#ffe9cf;border-color:#4a2c17}html[data-theme=night] .roomlink{color:#d8c3b0;border-color:#d8c3b04d}html[data-theme=night] .roomlink:hover{background:#fbe7cf;color:#2a2038;border-color:#fbe7cf}.detail-scrim{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;background:#3a201452;backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .25s ease}.detail-scrim.show{opacity:1;pointer-events:auto}.detail-card{position:relative;max-width:420px;width:min(88vw,420px);background:#fff8ee;border-radius:22px;padding:1.9rem 2rem 1.7rem;box-shadow:0 30px 70px -20px #3a201499;transform:translateY(12px) scale(.98);transition:transform .25s cubic-bezier(.2,.9,.3,1)}html[data-theme=night] .detail-card{background:#2c2440}.detail-scrim.show .detail-card{transform:translateY(0) scale(1)}.detail-card h3{margin:0 0 .7rem;color:#4a2c17;font-weight:800;font-size:1.35rem}.detail-card #detailBody{color:#5d3c22;font-weight:500;line-height:1.55}html[data-theme=night] .detail-card h3{color:#fbe7cf}html[data-theme=night] .detail-card #detailBody{color:#d8c3b0}.detail-card #detailBody ul{margin:.5rem 0 0;padding-left:1.1rem}.detail-card #detailBody li{margin-bottom:.3rem}.detail-card #detailBody a{color:#c05a1f;font-weight:700}html[data-theme=night] .detail-card #detailBody a{color:#f0a35a}.detail-card #detailBody i{color:#a5825f}.detail-card #detailBody img{display:block;margin:.2rem auto 0;width:auto;max-width:100%;max-height:56vh;border-radius:14px;box-shadow:0 12px 30px -12px #3a20148c}.detail-close{position:absolute;top:.8rem;right:.9rem;width:34px;height:34px;border:none;border-radius:50%;cursor:pointer;font-size:1.3rem;line-height:1;background:#4a2c171a;color:#4a2c17;font-weight:700;transition:background .15s}html[data-theme=night] .detail-close{background:#ffffff1f;color:#fbe7cf}.detail-close:hover{background:#4a2c1733}.theme-toggle{position:absolute;top:1.2rem;right:1.2rem;z-index:20;width:44px;height:44px;border-radius:50%;border:none;cursor:pointer;font-size:1.2rem;line-height:1;background:#fff4e4d9;color:#4a2c17;backdrop-filter:blur(6px);box-shadow:0 6px 18px -6px #4a2c1780;transition:transform .15s}.theme-toggle:hover{transform:scale(1.1)}html[data-theme=night] .theme-toggle{background:#3c3250cc;color:#fbe7cf}.theme-toggle .t-night,html[data-theme=night] .theme-toggle .t-day{display:none}html[data-theme=night] .theme-toggle .t-night{display:inline}@media(max-width:640px){.ui-room{justify-content:center;padding:2vh 3vw}.panel{max-width:100%}.roomnav{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -.3rem .9rem;padding:.1rem .3rem .4rem;scrollbar-width:none}.roomnav::-webkit-scrollbar{display:none}.roomlink{flex:0 0 auto}}