:root{--green:#18362b;--cream:#f4efe5;--ink:#17221b;--muted:#647069;--line:#d8d1c5}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.5 Arial,sans-serif}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}header{height:90px;padding:12px 4%;display:flex;align-items:center;justify-content:space-between;background:var(--green);color:var(--cream)}.brand img{width:156px;height:65px;object-fit:contain}.header-note{font-size:12px;letter-spacing:2px;opacity:.7}.contact{padding:10px 18px;border:1px solid #ffffff50;border-radius:4px;font-size:14px}.contact span{margin-left:20px}.experience{position:relative;height:calc(100svh - 170px);min-height:660px;background:radial-gradient(ellipse at 65% 40%,#e8e7de,#d6ddd3);overflow:hidden}.intro{position:absolute;left:4%;top:52px;z-index:2;pointer-events:none}.eyebrow{font-size:12px;letter-spacing:2.5px;color:var(--green);margin:0 0 22px}h1{font:clamp(36px,4vw,62px)/1.04 Georgia,serif;letter-spacing:-1.7px;margin:0 0 20px;font-weight:400}.intro>p:last-child{color:#536055;line-height:1.7}.view-tabs{position:absolute;right:4%;top:32px;z-index:4;display:flex;gap:4px;background:#fffdf7cc;padding:5px;border:1px solid #18362b25;border-radius:5px}.view-tabs button{border:0;background:transparent;color:var(--green);padding:9px 16px;border-radius:3px;font-size:14px}.view-tabs button[aria-pressed=true]{background:var(--green);color:var(--cream)}#scene{position:absolute;inset:0;touch-action:none}#scene canvas{width:100%;height:100%;display:block;outline:none}#loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--green);background:#f4efe5;padding:12px 18px;border-radius:4px}.scene-tools{position:absolute;right:4%;bottom:166px;display:flex;gap:8px;z-index:3}.scene-tools button{background:#fffdf7d9;border:1px solid #18362b25;border-radius:4px;padding:8px 14px;font-size:14px;color:var(--green)}.scene-tools button[aria-pressed=true]{background:var(--green);color:white}.scene-hint{position:absolute;left:4%;bottom:151px;color:#43564b;font-size:14px}.concept-label{position:absolute;left:4%;bottom:186px;font-size:11px;letter-spacing:2px;color:#43564b}.control-bar{position:absolute;left:4%;right:4%;bottom:28px;display:flex;gap:36px;align-items:center;background:#fffdf7ed;border:1px solid #18362b20;box-shadow:0 16px 50px #18362b10;border-radius:6px;padding:22px 30px;z-index:3}.lighting{flex:1;max-width:430px}.lighting label{display:flex;justify-content:space-between;gap:20px;font-size:15px}.lighting label span{color:#67776b;font-size:14px}.range-row{display:flex;align-items:center;gap:15px;margin-top:12px}.range-row span{font-size:13px;color:var(--muted)}input[type=range]{accent-color:var(--green);width:100%;min-height:24px;cursor:pointer}.feature-controls{display:flex;gap:30px;margin-left:auto}.feature{display:flex;align-items:center;gap:14px;text-align:left;border:0;background:transparent;color:var(--green);font-size:14px}.feature-symbol{font-size:30px;line-height:1;color:#9b7049}.feature small{display:block;color:var(--muted);font-size:12px}.toggle{display:block;width:36px;height:21px;border-radius:20px;background:#aab1a9;padding:3px;flex-shrink:0}.toggle:before{content:'';display:block;width:15px;height:15px;background:white;border-radius:50%;transition:transform .2s}.feature[aria-pressed=true] .toggle{background:var(--green)}.feature[aria-pressed=true] .toggle:before{transform:translateX(15px)}footer{padding:20px 4%;display:flex;justify-content:space-between;align-items:center;gap:20px;background:var(--cream);font-size:13px;color:var(--muted)}footer p{margin:0}.footer-title{color:var(--green);font-family:Georgia,serif;font-size:19px;margin-right:20px}footer a{color:var(--green);white-space:nowrap}#comparison{position:absolute;inset:0;background:var(--cream);z-index:3;padding:115px 4% 40px}.photo-stage{position:relative;max-width:980px;height:calc(100% - 60px);margin:auto;overflow:hidden;border-radius:6px}.photo-stage img{width:100%;height:100%;object-fit:cover}.before-photo{position:absolute;inset:0;clip-path:inset(0 50% 0 0)}.photo-label{position:absolute;top:20px;color:white;background:#18362bd9;padding:6px 12px;letter-spacing:2px;font-size:12px;border-radius:2px}.before-label{left:20px}.after-label{right:20px}#divider{position:absolute;left:50%;top:0;bottom:0;width:3px;background:#fff;pointer-events:none}#divider:after{content:'↔';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;padding:10px 14px;background:white;color:var(--green);font-size:24px}.compare-control{display:flex;max-width:980px;margin:16px auto 0;align-items:center;gap:24px;font-size:14px;white-space:nowrap}.compare-control input{flex:1}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px solid #b57936;outline-offset:4px}[hidden]{display:none!important}@media(min-width:1300px){.intro{top:75px}}@media(max-width:850px){header{height:76px}.header-note{display:none}.brand img{width:130px;height:55px}.experience{height:calc(100svh - 150px);min-height:760px}.intro{top:80px}.intro h1{font-size:39px}.intro>p:last-child{font-size:14px}.eyebrow{font-size:10px;margin-bottom:14px}.view-tabs{top:20px;left:4%;right:auto}.control-bar{padding:18px;display:block;bottom:18px}.lighting{max-width:none}.feature-controls{margin-top:16px;padding-top:15px;border-top:1px solid var(--line);gap:20px;justify-content:space-between}.feature{gap:10px;flex:1}.feature .toggle{margin-left:auto}.scene-tools{bottom:228px}.scene-hint{bottom:214px;font-size:12px}.concept-label{bottom:242px;font-size:10px}footer{align-items:flex-start}footer p span{display:block}.footer-title{font-size:17px;margin-bottom:6px}#comparison{padding-top:84px}.compare-control{display:block;white-space:normal}.photo-stage{height:calc(100% - 100px)}}@media(max-width:420px){.scene-tools{bottom:235px}.scene-hint{bottom:207px}.feature-controls{gap:12px}.feature-symbol{display:none}.contact{font-size:13px;padding:8px 12px}.intro h1{font-size:36px}.experience{min-height:740px}footer{font-size:12px}footer a{max-width:100px;white-space:normal}}

body.embedded header,body.embedded footer{display:none}body.embedded .experience{height:100svh;min-height:660px}body.embedded .intro{top:82px}body.embedded .intro h1{font-size:clamp(32px,3.5vw,48px)}