@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#111619;--fg:#edf0ec;--muted:#9ba5a9;--copper:#e5ad85;--line:#30383c;font-family:'DM Sans',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg)}main{max-width:1800px;margin:auto;padding:0 4.2vw}header{height:94px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:2}.wordmark{font-size:14px;letter-spacing:.16em;font-weight:600;text-decoration:none;color:var(--fg)}.edition{font-size:12px;letter-spacing:.13em;color:var(--muted)}.edition-number{margin-left:38px;color:var(--copper)}.gallery{height:min(650px,68vh);min-height:470px;position:relative}.introduction{position:absolute;top:47px;left:0;z-index:1;pointer-events:none}.eyebrow{font-size:11px;letter-spacing:.15em;color:var(--copper)}h1{font-family:Manrope,sans-serif;font-size:clamp(34px,4vw,60px);line-height:1.08;font-weight:400;letter-spacing:-.055em;margin:18px 0 21px}.introduction p{font-size:14px;line-height:1.65;color:var(--muted)}canvas{display:block;width:100%;height:100%;touch-action:pan-y;cursor:grab}canvas:active{cursor:grabbing}.view-label{position:absolute;bottom:28px;left:0;display:flex;flex-direction:column;gap:8px;pointer-events:none}.view-label span:first-child{font-size:11px;letter-spacing:.16em}.view-label span:last-child{font-size:13px;color:var(--muted)}.gesture{position:absolute;bottom:29px;left:48%;transform:translateX(-30%);font-size:12px;color:#859096;pointer-events:none}.measurement{position:absolute;right:0;bottom:76px;width:211px;pointer-events:none}.measurement>div{font-family:Manrope,sans-serif;font-size:44px;letter-spacing:-.04em;margin-top:8px;font-weight:400;font-variant-numeric:tabular-nums}.unit{font-size:14px;color:var(--muted);margin-left:10px;letter-spacing:0}.measurement p{font-size:13px;line-height:1.5;color:var(--muted);max-width:195px}.controls{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1.05fr .9fr 1.2fr;gap:4vw;align-items:center;padding:28px 0}.label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px;font-size:14px}.label-row output{color:var(--copper);font-size:13px}.small{color:var(--copper)}input[type=range]{width:100%;margin:0;accent-color:var(--copper);cursor:pointer;height:18px}.range-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin-top:7px}.actions{display:flex;gap:10px;justify-content:flex-end}button{font:inherit;font-size:14px;cursor:pointer;border:1px solid #495155;color:var(--fg);background:transparent;min-height:49px;padding:0 17px;border-radius:5px;white-space:nowrap;transition:background .2s,border-color .2s}button:hover{background:#263035;border-color:#819097}button[aria-pressed=true]{background:#dfaa82;color:#181d20;border-color:#dfaa82}.button-icon{margin-right:10px;color:var(--copper);font-size:20px}button[aria-pressed=true] .button-icon{color:inherit}:focus-visible{outline:2px solid var(--copper);outline-offset:5px}footer{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding:24px 0 32px;font-size:13px;color:var(--muted)}footer>span{padding-top:2px}details{max-width:530px;width:45%;text-align:right}summary{cursor:pointer;list-style:none;color:var(--fg)}summary::-webkit-details-marker{display:none}summary span{margin-left:14px;color:var(--copper)}.explanation{text-align:left;font-size:15px;line-height:1.7;margin-top:26px}.explanation a{color:var(--copper)}.trace-panel{padding:20px 24px;margin-top:20px;background:#1a2226;border:1px solid var(--line);border-radius:6px}.trace-head,.trace-readout{display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:14px}.trace-head button{min-height:28px;padding:0 8px;font-size:22px;border:0}.trace-track{height:3px;background:#394448;margin:17px 0}.trace-track span{display:block;height:100%;width:0;background:var(--copper)}.trace-readout{font-size:13px;color:var(--muted)}.trace-readout strong{font-weight:500;color:var(--copper);font-variant-numeric:tabular-nums}#render-error{position:absolute;top:45%;left:30%;max-width:350px;background:var(--bg);padding:25px;border:1px solid var(--line)}[hidden]{display:none!important}@media(min-width:1500px){.gallery{height:700px;max-height:73vh}.introduction{top:70px}}@media(max-width:1000px){main{padding:0 28px}.gallery{height:760px;min-height:470px}.introduction{top:35px}h1{font-size:39px}.introduction p{max-width:300px}.measurement{right:0;bottom:18px;width:205px}.measurement .eyebrow{font-size:10px}.measurement>div{font-size:32px}.gesture{display:none}.controls{grid-template-columns:1fr 1fr;gap:24px}.actions{grid-column:1/-1;justify-content:stretch}.actions button{flex:1}}@media(max-width:620px){main{padding:0 20px}header{height:73px}.wordmark{font-size:12px;letter-spacing:.12em}.edition{font-size:11px}.edition-number{margin-left:0}.edition{font-size:0}.edition-number{font-size:12px}.gallery{height:590px;min-height:0}.introduction{top:29px}h1{font-size:37px;margin:12px 0}.introduction p{font-size:13px;max-width:none;margin-top:10px}.eyebrow{font-size:10px}.measurement{bottom:25px;width:145px}.measurement>div{font-size:29px}.measurement p{font-size:12px;margin-bottom:0}.measurement .eyebrow{font-size:9px}.view-label{bottom:28px;max-width:160px}.view-label span:last-child{font-size:12px;line-height:1.5}.controls{padding:23px 0;gap:24px}.label-row{font-size:14px}.range-labels{font-size:11px}.light .range-labels{max-width:130px;line-height:1.5}.actions{gap:8px}.actions button{font-size:13px;padding:0 9px}.button-icon{margin-right:6px}footer{flex-direction:column;gap:21px}details{width:100%;max-width:none;text-align:left}.trace-panel{padding:16px}.trace-readout{font-size:12px}.trace-head{font-size:13px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}