:root{font-family:"Segoe UI",Arial,sans-serif;color:#173b35;background:#e9efef;font-synthesis:none;--ink:#173b35;--sub:#6b7f7a;--line:#dce3df;--paper:rgba(255,255,255,.89);--accent:#bc6a40}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #bc6a40;outline-offset:5px}button{border:0;background:none}button:disabled{opacity:.45;cursor:default}a{color:inherit}svg{display:block}button svg{width:20px;height:20px;stroke-width:1.5;flex-shrink:0}#experience{height:100svh;min-height:640px;overflow:hidden;position:relative}#scene{position:absolute;inset:0;touch-action:none}canvas{display:block;outline:none;width:100%;height:100%}.topbar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:27px 40px;z-index:5;pointer-events:none}.topbar>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:13px;text-decoration:none}.brand-mark{font-size:34px;font-weight:800;letter-spacing:-4px;line-height:1}.brand-mark>span{font-weight:500;display:inline-block;padding-left:5px;transform:translateY(3px)}.brand-label{font-size:10px;letter-spacing:2px;line-height:1.5;color:#536963}.brand-label b{font-weight:800}.project-tag{display:flex;align-items:center;gap:16px;font-size:11px;letter-spacing:1.5px;font-weight:600}.tag-line{width:36px;height:1px;background:#8e9f99}.round-button{width:42px;height:42px;border:1px solid rgba(80,110,99,.14);background:rgba(255,255,255,.68);backdrop-filter:blur(12px);border-radius:50%;display:grid;place-items:center;transition:background .2s,transform .2s}.round-button:hover{background:#fff;transform:translateY(-1px)}.round-button[aria-pressed=true]{background:var(--ink);color:white}.intro{position:absolute;top:148px;left:42px;pointer-events:none}.eyebrow{font-size:11px;letter-spacing:2.5px;font-weight:700;color:#617b70}.intro h1{font-size:clamp(38px,4.6vw,69px);font-weight:500;letter-spacing:-3.6px;line-height:1.02;margin:22px 0 23px}.intro h1 em{font-family:Georgia,serif;font-weight:400;font-size:.87em;letter-spacing:-2px}.intro p{color:var(--sub);font-size:14px;line-height:1.75;margin:0}.small-rule{width:28px;height:1px;background:#9aaca3;margin:27px 0 16px}.scale-label{display:flex;flex-direction:column;gap:6px;font-size:12px;letter-spacing:1px}.scale-label span+span{color:#82938c;font-size:10px;letter-spacing:1.8px}.inspector{position:absolute;right:40px;top:50%;transform:translateY(-50%);width:282px;padding:25px 24px 23px;background:var(--paper);border:1px solid rgba(255,255,255,.9);box-shadow:0 18px 80px -30px rgba(21,49,36,.25);backdrop-filter:blur(24px);border-radius:18px;z-index:7}.panel-title{display:flex;justify-content:space-between;gap:10px;font-size:10px;letter-spacing:1.8px;font-weight:700;color:#7c9087}.panel-number{font-size:10px;letter-spacing:.7px}.panel-heading{display:flex;align-items:center;justify-content:space-between}.panel-heading h2{margin:12px 0 0;font-size:26px;font-weight:600;letter-spacing:-1px}.panel-toggle{display:none}.panel-content p{margin:11px 0 25px;font-size:13px;color:#74857d;line-height:1.65;min-height:43px}.control-label{font-size:10px;letter-spacing:1.6px;font-weight:700;margin-bottom:15px;color:#657b70}.swatches{display:flex;gap:16px;margin:0 0 25px}.swatch{padding:0;text-align:center;display:flex;flex-direction:column;gap:9px;align-items:center;font-size:11px;color:#7d8c85}.swatch-color{display:block;width:42px;height:42px;border-radius:50%;position:relative;box-shadow:inset 0 0 0 1px rgba(0,0,0,.07)}.swatch-color.graphite{background:linear-gradient(135deg,#7b8480,#414846)}.swatch-color.light{background:linear-gradient(135deg,#f7f3e8,#d0cfc5)}.swatch-color.clay{background:linear-gradient(135deg,#c59177,#956044)}.swatch.active{color:var(--ink);font-weight:700}.swatch.active .swatch-color:after{content:'';position:absolute;inset:-5px;border:1px solid var(--ink);border-radius:50%}.light-row{padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:7px;font-size:12px}.segmented{padding:3px;background:#edf1ee;border-radius:8px;display:flex;gap:2px}.segmented button{display:flex;align-items:center;gap:5px;padding:7px 8px;font-size:11px;border-radius:6px;color:#7f8e87}.segmented button svg{width:13px;height:13px}.segmented button.active{background:#fff;color:var(--ink);box-shadow:0 1px 3px #b4c0b530}.roof-button{margin-top:22px;display:flex;width:100%;align-items:center;gap:11px;padding:14px 15px;background:var(--ink);color:#fff;border-radius:9px;font-size:13px;text-align:left;transition:background .2s}.roof-button:hover{background:#29594d}.roof-button svg{width:18px;height:18px}.roof-arrow{margin-left:auto;font-size:20px;font-weight:400}.side-tools{position:absolute;right:344px;top:50%;transform:translateY(-50%);display:flex;align-items:center;flex-direction:column;gap:8px;z-index:6}.side-tools .round-button{width:37px;height:37px}.tools-divider{height:10px}.bottom-area{position:absolute;bottom:73px;left:42px;right:40px;display:flex;align-items:center;justify-content:space-between;pointer-events:none;gap:15px;z-index:8}.bottom-area>*{pointer-events:auto}.house-stats{display:flex;gap:27px}.house-stats>div{display:flex;flex-direction:column;gap:5px}.house-stats b{font-size:31px;font-weight:600;letter-spacing:-1.7px;line-height:1.2}.house-stats b span{font-size:21px;letter-spacing:-1px}.house-stats>div>span{font-size:10px;letter-spacing:.3px;color:#748a80}.view-switch{display:flex;align-items:center;padding:6px;background:rgba(255,255,255,.9);box-shadow:0 10px 30px #42534412;backdrop-filter:blur(16px);border:1px solid #fff;border-radius:13px;gap:4px;position:absolute;left:50%;transform:translateX(-50%)}.view-switch button{display:flex;align-items:center;gap:9px;padding:13px 18px;border-radius:9px;font-size:13px;white-space:nowrap;transition:.2s}.view-switch button svg{width:18px;height:18px}.view-switch button.active{background:var(--ink);color:white}.view-switch button:not(.active):hover{background:#eef3ee}.gesture-hint{display:flex;align-items:center;gap:11px;font-size:11px;line-height:1.7;color:#81948c;padding-right:7px}.gesture-hint svg{width:22px;height:28px;stroke-width:1.1}.gesture-hint b{font-weight:400;color:#9ba9a3}.credit{position:absolute;left:42px;bottom:25px;font-size:9px;letter-spacing:1.6px;color:#8b9b93;pointer-events:none}.compass{position:absolute;right:49px;bottom:21px;display:flex;gap:3px;align-items:center;color:#517362;font-size:10px;font-weight:700;pointer-events:none}.compass svg{width:30px;height:30px}.compass path{transform-origin:center}.room-labels{position:absolute;inset:0;pointer-events:none;z-index:4;overflow:hidden}.room-label{position:absolute;transform:translate(-50%,-50%);font-size:11px;padding:8px 11px;border-radius:7px;box-shadow:0 5px 16px #11382617;background:rgba(255,255,255,.92);white-space:nowrap;pointer-events:auto;cursor:pointer;border:1px solid #dce5dc}.room-label small{display:block;color:#899a90;font-size:10px;margin-top:2px}.room-label.selected{background:var(--ink);color:white;border-color:var(--ink)}.room-label.selected small{color:#bfd2c8}.room-label:hover{border-color:#6c9680}.selected-room{padding-top:18px;display:flex;flex-direction:column;gap:7px}.selected-room[hidden]{display:none}.selected-room>span{font-size:10px;letter-spacing:1.4px;color:#8b9b93}.selected-room b{font-size:30px;letter-spacing:-1px}.selected-room b small{font-size:15px;font-weight:400}.selected-room button{align-self:flex-start;padding:5px 0;font-size:12px;text-decoration:underline;text-underline-offset:5px}.toast{position:absolute;left:50%;bottom:151px;transform:translate(-50%,10px);background:#173b35e8;color:white;padding:12px 20px;border-radius:9px;font-size:13px;z-index:15;pointer-events:none;opacity:0;transition:.3s;max-width:85vw;text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}.loader{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;z-index:20;background:#e9efef;transition:opacity .6s;color:var(--ink);font-size:13px;letter-spacing:1px}.loader-line{width:90px;height:2px;background:#b6c5bd;position:relative;overflow:hidden}.loader-line:after{content:'';position:absolute;inset:0;background:var(--ink);animation:loading 1.2s infinite;transform-origin:left}@keyframes loading{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.loader.ready{opacity:0;pointer-events:none}.error-panel{position:absolute;z-index:30;background:white;border-radius:18px;padding:30px;max-width:420px;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 10px 80px #18362a30}.error-panel h2{font-size:24px}.error-panel p{font-size:16px;line-height:1.6}.error-panel button{background:var(--ink);color:#fff;border-radius:8px;padding:12px 20px}dialog{border:0;border-radius:20px;max-width:650px;width:calc(100% - 32px);padding:30px;color:var(--ink);box-shadow:0 30px 100px #0003;max-height:88svh;overflow:auto}dialog::backdrop{background:rgba(23,45,37,.45);backdrop-filter:blur(9px)}.dialog-header{display:flex;justify-content:space-between;align-items:center}dialog h2{font-size:31px;letter-spacing:-1px;font-weight:500;line-height:1.3;margin:14px 0}dialog p{font-size:15px;line-height:1.7;color:#687c71}dialog img{width:100%;height:auto;border-radius:10px;border:1px solid var(--line)}dialog .note{font-size:13px}.source-links{display:flex;gap:20px;flex-wrap:wrap;font-size:13px}.source-links a{text-decoration:underline;text-underline-offset:4px}dialog .attribution{font-size:11px;color:#8b9d90;line-height:1.6;margin-top:20px}.night{--ink:#e3eee6;--sub:#a5b7ae;--paper:rgba(25,43,38,.92);--line:#475d51}.night .topbar,.night .intro,.night .house-stats,.night .credit,.night .compass{color:#e3eee6}.night .round-button{background:#283d36b0;border-color:#667c6855}.night .view-switch{background:#253b32d9;border-color:#435b4e}.night .view-switch button.active,.night .roof-button,.night .room-label.selected{background:#c4dace;color:#173b35}.night .light-row .segmented{background:#1c3028}.night .segmented button.active{background:#c4dace;color:#173b35}.night .room-label{background:#233d32;color:white;border-color:#466954}.night .room-label small{color:#a8c0b1}.night .swatch.active{color:white}.night .swatch.active .swatch-color:after{border-color:white}.night dialog{background:#1d332a}.night dialog p{color:#aabcaf}
@media(min-width:1700px){.inspector{right:64px;width:304px;padding:29px}.side-tools{right:391px}.intro{left:64px;top:180px}.topbar{padding:34px 64px}.bottom-area{left:64px;right:64px}.credit{left:64px}}
@media(max-width:1100px){.topbar{padding:24px}.intro{left:26px;top:116px}.intro h1{font-size:46px}.intro p{font-size:12px}.inspector{right:24px;width:244px;padding:20px}.side-tools{right:286px}.house-stats{gap:20px}.bottom-area{left:26px;right:24px;bottom:68px}.view-switch button{padding:12px 13px;font-size:12px}.gesture-hint{display:none}.project-tag>span:last-child,.tag-line{display:none}.credit{left:26px;font-size:8px}.compass{right:26px}.control-label{font-size:9px}.light-row{font-size:11px}.segmented button{padding:7px 5px}}
@media(max-width:760px){#experience{min-height:660px}.topbar{padding:20px}.brand-mark{font-size:29px}.brand-label{font-size:8px;letter-spacing:1.7px}.project-tag{font-size:10px;letter-spacing:1.1px;margin-left:auto;margin-right:17px}.topbar .round-button{width:35px;height:35px}.intro{left:22px;top:99px}.eyebrow{font-size:9px;letter-spacing:1.6px}.intro h1{font-size:43px;letter-spacing:-2.5px;margin:13px 0}.intro h1 br{display:none}.intro h1 em{font-size:.88em;margin-left:7px;letter-spacing:-1.5px}.intro p,.small-rule,.scale-label{display:none}.inspector{top:auto;transform:none;bottom:107px;right:16px;left:16px;width:auto;padding:16px 18px 17px;border-radius:16px}.panel-title{font-size:9px;letter-spacing:1.5px}.panel-heading h2{font-size:22px;margin-top:6px}.panel-toggle{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#eef2ed}.panel-toggle svg{width:17px;height:17px;transition:transform .3s}.inspector.collapsed .panel-toggle svg{transform:rotate(180deg)}.inspector.collapsed .panel-content{display:none}.inspector .panel-content{display:grid;grid-template-columns:1fr 1fr;gap:9px 18px;padding-top:14px}.panel-content p{display:none}.control-label{grid-column:1;font-size:9px;margin:0}.swatches{grid-column:1;grid-row:2;gap:19px;margin:0}.swatch{font-size:10px;gap:7px}.swatch-color{width:30px;height:30px}.light-row{grid-column:2;grid-row:1/3;border:0;flex-direction:column;align-items:flex-end;justify-content:flex-start;padding:0;gap:11px;font-size:11px}.segmented button{padding:8px 10px;font-size:11px}.roof-button{grid-column:1/3;margin-top:8px;padding:12px;font-size:13px}.selected-room{grid-column:1/3;padding:8px 0 0;display:grid;grid-template-columns:1fr 1fr}.selected-room b{font-size:24px;grid-column:2;grid-row:1/3;text-align:right}.selected-room>span{font-size:9px}.selected-room button{font-size:11px;justify-self:start}.side-tools{right:18px;top:172px;transform:none;gap:6px}.side-tools .round-button{width:33px;height:33px}.side-tools svg{width:16px;height:16px}.side-tools .tools-divider{height:1px}.bottom-area{bottom:38px;left:16px;right:16px;height:55px;justify-content:center}.house-stats{position:fixed;left:23px;top:159px;gap:24px;pointer-events:none}.house-stats b{font-size:23px;letter-spacing:-1px}.house-stats b span{font-size:16px}.house-stats>div>span{font-size:9px}.view-switch{position:static;transform:none;width:100%;justify-content:space-between;padding:5px;box-shadow:0 8px 28px #34493b15}.view-switch button{justify-content:center;flex:1;padding:12px 10px;font-size:12px;gap:8px}.credit{bottom:14px;left:20px;font-size:7px;letter-spacing:1px}.compass{right:16px;bottom:6px}.compass svg{width:25px;height:25px}.toast{bottom:187px;font-size:12px;padding:11px 15px}.room-label{font-size:9px;padding:6px 8px;max-width:115px;white-space:normal;text-align:center}.room-label small{font-size:9px}.night .panel-toggle{background:#415849}.night .view-switch button:not(.active):hover{background:#385244}dialog{padding:22px}dialog h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

body[data-view=interior] .intro p,body[data-view=interior] .intro .small-rule,body[data-view=interior] .intro .scale-label{visibility:hidden}body[data-view=interior] .intro h1{font-size:42px} .night .panel-content p,.night .control-label,.night .light-row,.night .panel-title{color:#afc1b6} @media(max-width:760px){body[data-view=interior] .intro h1{font-size:36px}.house-stats{top:174px}}

.night{color:var(--ink)}.night .brand-label,.night .project-tag,.night .selected-room>span,.night .scale-label span{color:#b9ccc0}.night .room-label.selected small{color:#466554}.night .inspector{border-color:#6a817366}.night .round-button:hover{background:#496155}.night .view-switch button:not(.active):hover{background:#375146}

.viewer-case-link{position:absolute;bottom:14px;right:96px;z-index:10;font-size:11px;padding:12px;text-decoration:underline;text-underline-offset:4px;background:#ffffffb8;border-radius:8px;color:#173b35}@media(max-width:760px){.viewer-case-link{top:67px;bottom:auto;left:20px;right:auto;padding:6px 0;background:none;font-size:10px}}
@media(max-width:420px){.inspector .panel-content{grid-template-columns:minmax(0,1fr);gap:12px}.control-label,.swatches{grid-column:1;grid-row:auto}.swatches{justify-content:flex-start;gap:24px}.light-row{grid-column:1;grid-row:auto;flex-direction:row;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px}.roof-button,.selected-room{grid-column:1;grid-row:auto}.roof-button{margin-top:0}.view-switch button{padding:12px 6px;font-size:11px;gap:5px}.view-switch button svg{width:15px;height:15px}}