:root{--sc-canvas:#f8f5ed;--sc-surface:#edeade;--sc-ink:#193f30;--sc-ink-soft:#4e6557;--sc-accent:#193f30;--sc-accent-ink:#fffaf1;--sc-font-display:'Newsreader',Georgia,serif;--sc-font-text:'DM Sans',sans-serif;--peach:#ecc4a9;--line:#cbd1c1}*{box-sizing:border-box}body{margin:0;background:var(--sc-canvas);color:var(--sc-ink);font:16px/1.65 var(--sc-font-text)}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--sc-font-display);font-weight:400;letter-spacing:-.035em;text-wrap:balance}h1{font-size:clamp(58px,6.5vw,104px);line-height:.98;margin:22px 0}h2{font-size:clamp(40px,4.5vw,68px);line-height:1.03;margin-bottom:22px}h3{font-size:34px;line-height:1.12;margin-bottom:20px}p{max-width:62ch;text-wrap:pretty}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button{border:0;background:none}button:active,.button:active{transform:translateY(1px)}:focus-visible{outline:3px solid #a65029;outline-offset:4px}[hidden]{display:none!important}html{scroll-behavior:smooth;scroll-padding-top:110px}.nav{height:96px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 5vw;background:#f8f5edf5;position:sticky;top:0;z-index:30;border-bottom:1px solid #193f3012}.brand{display:flex;align-items:baseline;gap:8px;font:36px/1 var(--sc-font-display);letter-spacing:-.06em}.brand span{font:10px var(--sc-font-text);letter-spacing:.18em}.nav nav{display:flex;gap:36px;font-size:14px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:16px 25px;border-radius:6px;background:var(--sc-ink);color:#fffaf1;font-weight:500;font-size:15px;min-height:50px}.button.small{font-size:13px;padding:12px 19px;min-height:44px}.button:hover{background:#2e563e}.button:disabled{opacity:.55;cursor:wait}.underlink{border-bottom:1px solid currentColor;padding:7px 0;display:inline-block;font-size:14px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:700}.micro{font-size:12px;line-height:1.6;color:#4e6557}.hero{min-height:760px;display:grid;grid-template-columns:1fr 1.1fr;padding:40px 5vw 65px;align-items:center;position:relative;overflow:hidden}.hero-copy{position:relative;z-index:3;max-width:590px}.hero-copy>p:not(.eyebrow):not(.micro){font-size:18px;max-width:440px;margin:26px 0 30px}.hero-copy .micro{margin-top:17px}.hero h1 em{font-weight:400;color:#536f51}.hero-world{position:relative;min-width:0;height:650px}.sun-disc{position:absolute;inset:10% 0 10% 8%;background:#eed1b9;border-radius:50% 50% 46% 48%}.scene{width:100%;height:420px;position:relative}.scene canvas{display:block;width:100%;height:100%}.hero-scene{position:absolute;inset:0;height:100%}.material-tag{position:absolute;bottom:65px;left:10px;background:#fffaf1;padding:16px 24px;display:flex;gap:14px;align-items:center;box-shadow:0 12px 30px #3049341a;z-index:4;font-size:13px;line-height:1.45;transform:rotate(-4deg)}.material-dot{display:block;width:31px;height:31px;border-radius:50%;background:#829582;border:4px solid #f0f0e1}.scene-caption{position:absolute;bottom:5px;right:20px;font-size:11px}.story{display:grid;grid-template-columns:1.15fr 1fr;gap:8vw;padding:70px 5vw 90px;align-items:center;max-width:1550px;margin:auto}.story figure{position:relative}.story img{width:100%;height:auto;border-radius:4px}.story figcaption{font-size:10px;margin-top:7px;color:#546657}.story p{margin:20px 0;max-width:420px}.collection{padding:70px 0 90px;background:#e8eddf}.section-head{padding:0 5vw;display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:38px}.section-head>p{max-width:390px;font-size:16px}.object-rail{display:flex;gap:26px;overflow:auto;scroll-snap-type:x mandatory;padding:12px 5vw 30px;scrollbar-color:#829582 #d5ddcc}.object-rail figure{flex:0 0 320px;scroll-snap-align:center}.object-rail img{width:100%;height:330px;object-fit:contain;background:#f6f3e9}.object-rail figcaption{font-size:14px;line-height:1.5;padding:18px 0}.object-rail small{display:block;font-size:10px;color:#536b57;margin-top:5px}.studio{padding:95px 0;background:#f8f5ed}.studio .eyebrow{margin-bottom:16px}.worktable{display:grid;grid-template-columns:1fr 1.05fr;gap:5vw;padding:0 5vw;max-width:1550px;margin:auto}.visual-side{position:sticky;top:120px;align-self:start;min-width:0}.model-wrap{background:#e5e6d8;border-radius:10px;overflow:hidden;position:relative;border:1px solid #d9ddce}.model-label{display:flex;justify-content:space-between;gap:10px;padding:20px 22px;font-size:11px}.model-label span:last-child{color:#5d6b58}.seat-control{display:block;margin:5px auto 22px;border-radius:25px;background:#fffaf1;padding:10px 24px;font-size:13px;min-height:44px}.visual-side>.micro{margin:16px 0}.mini-summary{margin-top:25px;border-top:1px solid var(--line);padding-top:18px;font-size:14px;line-height:1.9}.step-nav{display:flex;gap:5px;border-bottom:1px solid var(--line);margin-bottom:30px;padding-bottom:14px}.step-nav button{padding:9px 12px;border-radius:5px;font-size:13px;min-height:44px}.step-nav button[aria-pressed=true]{background:var(--sc-ink);color:white}.step{scroll-margin-top:120px}.step fieldset{border:0;padding:0;margin:23px 0}.step legend{font-size:14px;font-weight:600;margin-bottom:12px}.choices{display:flex;gap:8px;flex-wrap:wrap}.choices button,.units button{padding:9px 16px;border:1px solid #b6c4b0;border-radius:5px;min-height:44px;font-size:13px}.choices button[aria-pressed=true],.units button[aria-pressed=true]{background:#193f30;color:white;border-color:#193f30}.palette{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.palette button{display:flex;align-items:center;flex-direction:column;gap:6px;padding:8px 5px;border:1px solid transparent;border-radius:6px;min-height:65px;font-size:11px}.palette button[aria-pressed=true]{background:#e4eadb;border-color:#526b4e}.swatch{display:block;border-radius:50%;width:29px;height:29px;box-shadow:inset 0 0 0 1px #0002,inset 0 2px 3px #fff6}.step>.button{margin-top:25px}.step label{display:block;font-size:13px;font-weight:500;margin:17px 0 7px}input:not([type=checkbox]):not([type=file]),select,textarea{border:1px solid #aebfa8;background:#fffdf8;padding:12px 14px;border-radius:5px;width:100%;min-height:48px;font-size:15px}textarea{resize:vertical}input[aria-invalid=true]{border:2px solid #a23b27}.field-error,#file-error,#color-message{color:#983722;font-size:12px;min-height:1em}.pair{display:grid;grid-template-columns:1fr 1fr;gap:15px}.guide{margin:22px 0;background:#eeeee2;padding:16px;border-radius:8px}.guide svg{width:100%;height:auto}.measurement-svg text{font-family:'DM Sans',sans-serif;font-size:16px;fill:#284535}.measurement-svg .dim{stroke:#426951;stroke-width:2;fill:none;marker-start:url(#arrow);marker-end:url(#arrow);filter:drop-shadow(0 0 1px white) drop-shadow(0 0 1px white)}.measurement-svg .badge{fill:#284535}.measurement-svg .badge-text{fill:white;font-size:16px;text-anchor:middle;font-weight:600}#legend,#big-legend{list-style:none;padding:0;display:grid;gap:8px;font-size:12px}#legend li,#big-legend li{display:flex;gap:10px;align-items:center}.letter{border-radius:50%;background:#284535;color:white;display:grid;place-items:center;flex-shrink:0;width:25px;height:25px;font-size:11px}.units{display:flex;gap:8px;align-items:center;font-size:13px}.units span{margin-right:auto}#measure-steps{font-size:13px;padding-left:20px;margin:20px 0}.upload{border:1px dashed #8b9d82;padding:20px;background:#efeee3;border-radius:8px}.upload input{max-width:100%;font-size:13px}.upload p{margin-top:12px}#file-list{list-style:none;padding:0;font-size:13px}#file-list li{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}#file-list button{font-size:12px;text-decoration:underline;flex-shrink:0;min-height:44px}.consent{display:flex!important;gap:12px;align-items:flex-start;line-height:1.6}.consent input{margin-top:5px;width:20px;height:20px;flex-shrink:0}.consent a{text-decoration:underline}.submit{width:100%;margin-top:17px}.submit+.micro{margin-top:15px}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}progress{width:100%;height:10px;margin-top:20px;accent-color:#284535}#submit-message{font-size:14px;margin-top:12px;white-space:pre-wrap}#review{padding:15px 0;border-block:1px solid var(--line);font-size:13px;line-height:1.8;overflow-wrap:anywhere}#review p{white-space:pre-wrap}#receipt{background:#e3eada;padding:25px;margin-top:20px;border-radius:9px}.receipt-check{font-size:40px}#receipt p{margin:12px 0;font-size:14px}.questions{padding:75px 5vw;background:#e9c6ae;display:grid;grid-template-columns:1fr 1.1fr;gap:8vw}.questions p{max-width:360px}.questions details{border-bottom:1px solid #193f3033;padding:18px 0}.questions summary{cursor:pointer;min-height:30px;font-weight:500}.questions details p{max-width:600px;font-size:14px;margin-top:12px}footer{background:#193f30;color:#fffaf1;display:flex;justify-content:space-between;gap:35px;padding:60px 5vw;align-items:start}footer p{font:32px/1.15 var(--sc-font-display)}footer div{display:grid;gap:15px}footer small{font-size:10px;line-height:1.7;color:#d2ddca}footer .underlink{justify-self:start}dialog{border:1px solid var(--line);background:#faf8ef;border-radius:12px;color:#193f30;padding:30px;max-width:min(760px,94vw);max-height:90svh;overflow:auto}dialog::backdrop{background:#193f3066;backdrop-filter:blur(5px)}dialog h2{font-size:36px}dialog p{margin:18px 0;font-size:14px}.close{display:block;margin-left:auto;min-height:44px;padding:8px 14px;border:1px solid var(--line);border-radius:4px}#big-guide svg{width:100%;min-width:480px}#big-guide{overflow:auto}.skip{position:fixed;left:20px;top:-100px;z-index:99;background:white;padding:15px}.skip:focus{top:15px}.render-fallback{position:absolute;bottom:20px;padding:15px;background:#f8f5ed;font-size:13px}.no-webgl{background:url('assets/wall-cover-scene.png') center/cover}
@media(max-width:900px){.nav{height:78px;padding:0 5vw}.nav nav{display:none}.brand{font-size:29px}.hero{grid-template-columns:1fr;padding-top:35px;min-height:0}.hero h1{font-size:clamp(49px,11vw,76px);max-width:650px}.hero-copy>p:not(.eyebrow):not(.micro){font-size:16px;max-width:520px;margin:20px 0}.hero-world{height:460px;margin-top:15px}.hero-copy{max-width:none}.material-tag{bottom:35px;left:5%;padding:12px 20px}.story{gap:35px;padding:35px 5vw 60px}.story h2{font-size:40px}.section-head{align-items:start}.section-head>p{max-width:310px;font-size:14px}.worktable{grid-template-columns:1fr;gap:30px}.visual-side{position:relative;top:auto}.scene{height:350px}.hero-scene{height:100%}.model-wrap{max-width:620px;margin:auto}.visual-side>.micro{max-width:600px;margin:15px auto}.mini-summary{display:none}.studio{padding:60px 0}.build-side{max-width:650px;width:100%;margin:auto}.questions{gap:35px}footer{flex-wrap:wrap}.collection{padding:50px 0}}
@media(max-width:600px){.hero-world{height:370px}.hero{padding-bottom:35px}.scene-caption{font-size:9px}.sun-disc{inset:5% 0}.material-tag{font-size:11px;bottom:20px;left:0}.story{grid-template-columns:1fr}.story>div{padding-top:8px}.story h2{font-size:43px}.section-head{flex-direction:column;gap:0;margin-bottom:25px}.section-head h2{font-size:44px}.object-rail figure{flex-basis:265px}.object-rail img{height:280px}.scene{height:310px}.hero-scene{height:100%}.model-label{font-size:10px;padding:16px}.step-nav{gap:0;justify-content:space-between}.step-nav button{padding:8px 10px;font-size:12px}.step h3{font-size:31px}.palette{grid-template-columns:repeat(5,1fr)}.pair{grid-template-columns:1fr;gap:0}.questions{grid-template-columns:1fr;padding:50px 5vw;gap:20px}.questions h2{font-size:44px}footer{gap:35px;padding:40px 5vw;flex-direction:column}.button.small{gap:13px;padding:10px 15px}.nav .brand span{font-size:8px}.guide{padding:10px}dialog{padding:20px}h2{font-size:42px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.sun-disc,.material-tag{transform:none!important}}

.gallery-controls{display:flex;gap:12px;justify-content:flex-end;padding:0 5vw 18px}.gallery-controls button{border:1px solid var(--line);border-radius:4px;min-width:44px;min-height:44px;padding:8px 14px;font-size:13px}.gallery-controls button:hover{background:#dce3d0}
