:root{--paper:#f4f1ea;--ink:#303b34;--muted:#7a7e72;--line:#d9dcd2;--green:#465b41;--soft:#e6eadd;--serif:Georgia,'Times New Roman',serif;--sans:'Segoe UI',Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;font-family:var(--sans);color:var(--ink);background:var(--paper);overflow:hidden}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button{border:0}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,#viewport:focus-visible{outline:2px solid #57714d;outline-offset:4px}button:hover{filter:brightness(.97)}button:active{transform:translateY(1px)}[hidden]{display:none!important}svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.topbar{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 36px;background:rgba(248,246,240,.96);border-bottom:1px solid var(--line);position:relative;z-index:20}.identity{display:flex;align-items:center;gap:15px;text-decoration:none;color:inherit}.monogram{font:31px/1 var(--serif);letter-spacing:-3px;padding-right:17px;border-right:1px solid #c9cdc0;position:relative}.monogram span{display:block;font:8px var(--sans);letter-spacing:2px;margin-top:5px;margin-left:3px}.wordmark{font-size:14px;letter-spacing:3px;font-weight:600}.wordmark>span{display:block;font-size:8px;letter-spacing:1.7px;font-weight:400;margin-top:8px;color:var(--muted)}.mode-switch{display:flex;padding:4px;background:#eaece4;border:1px solid #dde0d5;border-radius:8px;position:absolute;left:50%;transform:translateX(-50%);gap:3px}.mode-switch button{padding:10px 19px;border-radius:5px;background:transparent;font-size:12px;white-space:nowrap;color:#74796b}.mode-switch button.selected{background:#fffef9;color:#344431;box-shadow:0 1px 5px #0000000a}.mode-switch button span{font-size:9px;margin-left:5px;opacity:.6}.icon-button{background:transparent;width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0;font-size:25px}.icon-button:hover{background:#dfe4d9}.icon-button[aria-pressed=true]{background:var(--green);color:white}#experience{height:calc(100dvh - 86px);position:relative;isolation:isolate}#viewport{width:100%;height:100%;outline:none;touch-action:none}#viewport canvas{display:block;width:100%;height:100%;outline:none}.scene-heading{position:absolute;top:40px;left:38px;pointer-events:none}.eyebrow{font-size:9px;letter-spacing:2.1px;font-weight:600;display:flex;align-items:center;gap:8px}.eyebrow i{width:6px;height:6px;border-radius:50%;background:#6d8058}.scene-heading h1{font:clamp(36px,3.45vw,58px)/1.04 var(--serif);letter-spacing:-2px;margin:17px 0 16px;font-weight:400}.scene-heading h1 em{font-weight:400;color:#687756}.scene-heading p{font-size:11px;color:#7c8273;letter-spacing:.15px}.view-panel{position:absolute;right:26px;top:28px;bottom:116px;width:266px;max-height:590px;padding:20px;background:rgba(248,247,241,.92);border:1px solid #ffffffa1;box-shadow:0 12px 50px #2933250a;border-radius:12px;overflow:auto;scrollbar-width:thin;backdrop-filter:blur(20px)}.panel-label{font-size:8px;letter-spacing:1.3px;display:flex;justify-content:space-between;align-items:center;font-weight:600;margin-bottom:15px}.panel-label span{letter-spacing:0;color:#8f9486;font-size:8px}.view-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.view-card{padding:4px;border:1px solid #dce0d4;border-radius:7px;background:transparent;overflow:hidden;text-align:left;transition:background .15s,border-color .15s}.view-card.selected{background:#e6ebdf;border-color:#69815e;box-shadow:0 0 0 1px #69815e22}.view-card img{width:100%;height:53px;object-fit:cover;display:block;border-radius:3px;filter:saturate(.62)}.view-card span{font-size:9px;display:flex;align-items:center;justify-content:space-between;padding:8px 2px 3px}.view-card b{font-size:8px;color:#8b9582;font-weight:400}.panel-divider{height:1px;background:var(--line);margin:20px 0 16px}.setting-label{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1.4px;margin-bottom:10px;font-weight:600}.setting-label span{font-size:9px;color:#8a8f82;letter-spacing:0;font-weight:400}.segmented{display:flex;background:#e9ece3;border-radius:6px;padding:3px;gap:1px;margin-bottom:15px}.segmented button{flex:1;font-size:9px;padding:9px 3px;border-radius:4px;background:transparent;white-space:nowrap}.segmented button.selected{color:white;background:var(--green)}.setting-row{display:flex;align-items:center;justify-content:space-between;font-size:10px;padding:7px 0}.setting-row label{cursor:pointer}.setting-row input{appearance:none;width:27px;height:15px;border-radius:10px;position:relative;background:#cdd3c5;cursor:pointer;margin:0;transition:background .2s}.setting-row input:after{content:'';display:block;position:absolute;left:3px;top:3px;width:9px;height:9px;background:white;border-radius:50%;transition:transform .2s}.setting-row input:checked{background:#657959}.setting-row input:checked:after{transform:translateX(12px)}.compare-button{margin-top:17px;padding:12px 0 0;width:100%;display:flex;align-items:center;gap:7px;background:none;border-top:1px solid var(--line);font-size:10px;text-align:left}.compare-button svg{width:16px;height:16px}.compare-button span{margin-left:auto;font-size:17px}.fidelity-note{font-size:8px;line-height:1.7;color:#8b9082;margin:13px 0 0}.bottom-bar{position:absolute;bottom:22px;left:36px;right:26px;display:flex;align-items:center;justify-content:space-between;gap:20px;pointer-events:none}.current-view{display:flex;align-items:center;gap:10px;min-width:220px}.live-dot{width:7px;height:7px;border-radius:50%;background:#738460;box-shadow:0 0 0 5px #73846012}.current-view strong{display:block;font-size:12px;font-weight:500}.current-view div>span{display:block;font-size:9px;color:#7e8673;margin-top:6px}.orbit-tools{display:flex;align-items:center;gap:3px;padding:7px 10px;border-radius:35px;box-shadow:0 4px 30px #2333180b;background:#f8f8f2e8;border:1px solid #fff;pointer-events:auto;backdrop-filter:blur(10px)}.orbit-tools .icon-button{width:33px;height:33px}.orbit-tools svg{width:17px;height:17px}.tool-separator{height:17px;width:1px;background:#dce0d5;margin:0 3px}.interaction-hint{display:flex;gap:13px;font-size:7px;letter-spacing:.6px;justify-content:flex-end;color:#708061}.interaction-hint b{display:block;font-size:9px;letter-spacing:0;font-weight:400;color:#929a88;margin-top:4px}.loading{position:absolute;inset:0;z-index:15;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--paper);transition:opacity .6s}.loading.complete{opacity:0;pointer-events:none}.loader-mark{font:80px var(--serif);color:#667956;border-bottom:1px solid #bdc6b3;padding:10px 30px;animation:breathe 1.8s infinite alternate}.loading p{font-size:14px;text-align:center;margin-top:26px}.loading p span{display:block;margin-top:12px;font-size:10px;color:var(--muted)}@keyframes breathe{to{opacity:.4}}.reference-view{position:absolute;inset:0;background:var(--paper);z-index:12;padding:25px 36px 18px;display:flex;flex-direction:column;gap:20px}.reference-heading{display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.reference-heading h2{font:28px var(--serif);margin:8px 0 0;letter-spacing:-.5px}.reference-heading>span{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.reference-stage{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;background:#e8e9e0;border:1px solid #dedfd3;border-radius:9px;overflow:hidden}.reference-stage>img{width:100%;height:100%;object-fit:contain}.gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;background:#fcfcf2df;backdrop-filter:blur(10px);border-radius:50%;font-size:20px;z-index:2}.gallery-arrow.prev{left:18px}.gallery-arrow.next{right:18px}.reference-caption{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:14px 22px;background:linear-gradient(transparent,#152617bb);color:white;font-size:11px;padding-top:35px}.reference-caption button{background:#f3f4eae8;color:#33402e;border-radius:4px;padding:10px 14px;font-size:10px}.filmstrip{display:flex;gap:8px;overflow-x:auto;padding:3px 0 6px;flex-shrink:0;scrollbar-width:thin;scrollbar-color:#bbc4ae transparent}.filmstrip button{padding:3px;border-radius:5px;background:none;border:1px solid transparent;flex-shrink:0;position:relative}.filmstrip button.selected{border-color:#5f754f;background:#dce4d3}.filmstrip img{display:block;width:98px;height:57px;object-fit:cover;border-radius:2px}.filmstrip span{position:absolute;bottom:7px;right:7px;background:#172e25b8;color:#fff;padding:2px 4px;font-size:8px;border-radius:2px}.compare-panel{position:absolute;left:32px;top:245px;width:min(440px,calc(100% - 340px));background:#f7f7eeeb;backdrop-filter:blur(15px);padding:15px;border:1px solid white;border-radius:9px;box-shadow:0 10px 40px #1731261a;z-index:9}.compare-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.compare-top .eyebrow{font-size:7px}.compare-top strong{display:block;font-size:11px;font-weight:500;margin-top:5px}.compare-panel>img{width:100%;display:block;border-radius:3px}.compare-panel>p{font-size:9px;color:#7c8370;margin:10px 0 0}.mobile-panel-toggle{display:none}dialog{border:1px solid white;border-radius:12px;background:#f8f6ef;padding:38px;width:min(510px,calc(100vw - 30px));color:var(--ink);max-height:85dvh;overflow:auto;box-shadow:0 30px 100px #0003}dialog::backdrop{background:#26362466;backdrop-filter:blur(5px)}dialog h2{font:40px/1.08 var(--serif);margin:18px 0 24px;letter-spacing:-1px}dialog p{font-size:12px;line-height:1.8;color:#6d7464}dialog strong{color:#45503d;font-weight:600}.dialog-close{position:absolute;top:16px;right:18px;background:none;font-size:26px}.help-grid{display:grid;grid-template-columns:80px 1fr;gap:12px;font-size:10px;border-top:1px solid var(--line);padding-top:20px;margin-top:25px}.help-grid span{color:#7b8571}.help-grid b{font-weight:500}.local-note{font-size:10px!important;margin-top:25px}.error-state{position:absolute;z-index:16;left:50%;top:50%;transform:translate(-50%,-50%);padding:28px;background:#fbfaf3;border-radius:12px;max-width:430px;box-shadow:0 20px 70px #3332}.error-state h2{font:30px var(--serif)}.error-state p{font-size:13px;line-height:1.6}.error-state button{padding:12px;background:var(--green);color:white;border-radius:5px}.hotspot{position:absolute;border-radius:50%;width:25px;height:25px;border:1px solid #ffffffb8;background:#eff2e6e8;box-shadow:0 0 0 5px #f1f6e430;color:#455638;transform:translate(-50%,-50%);font-size:13px;z-index:5}.hotspot:hover{background:white}.detail-card{position:absolute;left:32px;bottom:105px;width:270px;padding:23px;background:#f7f7eee8;border:1px solid white;border-radius:9px;backdrop-filter:blur(15px);z-index:8}.detail-card h2{font:25px var(--serif);margin:14px 0}.detail-card p{font-size:11px;line-height:1.7;color:#707b64}.close-detail{position:absolute;top:10px;right:12px;background:none;font-size:21px}#toast{position:absolute;bottom:91px;left:50%;transform:translate(-50%,15px);padding:12px 20px;border-radius:7px;background:#35492de8;color:#fff;font-size:11px;opacity:0;transition:.25s;pointer-events:none;z-index:30}#toast.visible{opacity:1;transform:translate(-50%,0)}.no-script{position:fixed;inset:0;background:#f4f1ea;z-index:100;padding:50px}.evening .scene-heading,.evening .current-view{color:#edeedc}.evening .scene-heading p,.evening .current-view div>span,.evening .interaction-hint,.evening .interaction-hint b{color:#b7c0b2}.evening .scene-heading h1 em{color:#b5c2a4}
@media(min-width:1700px){.view-panel{width:295px;padding:23px;max-height:660px}.view-card img{height:68px}.view-card span{font-size:11px}.panel-label{font-size:9px}.setting-row{font-size:12px;padding:9px 0}.segmented button{font-size:11px}.compare-button{font-size:12px}.fidelity-note{font-size:9px}}
@media(max-width:1150px){.interaction-hint{display:none}.bottom-bar{right:310px;gap:10px}.current-view{min-width:0}.current-view div>span{max-width:150px;line-height:1.5}.scene-heading h1{font-size:40px}.wordmark{font-size:11px;letter-spacing:2px}.wordmark>span{font-size:7px}.topbar{padding:0 24px}.mode-switch{left:auto;right:76px;transform:none}.mode-switch button{padding:9px 13px}.view-panel{right:18px;width:246px;padding:17px}.scene-heading{left:25px}.bottom-bar{left:25px;right:282px}.orbit-tools{gap:0;padding:5px}.orbit-tools .icon-button{width:30px;height:30px}.compare-panel{left:25px;width:min(360px,calc(100% - 310px));top:235px}}
@media(max-width:800px){.topbar{height:72px;padding:0 18px}.wordmark{font-size:10px}.wordmark>span{display:none}.monogram{font-size:26px;padding-right:12px}.identity{gap:10px}.mode-switch{right:60px}.mode-switch button{font-size:10px;padding:9px 10px}.mode-switch button span{display:none}#experience{height:calc(100dvh - 72px)}.scene-heading{top:25px;left:22px}.scene-heading h1{font-size:36px;margin:13px 0 12px}.scene-heading p{font-size:10px}.scene-heading .eyebrow{font-size:7px}.view-panel{display:none;top:auto;bottom:142px;right:15px;max-height:calc(100% - 165px);z-index:10;width:260px}.view-panel.mobile-open{display:block}.mobile-panel-toggle{display:flex;position:absolute;right:19px;bottom:90px;padding:12px 16px;gap:20px;background:#f8f8eff0;border:1px solid #fff;border-radius:25px;font-size:10px;align-items:center;box-shadow:0 5px 30px #0001}.mobile-panel-toggle span{font-size:17px}.bottom-bar{left:20px;right:20px;bottom:23px}.current-view strong{font-size:11px}.current-view div>span{font-size:8px;max-width:150px}.orbit-tools .icon-button{width:32px;height:32px}.compare-panel{top:200px;left:20px;width:min(370px,calc(100% - 40px))}.reference-view{padding:20px 16px 14px;gap:15px}.reference-heading h2{font-size:25px}.reference-stage{border-radius:6px}.reference-caption{padding:35px 12px 12px;font-size:10px;gap:15px}.reference-caption button{font-size:9px;padding:9px;max-width:145px}.filmstrip img{width:80px;height:48px}.detail-card{left:20px;width:245px;bottom:155px}}
@media(max-width:480px){.wordmark{font-size:8px;letter-spacing:1.5px}.identity{gap:8px}.monogram{font-size:24px;padding-right:10px}.monogram span{font-size:6px}.mode-switch{right:48px;padding:3px;gap:0}.mode-switch button{font-size:9px;padding:9px 8px}.topbar{padding:0 12px}.topbar>.icon-button{width:28px}.scene-heading h1{font-size:34px}.bottom-bar{flex-wrap:wrap;gap:16px;justify-content:center;bottom:17px}.current-view{width:100%;position:absolute;bottom:65px;left:0;pointer-events:none}.current-view div>span{max-width:200px}.orbit-tools{padding:6px 11px;gap:4px}.orbit-tools .icon-button{width:33px;height:33px}.mobile-panel-toggle{bottom:87px;right:15px;padding:10px 13px}.view-panel{bottom:135px}.gallery-arrow{width:32px;height:32px}.gallery-arrow.prev{left:8px}.gallery-arrow.next{right:8px}.reference-caption{flex-direction:column;gap:7px;align-items:flex-start;padding-top:45px}.reference-caption button{max-width:none}.reference-view{gap:12px}.reference-heading .eyebrow{font-size:7px}.reference-heading h2{font-size:23px}.scene-heading p{display:none}.compare-panel{top:175px}.detail-card{bottom:150px}.error-state{width:calc(100% - 40px)}dialog{padding:28px}}
@media(max-height:730px) and (min-width:801px){.view-panel{top:18px;bottom:87px;padding:14px;max-height:none}.view-card img{height:39px}.view-grid{gap:7px}.panel-divider{margin:13px 0}.fidelity-note{margin-top:8px}.panel-label{margin-bottom:10px}.segmented{margin-bottom:8px}.compare-button{margin-top:10px}.scene-heading{top:25px}.scene-heading h1{font-size:36px}.compare-panel{top:215px}}
#experience:fullscreen{width:100vw;height:100dvh}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}