:root{--paper:#eeebe4;--ink:#2d302a;--muted:#7a7c70;--line:#d4d2c6;--accent:#8b4b2f;--mono:Consolas,"Courier New",monospace}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.6 "Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer;border:0;background:none}button:disabled{cursor:wait;opacity:.5}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #9f653d;outline-offset:4px}h1,h2{font:400 54px/1.03 Georgia,"Times New Roman",serif;letter-spacing:-.045em}h3{font-weight:500;letter-spacing:-.025em}::selection{background:#d9b893}.skip{position:fixed;top:-100px;left:15px;background:var(--ink);color:white;padding:12px;z-index:9}.skip:focus{top:15px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:26px 42px;border-bottom:1px solid var(--line)}.wordmark{font:24px/1 Georgia,serif;letter-spacing:.13em}.wordmark span{display:block;font:6px var(--mono);letter-spacing:.17em;margin-top:9px}.header-center{font:8px var(--mono);letter-spacing:.15em;color:var(--muted)}.back-link{font-size:11px}.back-link:hover,footer a:hover{color:var(--accent)}main{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(340px,1fr);max-width:1760px;margin:auto}.viewer-column{margin:24px 0 24px 24px;padding:27px 28px 18px;background:#e9e4d9;border:1px solid #dbd4c5;border-radius:3px;align-self:start;min-width:0;position:sticky;top:16px}.viewer-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;position:relative;z-index:1;pointer-events:none}.eyebrow{font:8px/1.5 var(--mono);letter-spacing:.13em;color:#7f7d6b}.viewer-heading h1{font-size:58px;margin-top:14px}.viewer-heading h1 em{color:#8e7659;font-weight:400}.viewer-heading>p{font-size:11px;color:#8b8777;line-height:1.8;text-align:right;padding-bottom:5px}.scene-wrap{position:relative;margin:0 -20px;isolation:isolate}#scene{height:clamp(390px,36vw,620px);position:relative}canvas{display:block;max-width:100%;cursor:grab;touch-action:none}canvas:active{cursor:grabbing}.scene-label{position:absolute;top:17px;left:21px;font:7px var(--mono);letter-spacing:.08em;color:#9a9180;pointer-events:none}#material-note{position:absolute;bottom:7px;left:21px;font:8px var(--mono);color:#8e806b;pointer-events:none}.board-marker{position:absolute;pointer-events:none;background:#f7f2e4e6;border:1px solid #bca582;padding:4px 7px;font:7px var(--mono);letter-spacing:.05em;white-space:nowrap;border-radius:2px;transform:translate(-3px,-26px)}[hidden]{display:none!important}.camera-bar{border-top:1px solid #d0c6b5;padding-top:12px;display:flex;justify-content:space-between;gap:18px;align-items:center}.camera-bar>div{display:flex;gap:3px}.camera-bar button{font-size:10px;border:1px solid #d0c6b5;padding:6px 10px;border-radius:2px}.camera-bar button:hover{background:#f4f0e5}.camera-bar>p{font:7px/1.5 var(--mono);max-width:230px;color:#948674;text-align:right}.rotation-row{display:flex;align-items:center;gap:15px;margin-top:16px}.rotation-row label{font:6px var(--mono);letter-spacing:.07em;color:#918775}.rotation-row input{flex:1;min-width:40px;accent-color:#8e6847;height:3px}.rotation-row output{font:9px var(--mono);min-width:32px;text-align:right}.configuration{padding:41px clamp(26px,3.2vw,56px) 30px;min-width:0}.configuration>h2{font-size:43px;margin-top:15px;line-height:1.08}.intro{font-size:12px;color:var(--muted);line-height:1.8;margin-top:16px;max-width:400px}.finish-options{border:0;border-top:1px solid var(--line);padding:20px 0 24px;margin:24px 0 0}.finish-options legend{float:left;width:100%;font:8px var(--mono);letter-spacing:.1em;margin-bottom:14px}.finish-options legend>span,.control-label>span{color:#aaa28f;margin-right:9px}.finish-options>div{clear:both;display:grid;gap:8px}.finish-options label{position:relative;display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:2px;padding:10px 12px;cursor:pointer}.finish-options label:has(input:checked){border-color:#9c7954;background:#e8e0d2}.finish-options input{position:absolute;opacity:0;width:1px;height:1px}.finish-options label:has(input:focus-visible){outline:3px solid var(--accent);outline-offset:3px}.finish-options strong{font-size:12px;font-weight:500}.finish-options small{font-size:9px;font-weight:400;color:var(--muted);display:block;margin-top:3px}.wood-swatch{width:34px;height:29px;border-radius:2px;flex-shrink:0}.polished{background:repeating-linear-gradient(5deg,#602d1b 0 2px,#8c4c30 3px 4px,#713622 5px 6px);box-shadow:inset 0 5px 10px #ffffff30}.raw{background:repeating-linear-gradient(5deg,#c28c64 0 2px,#d6a67d 3px 4px,#b8815e 5px 6px)}.construction,.provenance{border-top:1px solid var(--line);padding-top:20px}.control-label{font:8px/1.5 var(--mono);letter-spacing:.08em;display:block}.journey-title{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:14px}.journey-title h3{font-size:17px}.journey-title output{font:9px var(--mono);color:var(--muted)}.primary{width:100%;text-align:left;background:#433d30;color:#faf3e4;border-radius:2px;padding:13px 15px;font-size:11px;margin:16px 0}.primary:hover{background:#65513b}#timeline{width:100%;height:4px;accent-color:#94663c;cursor:pointer}.stage-buttons{display:flex;justify-content:space-between;gap:5px;margin-top:7px}.stage-buttons button{font-size:8px;padding:6px 0;color:#8d8b7a}.stage-buttons button[aria-pressed=true]{color:#7b452b;text-decoration:underline;text-underline-offset:4px}.hint{font-size:9px;color:#94917e;line-height:1.8;margin:10px 0 20px}.provenance select{width:100%;margin-top:12px;padding:10px;border:1px solid #c9c2b2;background:#f3f0e8;font-size:11px;border-radius:2px}.source-card{margin-top:11px;background:#e4e2d6;border-left:2px solid #a37d50;padding:14px}.source-eyebrow{font:6px var(--mono);letter-spacing:.08em;color:#8c8b73}.source-card h3{font-size:15px;margin-top:7px}.source-card #source-name{font-size:11px;margin-top:6px;color:#7e6748}.source-card #blank-size{font:9px var(--mono);margin-top:5px;color:#8a836e}.source-card #process{font-size:10px;color:#797e6c;line-height:1.8;margin-top:9px}.summary-row{display:flex;justify-content:space-between;gap:13px;margin-top:22px;padding-top:16px;border-top:1px solid var(--line)}.summary-row span{font-size:24px;line-height:1;display:block;font-weight:400;letter-spacing:-.04em}.summary-row>div:last-child span{font-size:12px;line-height:1.5;letter-spacing:0}.summary-row small{font:5px/1.5 var(--mono);letter-spacing:.06em;color:#8b8c7b;display:block;margin-top:6px}.download{display:flex;width:100%;justify-content:space-between;background:#e3dece;border:1px solid #cec6b3;padding:12px 14px;font-size:11px;margin-top:20px;border-radius:2px}.download:hover{background:#dbd2bd}.secondary{display:flex;justify-content:space-between;gap:20px;margin-top:10px}.secondary button{font-size:9px;padding:5px 0;color:#7f806f}.secondary button:hover{text-decoration:underline;text-underline-offset:3px}#action-status{font-size:9px;color:#6e7657;min-height:15px;margin-top:8px}.disclaimer{font-size:8px;color:#999580;line-height:1.7;margin-top:8px}.stock-section{max-width:1760px;margin:auto;border-top:1px solid var(--line);padding:48px 42px}.stock-heading{display:grid;grid-template-columns:1fr 1fr;gap:10px 30px;align-items:end}.stock-heading .eyebrow{grid-column:1/-1}.stock-heading h2{font-size:35px}.stock-heading>p:last-child{font-size:11px;color:var(--muted);text-align:right}.stock-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px}.stock-grid article{display:flex;align-items:flex-start;gap:13px;padding:17px 13px;border:1px solid var(--line);border-radius:2px}.stock-grid article.selected{border-color:#a58359;background:#e7e1d3}.stock-grid article>span{font:22px Georgia,serif;color:#a08a67}.stock-grid h3{font-size:13px}.stock-grid p{font:9px var(--mono);margin-top:6px;color:#927c5e}.stock-grid small{display:block;font-size:10px;line-height:1.8;color:#868673;margin-top:9px}.stock-note{font-size:9px;color:#93917e;margin-top:19px;max-width:900px}footer{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap;padding:25px 42px;border-top:1px solid var(--line);font:7px var(--mono);color:#8c8975}footer a{font:10px "Segoe UI",Arial,sans-serif}
@media(min-width:1600px){.configuration{padding-top:48px}.viewer-column{padding:35px 35px 22px}#scene{height:630px}.configuration>h2{font-size:49px}.intro{font-size:13px}}
@media(max-width:1100px){main{grid-template-columns:minmax(0,1.4fr) minmax(315px,1fr)}.viewer-column{padding:24px 19px 17px;margin-left:16px}.viewer-heading{display:block}.viewer-heading h1{font-size:48px}.viewer-heading>p{font-size:10px;text-align:left;margin-top:13px}#scene{height:480px}.configuration{padding-inline:26px}.camera-bar{display:block}.camera-bar>p{text-align:left;max-width:none;margin-top:10px}.camera-bar button{font-size:9px;padding-inline:8px}.stock-grid{grid-template-columns:1fr 1fr}.header-center{display:none}}
@media(max-width:760px){header{padding:23px 22px}.wordmark{font-size:19px}.wordmark span{font-size:5px}.back-link{font-size:9px}main{grid-template-columns:1fr}.viewer-column{position:relative;top:0;margin:14px 12px 0;padding:24px 19px 19px}.viewer-heading{display:flex;gap:14px}.viewer-heading h1{font-size:43px}.viewer-heading>p{font-size:8px;max-width:120px;text-align:right;margin:0}.eyebrow{font-size:7px}.scene-wrap{margin-inline:-15px}#scene{height:380px}.scene-label{font-size:6px;left:17px}#material-note{font-size:7px;left:17px}.board-marker{font-size:6px;padding:3px 5px}.camera-bar>div{justify-content:space-between}.camera-bar button{padding:8px 11px;font-size:10px}.camera-bar>p{font-size:7px}.rotation-row{gap:10px;margin-top:18px}.rotation-row label{font-size:6px}.configuration{padding:33px 26px}.configuration>h2{font-size:43px}.configuration>.eyebrow{font-size:8px}.intro{font-size:13px}.finish-options legend,.control-label{font-size:9px}.finish-options label{padding:13px}.finish-options strong{font-size:13px}.finish-options small{font-size:10px}.journey-title h3{font-size:19px}.primary{font-size:13px;padding:15px}#timeline{margin-top:6px}.stage-buttons button{font-size:9px}.hint{font-size:10px}.provenance select{font-size:13px;padding:12px}.source-card{padding:17px}.source-card h3{font-size:17px}.source-card #source-name{font-size:12px}.source-card #process{font-size:11px}.source-eyebrow{font-size:7px}.summary-row small{font-size:6px}.summary-row>div:last-child span{font-size:12px}.download{font-size:13px;padding:15px}.secondary button{font-size:11px}.disclaimer{font-size:9px}.stock-section{padding:32px 24px}.stock-heading{display:block}.stock-heading h2{font-size:33px;margin-top:12px}.stock-heading>p:last-child{font-size:11px;text-align:left;margin-top:15px}.stock-grid{grid-template-columns:1fr;gap:10px;margin-top:22px}.stock-grid article{padding:17px}.stock-grid h3{font-size:14px}.stock-grid small{font-size:11px}.stock-note{font-size:10px}footer{padding:25px 24px;font-size:7px}footer>span:last-child{width:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media(max-width:760px){.viewer-heading{display:block}.viewer-heading>p{max-width:none;text-align:left;margin-top:14px;font-size:10px}}
