html,body,#root{background:#e8e9ed;min-height:100%}.sky-backdrop{pointer-events:none;position:absolute;inset:0;overflow:hidden}.sky-backdrop img{object-fit:cover;object-position:center;width:100%;height:100%;transition:opacity .8s;position:absolute}.sky-night{opacity:0}.night .sky-night{opacity:1}.night .sky-day{opacity:0}#root>main header,#root>main footer{z-index:2}#root>main .intro,#root>main header,#root>main footer{color:#263d49}#root>main .intro p,#root>main .intro .eyebrow,#root>main footer,#root>main .brand-sub{color:#435d6c}#root>main.night .intro,#root>main.night header{color:#f1f3f7}#root>main.night .intro p,#root>main.night .intro .eyebrow,#root>main.night footer,#root>main.night .brand-sub{color:#c3d1e0}@media (prefers-reduced-motion:reduce){.sky-backdrop img{transition:none}}#root>main{min-height:0}@media (width>=801px){#root>main>.intro{color:#303438;width:260px;max-width:260px;text-shadow:none;top:28%;left:44px}#root>main>.intro h1{font-size:25px}#root>main>.intro p,#root>main>.intro .eyebrow{color:#767c84}#root>main>.intro .text-link{border-color:#9ea2a6}#root>main>.scene{inset:100px 20px 70px 324px}#root>main .scene-tools{bottom:14px;right:15px}#root>main.night>.intro{color:#ecebf0}#root>main.night>.intro p,#root>main.night>.intro .eyebrow{color:#b7bac4}}@media (width<=800px){#root>main>header{padding:16px 24px}#root>main>.intro{padding:4px 24px 0}#root>main>.intro h1{margin:8px 0;line-height:1.4}#root>main>.intro p{margin-bottom:6px}#root>main>.scene>.scene-viewport{bottom:104px}#root>main>footer{padding-top:10px;padding-bottom:max(12px,env(safe-area-inset-bottom))}}@media (width<=800px) and (height<=600px){#root>main>header{padding:10px 20px}#root>main>.intro{padding:0 20px}#root>main>.intro .eyebrow{display:none}#root>main>.intro h1{margin:4px 0;font-size:21px}#root>main>.intro p{margin:0}#root>main>.scene>.scene-viewport{bottom:86px}}main{height:100vh}.scene{isolation:isolate;z-index:0}.scene-viewport{position:absolute;inset:0}.scene-frame{pointer-events:none;position:absolute;inset:0}#root>main>.scene>.scene-viewport{position:absolute;inset:0;overflow:hidden}.room-html-transformed{pointer-events:none;position:absolute;inset:0}.room-html-transformed>div{overflow:visible!important}.intro{transition:opacity .2s,visibility .2s}#root>main[data-fullscreen]>.intro,#root>main[data-fullscreen]>header,#root>main[data-fullscreen]>footer{display:none}#root>main[data-fullscreen]>.scene{position:absolute;inset:0;overflow:hidden}#root>main[data-fullscreen]>.scene>.scene-viewport,#root>main[data-fullscreen]>.scene>.scene-frame{inset:0}#root>main[data-fullscreen] .scene-tools{right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom))}#root>main[data-fullscreen] .scene-tools>button:first-child{background:#fff;outline:1px solid #889da4}.intro{z-index:1}.model-action{color:#42595a;touch-action:manipulation;background:#ffffffd9;border:1px solid #adbdbb;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex;box-shadow:0 2px 6px #26393818}.model-action:hover,.model-action:focus-visible{outline-offset:2px;background:#fff;outline:2px solid #69988b}.model-action.active{color:#315f4a;background:#d1e8dd;border-color:#639781}.object-tools,.project-tools{display:none}.project-tags{color:#39766b;flex-wrap:wrap;gap:14px;margin:0 0 16px;font-size:9px;display:flex}.project-specs{margin:0 0 24px;font-size:11px;line-height:1.7}.project-specs>div{border-top:1px solid #dce1de;grid-template-columns:72px 1fr;gap:12px;padding:10px 0;display:grid}.project-specs dt{color:#7c8582}.project-specs dd{color:#465753;margin:0}@media (width<=800px){.model-action{width:36px;height:36px}.model-annotation{display:none}.object-tools{gap:8px;display:flex;position:absolute;bottom:16px;left:14px}.project-tools{gap:8px;display:flex;position:absolute;bottom:62px;left:14px}}.work-menu,.detail{max-height:calc(100vh - 140px)}@media (width<=800px){#root>main{grid-template-rows:auto auto minmax(0,1fr) auto;min-height:0;display:grid}main>header{padding:20px 24px;position:relative;inset:auto}main>.intro{max-width:none;padding:12px 24px 8px;position:relative;top:auto;left:auto}main>.intro h1{margin:10px 0 12px}main>.intro p{max-width:none;margin-bottom:10px}main>.scene{min-height:0;position:relative;inset:auto;overflow:visible}main>.scene>.scene-frame,#root>main>.scene>.scene-viewport{bottom:104px}main .scene-tools{gap:8px;bottom:16px;right:14px}main>footer{padding:16px 24px;padding-bottom:max(16px,env(safe-area-inset-bottom));position:relative;inset:auto}main>.detail,main>.work-menu{max-height:65dvh}}@media (width<=800px) and (height<=600px){main>.scene>.scene-frame,#root>main>.scene>.scene-viewport{bottom:86px}main>header{padding:14px 20px}main>.intro{padding:0 20px 4px}main>.intro h1{margin:6px 0}main>.intro p{margin-bottom:4px}main>footer{padding-top:10px;padding-bottom:10px}}@media (width>=801px){main .intro{color:#fff;text-shadow:0 1px 8px #30323d40}main .intro p,main .intro .eyebrow{color:#e5e7ed}.intro .text-link{border-color:#c7cbd1}}*{box-sizing:border-box}body{color:#303438;letter-spacing:0;margin:0;font-family:Noto Sans SC,Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button,a{color:inherit}button{background:0 0;border:0}a{text-decoration:none}main{background:#e8e9ed;height:100dvh;min-height:600px;position:relative;overflow:hidden}header{z-index:5;justify-content:space-between;align-items:center;padding:28px 44px;display:flex;position:absolute;inset:0 0 auto}.brand{align-items:center;gap:12px;font-size:16px;font-weight:700;display:flex}.brand-mark{font-size:37px;line-height:1}.brand-sub{color:#7d8186;margin-top:3px;font-size:8px;font-weight:500;display:block}nav{align-items:center;gap:34px;font-size:13px;display:flex}nav button{padding:8px 0}nav button span{color:#8d9398;margin-left:7px;font-size:10px}nav a{align-items:center;gap:6px;display:flex}.mobile-menu{display:none!important}.scene{position:absolute;inset:0}.scene canvas{touch-action:none}.intro{pointer-events:none;max-width:340px;position:absolute;top:23%;left:44px}.intro button{pointer-events:auto}.eyebrow{color:#797f86;letter-spacing:0;font-size:9px}h1{margin:16px 0 13px;font-size:27px;font-weight:500;line-height:1.5}.intro p{color:#767c84;margin:0 0 23px;font-size:12px;line-height:1.9}.text-link{border-bottom:1px solid #9ea2a6;align-items:center;gap:12px;padding:6px 0;font-size:12px;display:inline-flex}.scene-tools{flex-direction:column;gap:10px;display:flex;position:absolute;bottom:83px;right:35px}.icon{background:#ffffffb5;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:background .2s;display:inline-flex}.icon:hover{background:#fff}footer{color:#7c8287;pointer-events:none;justify-content:space-between;font-size:9px;display:flex;position:absolute;inset:auto 44px 27px}footer>span:first-child{align-items:center;gap:8px;font-size:11px;display:flex}footer i{background:#6a9074;border-radius:50%;width:5px;height:5px}.footer-year{margin-left:24px}.wall-title{text-align:center;color:#f3f0ef;width:350px;font-family:Arial,sans-serif;font-size:25px;font-weight:500}.wall-title span{margin-top:12px;font-size:16px;display:block}.monitor{cursor:pointer;color:#244f4d;background:#b2d7d2;width:220px;height:130px;padding:14px}.monitor span{font-size:9px}.monitor strong{margin-top:8px;font-size:17px;line-height:1.2;display:block}.monitor-squares{gap:5px;margin-top:10px;display:flex}.monitor-squares i{background:#6b9698;width:34px;height:20px}.monitor-squares i:nth-child(2){background:#dfbc8b}.monitor-squares i:nth-child(3){background:#d6dbd1}.object-label{white-space:nowrap;pointer-events:none;background:#fff;border-radius:3px;padding:7px 11px;font-size:11px}.loading{white-space:nowrap;background:#ffffffd9;border-radius:4px;padding:16px 24px;font-size:13px}.work-menu,.detail{z-index:10;background:#f7f8f7;border-radius:6px;max-height:calc(100dvh - 140px);animation:.3s appear;position:absolute;top:100px;right:30px;overflow:auto;box-shadow:0 16px 60px #20253020}.work-menu{width:360px;padding:20px}.panel-top{color:#7b8287;justify-content:space-between;align-items:center;margin-bottom:17px;font-size:10px;display:flex}.panel-top .icon{background:#e9ebea;width:30px;height:30px}.work-row{text-align:left;border-top:1px solid #dde1de;align-items:center;gap:14px;width:100%;padding:16px 0;display:flex}.work-row img{object-fit:cover;border-radius:3px;width:72px;height:67px}.work-row>span{flex:1}.work-row small,.detail>small{color:#838a8b;font-size:9px}.work-row strong{margin-top:7px;font-size:17px;font-weight:500;display:block}.detail{width:355px;padding:22px}.detail-image{object-fit:cover;border-radius:3px;width:100%;height:230px;margin-bottom:23px}.detail h2{margin:9px 0 15px;font-size:25px;font-weight:500}.detail p{color:#798183;margin-bottom:30px;font-size:12px;line-height:2}.detail-bottom{border-top:1px solid #dce0de;justify-content:space-between;align-items:center;padding-top:18px;display:flex}.detail-bottom>span{color:#8b9292;font-size:9px}.night{color:#ecebf0;background:#333440}.night .intro p,.night .eyebrow,.night footer,.night .brand-sub{color:#b7bac4}.night .icon,.night .work-menu,.night .detail{color:#303438}.night .wall-title{color:#f8ddb0}@keyframes appear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width>=1500px){.intro{top:28%}}@media (width<=800px){header{padding:23px}.intro{max-width:300px;top:105px;left:24px}h1{margin-top:10px;font-size:23px}.intro p{margin-bottom:10px;font-size:11px}.eyebrow{font-size:8px}.scene-tools{gap:8px;bottom:69px;right:18px}footer{bottom:23px;left:24px;right:24px}footer>span:last-child{font-size:7px}.footer-year{margin-left:8px}.detail,.work-menu{width:min(355px,100% - 32px);max-height:65dvh;top:auto;bottom:65px;right:16px}.detail-image{height:160px}nav{gap:17px;font-size:11px}.brand{font-size:13px}.brand-mark{font-size:31px}.brand-sub{font-size:7px}}@media (width<=480px){main{min-height:540px}footer>span:last-child{display:none}.intro{top:103px}.intro p{max-width:230px}.scene-tools{bottom:62px}}