/* Studio presentation. Evidence below keeps its quiet, paper-like palette. */
:root{--stage:#171c19;--stage-ink:#f3f1e9;--stage-muted:#a2aa9c;--stage-accent:#d4dfa9}
body{background:#efeee7}header{position:absolute;top:0;left:0;right:0;height:90px;margin:0 4.5vw;border-bottom:1px solid #e4ecd414;color:var(--stage-ink);z-index:5}.brand{font-size:20px;gap:12px;font-weight:500}.brand-icon{background:#e5e8d9;color:#242a22;width:35px;height:35px;font-size:17px}.brand small{font-size:9px;letter-spacing:2px;color:#a1a995;margin-top:4px}.edition{font-size:11px;color:#9aa492;letter-spacing:2px}.quiet{font-size:12px;color:#d8dfce}
#scroll-sequence{height:280svh}.scroll-pin{min-height:650px;grid-template-columns:31% 69%;padding:90px 4.5vw 80px;background:var(--stage);color:var(--stage-ink);border:0;isolation:isolate}.scroll-pin:before{content:'';position:absolute;inset:0;z-index:-3;background:radial-gradient(ellipse at 68% 37%,#3d443440,transparent 51%),radial-gradient(ellipse at 77% 76%,#65715214,transparent 42%),linear-gradient(128deg,#1d211b,#111816 80%)}.stage-orbit{position:absolute;z-index:-2;width:68vw;height:68vw;max-width:1100px;max-height:1100px;left:38%;top:50%;transform:translateY(-50%);border:1px solid #c3ccaa0c;border-radius:50%;pointer-events:none}.stage-orbit:after{content:'';position:absolute;inset:12%;border:1px solid #c3ccaa08;border-radius:50%}.stage-word{position:absolute;z-index:-1;bottom:10%;left:41%;font-family:'Helvetica Neue',sans-serif;font-weight:200;font-size:15vw;letter-spacing:-1vw;color:#d9e6c303;white-space:nowrap;pointer-events:none}
.scroll-copy{align-self:center;max-width:370px;padding-bottom:25px}.scroll-copy .eyebrow{font-size:10px;letter-spacing:2.5px;color:#aab89a;display:flex;align-items:center;gap:12px;margin-bottom:29px}.scroll-copy .eyebrow:before{content:'';width:21px;height:1px;background:#adbb8c}.scroll-copy h1{font-family:'Songti SC','STSong','Noto Serif CJK SC',serif;font-size:clamp(66px,6.5vw,104px);font-weight:300;line-height:.98;letter-spacing:-5px;color:#f1f0e5;margin-bottom:30px}.scroll-copy h1 em{font-family:'PingFang SC',sans-serif;font-style:normal;font-size:.47em;letter-spacing:2px;font-weight:300;line-height:1.8}.scroll-description{font-size:14px;line-height:2;color:#a1a995;max-width:280px;min-height:84px;margin:0}.scroll-chapter{gap:13px;margin:29px 0 20px}.scroll-chapter>span{font:italic 28px Georgia,serif;color:#c4d5a2}.scroll-chapter h2{font-size:15px;font-weight:400;letter-spacing:2px;color:#e0e6d6}.scroll-hint{font-size:11px;color:#b2baa6;margin:0 0 20px;letter-spacing:1px}.scroll-hint span{color:#626f5e;font-size:10px}.scroll-actions{gap:9px;margin:0}.scroll-actions button{border-radius:3px;background:#dce6be;color:#262e22;font-size:12px;padding:13px 20px;transition:background .25s,transform .25s}.scroll-actions button:hover{background:#eef6d6;transform:translateY(-2px)}.scroll-actions button+button{background:transparent;border:1px solid #e1ebce30;color:#d5ddc9}.scroll-actions .evidence-link{width:auto;background:none;border:0;color:#9ba78d;padding:12px 3px;font-size:11px}.scroll-actions .evidence-link:hover{background:none;color:#dfe9ce}.scroll-copy .scroll-note{font-size:9px;color:#59654f;margin-top:22px;letter-spacing:.6px}
.scroll-model{height:calc(100svh - 96px);max-height:1100px;min-height:0;align-self:center;position:relative;margin:0;z-index:1}.scroll-model canvas{width:100%;height:100%;touch-action:pan-y}.canvas-tip{font-size:9px;letter-spacing:2px;color:#63705c;bottom:4px}#asset-loading{color:#dce5cc}.scroll-progress{left:4.5vw;right:4.5vw;bottom:24px;gap:20px;color:#8f9c80;font-size:10px;letter-spacing:1px}.progress-track{height:1px;background:#d5e3bb1f}.progress-track i{height:1px;background:#bbcba0}#scroll-percent{font:italic 19px Georgia,serif;color:#dce6c8;width:48px}.stage-nav{position:absolute;right:24px;top:48%;display:flex;flex-direction:column;gap:23px;z-index:3}.stage-nav button{background:none;display:flex;align-items:center;gap:9px;padding:6px 0;color:#718065;font-size:10px}.stage-nav i{width:4px;height:4px;border:1px solid #6f7b63;border-radius:50%;transition:background .4s,box-shadow .4s}.stage-nav span{opacity:0;transition:opacity .25s;position:absolute;right:16px;white-space:nowrap}.stage-nav button:hover span,.stage-nav button:focus-visible span{opacity:1}.stage-nav button.active i{background:#dbe8b4;border-color:#dbe8b4;box-shadow:0 0 0 5px #cddfa511}
#inspection-panel{margin-top:25px;max-width:320px;border-top:1px solid #b7c49e24;padding-top:14px}#inspection-panel summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;color:#a9b69b;font-size:11px;letter-spacing:1px}#inspection-panel summary::-webkit-details-marker{display:none}#inspection-panel summary span{font-size:17px;font-weight:200;transition:transform .25s}#inspection-panel[open] summary span{transform:rotate(45deg)}.connection-controls{max-width:none;margin-top:14px;gap:8px}.wire-switch{color:#b5c0a7;font-size:11px}.wire-switch input{accent-color:#b8c98b;width:13px;height:13px}.connection-controls select{font-family:inherit;font-size:11px;color:#dbe6cc;background:#242d23;border:1px solid #7c8a6933;padding:9px;border-radius:3px;outline-color:#c7d9a1}.connection-controls option{background:#242d23}.connection-controls button{font-size:10px;color:#c3d39f}#connection-caption{font-size:10px;color:#829071;line-height:1.8;min-height:36px}.scroll-copy:has(#inspection-panel[open]){padding-bottom:0}
main{padding-top:80px;max-width:1600px}.title-row h1{font-weight:400;letter-spacing:-.5px}.reconstruction-story{padding-bottom:60px;margin-bottom:60px}.render-grid{gap:22px}.render-card{border:0;border-radius:8px;background:#faf9f2}.render-image{background:#e7e7de;padding:24px}.exploded-card .render-image{background:#191f1d}.render-caption{border-color:#d6d8ce;padding:27px}.render-caption b{font-size:15px;font-weight:500}.photo-card{border:0;border-radius:6px}.photo-frame{background:#e5e6dd}.evidence-tabs button{border-radius:4px;font-size:12px}.evidence-tabs button.active{background:#343e2e;border-color:#343e2e}.connection-row button{border-radius:3px}.unresolved{border-radius:0 5px 5px 0}footer{padding:30px 0}button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible{outline:2px solid #a4ba75;outline-offset:4px}
@media(min-width:1700px){.scroll-copy{max-width:440px}.scroll-description{font-size:16px;max-width:310px}.scroll-copy h1{font-size:120px}.scroll-model{max-height:1200px}}
@media(max-height:800px) and (min-width:751px){header{height:70px}.scroll-pin{padding-top:60px;padding-bottom:55px;min-height:570px}.scroll-copy h1{font-size:66px;margin-bottom:14px}.scroll-copy .eyebrow{margin-bottom:20px}.scroll-description{font-size:12px;min-height:70px}.scroll-chapter{margin:17px 0 12px}.scroll-hint{margin-bottom:13px}#inspection-panel{margin-top:17px;padding-top:10px}.scroll-copy .scroll-note{display:none}.scroll-model{height:calc(100svh - 66px)}}
@media(max-width:750px){header{height:64px;margin:0 6vw}.brand{font-size:17px;gap:9px}.brand-icon{width:29px;height:29px;font-size:14px}.brand small{font-size:7px;letter-spacing:1.5px}.quiet{font-size:10px}.edition{display:none}#scroll-sequence{height:255svh}.scroll-pin{display:flex;flex-direction:column;padding:84px 6vw 57px;min-height:680px;align-items:stretch}.scroll-copy{max-width:none;width:100%;padding:0;flex:none}.scroll-copy .eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:16px}.scroll-copy h1{font-size:49px;line-height:1;letter-spacing:-2px;margin:0 0 13px;display:flex;align-items:baseline;gap:15px}.scroll-copy h1 br{display:none}.scroll-copy h1 em{font-size:23px;letter-spacing:1px;line-height:1.5}.scroll-description{font-size:11px;line-height:1.8;max-width:300px;min-height:40px;margin:0}.scroll-chapter{margin:13px 0 12px;gap:10px}.scroll-chapter>span{font-size:23px}.scroll-chapter h2{font-size:12px;letter-spacing:1px}.scroll-hint{display:none}.scroll-actions{gap:9px;flex-wrap:nowrap}.scroll-actions button{font-size:10px;padding:10px 15px}.scroll-actions .evidence-link{font-size:10px;padding:9px 2px}.scroll-copy .scroll-note{display:none}#inspection-panel{position:absolute;z-index:4;top:175px;right:0;width:auto;max-width:none;padding:0;margin:0;border:0}#inspection-panel summary{font-size:10px;gap:12px;padding:10px 0}#inspection-panel[open]{top:174px;width:100%;padding:0 12px 12px;background:#20291ff5;border:1px solid #96a97c30;border-radius:5px;box-shadow:0 12px 30px #0003}#inspection-panel[open] summary{padding-top:10px}.connection-controls{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:6px;margin-top:3px}.wire-switch{grid-column:auto;font-size:9px;gap:3px}.connection-controls select{font-size:10px;padding:7px 4px}.connection-controls button{font-size:9px}#connection-caption{grid-column:1/-1;font-size:9px;min-height:28px;margin-top:4px}.scroll-model{flex:1;height:auto;max-height:none;min-height:0;width:100%;margin-top:14px}.scroll-model canvas{position:absolute;inset:0}.canvas-tip{font-size:7px;letter-spacing:1.5px;bottom:-8px}.stage-orbit{width:130vw;height:130vw;left:16%;top:68%}.stage-word{left:0;bottom:9%;font-size:23vw}.stage-nav{right:12px;top:auto;bottom:28%;gap:18px}.scroll-progress{left:6vw;right:6vw;bottom:22px;font-size:9px;gap:13px}#scroll-percent{font-size:17px;width:40px}main{padding:45px 6vw 0}.render-image{padding:14px}.render-caption{padding:20px}.reconstruction-story{padding-bottom:32px;margin-bottom:36px}}
@media(max-width:750px) and (max-height:740px){.scroll-pin{min-height:590px;padding-top:77px;padding-bottom:43px}.scroll-copy .eyebrow{margin-bottom:11px}.scroll-copy h1{font-size:40px;margin-bottom:9px}.scroll-copy h1 em{font-size:20px}.scroll-description{min-height:36px;font-size:10px}.scroll-chapter{margin:8px 0}.scroll-chapter>span{font-size:20px}.scroll-model{margin-top:8px}#inspection-panel{top:149px}#inspection-panel[open]{top:145px}.scroll-progress{bottom:17px}}
@media(prefers-reduced-motion:reduce){.scroll-actions button:hover{transform:none}.stage-nav i,#inspection-panel summary span{transition:none}}
@media(max-width:750px){#inspection-panel[open]{position:relative;top:auto;right:auto;margin-top:12px;width:100%;box-shadow:none}.scroll-copy:has(#inspection-panel[open]) .eyebrow,.scroll-copy:has(#inspection-panel[open]) .scroll-description{display:none}.scroll-copy:has(#inspection-panel[open]) h1{font-size:35px;margin-bottom:8px}.scroll-copy:has(#inspection-panel[open]) h1 em{font-size:20px}.scroll-copy:has(#inspection-panel[open]) .scroll-chapter{margin:9px 0}.scroll-copy:has(#inspection-panel[open]){padding-bottom:0}}
@media(max-height:800px) and (min-width:751px){.scroll-copy:has(#inspection-panel[open]) h1{font-size:45px;margin-bottom:10px}.scroll-copy:has(#inspection-panel[open]) .eyebrow{margin-bottom:12px}.scroll-copy:has(#inspection-panel[open]) .scroll-description{min-height:58px;font-size:11px}}

/* Neutral presentation keeps the reconstructed geometry easy to judge. */
:root{--stage:#eeede8;--stage-ink:#34332f;--stage-muted:#79766e;--stage-accent:#654563}
header{color:#393730;border-color:#5c55431c}.brand-icon{background:#564553;color:#f7f4ed}.brand small,.edition{color:#8c867a}.quiet{color:#62594e}.scroll-pin:before{background:radial-gradient(ellipse at 65% 43%,#f8f7f1 0%,#eeede8 69%)}.stage-orbit,.stage-word{display:none}.scroll-copy .eyebrow{color:#8f8274}.scroll-copy .eyebrow:before{background:#bbaa92}.scroll-copy h1{color:#393831}.scroll-description{color:#7c776e}.scroll-chapter>span{color:#816079}.scroll-chapter h2{color:#60594f}.scroll-hint{color:#958674}.scroll-hint span{color:#aba292}.scroll-actions button{background:#5a4756;color:#faf7ee}.scroll-actions button:hover{background:#72586e}.scroll-actions button+button{background:transparent;border-color:#84766340;color:#746555}.scroll-actions .evidence-link{color:#96836e}.scroll-actions .evidence-link:hover{color:#675048}.scroll-copy .scroll-note{color:#a29888}.canvas-tip{color:#a89d8c}#asset-loading{color:#8b7d68}.scroll-progress{color:#8f836f}.progress-track{background:#b9ae9a50}.progress-track i{background:#796275}#scroll-percent{color:#796275}.stage-nav button{color:#9e8e75}.stage-nav i{border-color:#b7a88e}.stage-nav button.active i{background:#71536b;border-color:#71536b;box-shadow:0 0 0 5px #71536b10}#inspection-panel{border-color:#b9ac9430}#inspection-panel summary{color:#8d7b65}.wire-switch{color:#8b7b64}.wire-switch input{accent-color:#70536a}.connection-controls select,.connection-controls option{background:#f6f3eb;color:#776650;border-color:#b7a88a55}.connection-controls button{color:#876950}#connection-caption{color:#9c8a70}.render-grid{grid-template-columns:1fr 1fr}.exploded-card .render-image{background:#eeede8}
@media(max-width:750px){#inspection-panel[open]{background:#f2efe7fa;border-color:#b7a58a40}.render-grid{grid-template-columns:1fr}}