@import url('fonts.css');
:root{--bg:#20211e;--paper:#e9e3d5;--muted:#aaa99f;--line:#474840;--red:#b34d39;--serif:'Libre Caslon Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--paper);font:14px/1.6 var(--sans)}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #dc8466;outline-offset:5px}header{margin:0 5%;padding:26px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:24px}.wordmark{font-size:20px;letter-spacing:3px;font-weight:600;display:flex;align-items:center;gap:12px}.mark{font:36px Georgia}.edition{font:9px var(--sans);letter-spacing:1.5px;max-width:95px;padding-left:14px;border-left:1px solid var(--line)}nav{display:flex;gap:32px;align-items:center;font-size:12px}nav a span{margin-left:12px;color:var(--muted)}.notlive{background:transparent;color:var(--paper);border:1px solid #76766a;padding:11px 17px;font-size:11px}.notlive i,.live-dot{display:inline-block;width:6px;height:6px;background:var(--red);border-radius:50%;margin-left:14px}.intro{padding:49px 5% 0}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:500}.intro>.eyebrow{display:flex;align-items:center;gap:10px}.live-dot{margin:0}.intro-index{margin-left:auto;color:var(--muted);font-size:9px}.intro-columns{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:40px;padding:25px 0 42px}h1{font:clamp(64px,7.8vw,125px)/.98 var(--serif);letter-spacing:-3px;margin:10px 0 20px}em{font-weight:normal;color:#c4c0b1}h1 em{color:var(--paper)}.intro-copy{padding-left:11%;position:relative}.small-cross{position:absolute;left:0;top:9px;font-size:20px;color:#838478}.intro-copy>p:first-of-type{font:27px/1.35 var(--serif);margin:0 0 22px}.muted{color:var(--muted);font-size:12px;line-height:1.9}.ivory{color:var(--paper)}.text-link{display:inline-block;font-size:11px;border-bottom:1px solid #818173;padding-bottom:7px;margin-top:14px}.text-link span{margin-left:45px}.intro-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:17px 0;color:var(--muted);font-size:8px;letter-spacing:1.5px}.archive{margin:38px 5% 0}.section-top{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px}.section-top h2{font:32px/1.2 var(--serif);margin:12px 0 0}.demo-tag{font-size:8px;letter-spacing:1px;color:#cdb7a5;border:1px solid #665446;padding:7px 10px;white-space:nowrap}.workbench{display:grid;grid-template-columns:175px minmax(0,1fr) 280px;border:1px solid var(--line)}.catalogue{padding:22px 14px;background:#252621}.catalogue-label{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:var(--muted);margin:0 0 18px}.specimen{width:100%;display:flex;align-items:center;text-align:left;padding:10px 6px;margin:0 0 8px;background:none;border:1px solid transparent;color:var(--muted);gap:10px}.specimen.active{border-color:#74766a;background:#30312b;color:var(--paper)}.specimen:hover{background:#30312b}.thumb{width:44px;height:49px;flex-shrink:0;background:var(--paper)}.thumb svg{width:100%;height:100%}.specimen strong{display:block;font:16px var(--serif)}.specimen small{display:block;font-size:7px;letter-spacing:1px;margin-top:6px}.catalogue-note{font:17px/1.4 var(--serif);color:var(--muted);margin:35px 7px}.tiny-stamp{border:1px solid #5d5d50;display:inline-block;padding:10px;color:#9d9c8d;font:25px var(--serif);transform:rotate(-8deg);margin:15px}.tiny-stamp span{font:6px var(--sans);letter-spacing:1px}.plate{position:relative;background:var(--paper);color:var(--bg);display:flex;flex-direction:column;justify-content:space-between;min-width:0}.plate-top,.plate-bottom{display:flex;align-items:center;justify-content:space-between;padding:18px 23px;gap:10px;font-size:8px;letter-spacing:1px}.plate-top{border-bottom:1px solid #cecabd}.art{width:100%;margin:auto;max-width:640px}.art svg{display:block;width:100%;height:auto;max-height:560px}.plate-bottom{border-top:1px solid #cecabd}.plate-bottom>div{display:flex;flex-direction:column;gap:4px;font-size:7px}.download{background:none;border:0;color:#414239;font-size:9px;padding:12px 0}.download span{margin-left:8px}.registration{position:absolute;color:#77796c;font:20px Georgia}.r1{top:57px;left:18px}.r2{bottom:81px;right:18px}.controls{padding:25px 23px}.control-top{display:flex;justify-content:space-between;gap:8px}.control-top .eyebrow{font-size:8px;letter-spacing:1px}.status{font-size:7px;color:#c7b8a1;letter-spacing:1px}.controls h3{font:40px var(--serif);margin:22px 0 12px}.spec-description{color:var(--muted);font-size:11px;min-height:55px}.controls dl{margin:24px 0}.controls dl>div{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:10px 0;font-size:10px}.controls dt{color:var(--muted)}dd{margin:0}.experiment{border-top:1px solid var(--line);padding-top:22px}.experiment>p{font-size:11px;color:var(--muted)}.primary,.seal{min-height:44px;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;width:100%;gap:10px;font-size:11px}.primary{background:var(--red);border:1px solid var(--red);color:#fff3e6}.primary:hover{background:#c55c44}.seal{margin-top:10px;background:transparent;border:1px solid #67695b;color:var(--paper)}.seal:hover{background:#34362e}.safety{font-size:9px!important;line-height:1.8;color:var(--muted)}#notice{font:italic 14px/1.5 var(--serif);color:#c7bea9;margin:22px 0 0}.history{border:1px solid var(--line);border-top:0;padding:24px 30px}.history-heading,.history-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px}.history-heading>span:last-child{font-size:9px;color:var(--muted)}.history-line{display:flex;gap:22px;align-items:center;margin:18px 0 7px}.history-line>span{font-size:8px;letter-spacing:1px}input[type=range]{width:100%;accent-color:var(--red);height:28px;cursor:pointer}.history-bottom p{color:var(--muted);font-size:10px;margin:0}.text-button{background:none;border:0;color:#cbc7b9;font-size:10px;min-height:44px}.fieldnotes{margin:100px 5%;display:grid;grid-template-columns:1fr 1fr;gap:12%}.notes-title h2,.network h2{font:48px/1.1 var(--serif);margin:20px 0}.notes-title p{font-size:12px;color:var(--muted)}.principles article{display:flex;gap:25px;border-bottom:1px solid var(--line);padding:0 0 21px;margin-bottom:24px}.principles article>span{font:22px var(--serif);color:#9f8a72}.principles h3{font:26px var(--serif);margin:0 0 10px}.principles p{font-size:11px;color:var(--muted);margin:0;line-height:1.9}.network{border-top:1px solid var(--line);margin:0 5%;padding:44px 0 50px;display:grid;grid-template-columns:1fr 1.4fr;gap:10%}.network-head{font:25px var(--serif);margin-top:0}.network p:not(.network-head){font-size:12px;color:var(--muted)}.network-data{display:flex;gap:24px;border-block:1px solid var(--line);padding:20px 0;margin:24px 0}.network-data span{font-size:7px;letter-spacing:1px;color:var(--muted)}.network-data strong{font-size:10px;letter-spacing:0;color:var(--paper);display:block;margin-top:7px}footer{margin:0 5%;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:30px 0;gap:18px}footer .wordmark{font-size:14px}footer p{font:italic 20px var(--serif);color:var(--muted)}footer>span{font-size:7px;letter-spacing:1px;color:var(--muted)}dialog{background:var(--bg);color:var(--paper);border:1px solid #8b8877;padding:30px;max-width:540px;width:calc(100% - 32px)}dialog::backdrop{background:#090b09c9;backdrop-filter:blur(3px)}dialog h2{font:48px/1 var(--serif);margin:17px 0}dialog p{font-size:12px;color:var(--muted)}.dialog-actions{display:flex;gap:14px;align-items:end}#seal-preview{background:var(--paper);margin:18px 0}#seal-preview svg{display:block;width:100%;height:190px}.skip{position:absolute;left:10px;top:-100px;background:var(--paper);color:var(--bg);z-index:10;padding:12px}.skip:focus{top:10px}
@media(min-width:1500px){main,header{max-width:1440px;margin-inline:auto}header{padding-inline:5%}}@media(max-width:1100px){.workbench{grid-template-columns:135px minmax(0,1fr) 245px}.catalogue{padding:18px 8px}.thumb{width:34px}.specimen{gap:7px}.specimen strong{font-size:14px}.controls{padding:22px 18px}.controls h3{font-size:34px}.edition{display:none}.intro-columns{grid-template-columns:1.3fr 1fr}.intro-copy{padding-left:3%}.small-cross{display:none}}@media(max-width:800px){header{padding:16px 0}nav{gap:18px}nav a{display:none}.wordmark{font-size:16px;letter-spacing:2px}.intro{padding-top:30px}.intro-columns{gap:18px}.intro-copy>p:first-of-type{font-size:23px}.intro-copy .muted{font-size:10px}.intro-bottom{font-size:6px}.workbench{grid-template-columns:minmax(0,1fr) 260px}.catalogue{grid-column:1/-1;padding:14px}.catalogue-label,.catalogue-note,.tiny-stamp{display:none}#specimens{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.specimen{margin:0;padding:7px;min-height:60px}.thumb{width:34px}.specimen strong{font-size:15px}.art svg{min-height:360px}.controls{padding:22px 20px}.section-top h2{font-size:28px}.demo-tag{font-size:6px}.fieldnotes{gap:7%;margin-top:65px;margin-bottom:65px}.notes-title h2,.network h2{font-size:39px}.network{gap:7%}.network-data{flex-wrap:wrap;gap:18px}.dialog-actions{flex-direction:column}.dialog-actions button{margin:0}}
@media(max-width:580px){.intro-index{font-size:6px}.intro>.eyebrow{font-size:8px;letter-spacing:1px}.intro-columns{display:block;padding:24px 0 28px}h1{font-size:76px;letter-spacing:-2px}.intro-copy{padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.intro-copy>p:first-of-type{font-size:22px;margin:8px 0}.intro-copy .muted{margin:8px 0}.text-link{margin-top:12px;justify-self:start}.intro-bottom{gap:18px;line-height:1.8;font-size:6px}.intro-bottom span{max-width:50%}.section-top{align-items:start;flex-direction:column;gap:13px}.section-top h2{font-size:30px}.demo-tag{font-size:7px}.archive{margin-top:26px}.workbench{display:flex;flex-direction:column}.catalogue{padding:10px}#specimens{gap:5px}.specimen{flex-direction:column;text-align:center;padding:8px 2px;gap:7px}.specimen strong{font-size:15px}.specimen small{font-size:6px;letter-spacing:.5px}.thumb{width:45px;height:45px}.art svg{min-height:0}.plate-top,.plate-bottom{padding:16px}.controls{padding:24px}.controls h3{margin-top:15px;font-size:40px}.spec-description{min-height:0}.controls dl{margin:20px 0}.controls dl>div{font-size:11px}.experiment{display:grid;grid-template-columns:1fr 1fr;gap:10px}.experiment>.eyebrow,.experiment>p{grid-column:1/-1;margin:0}.experiment .seal{margin:0}.experiment .primary,.experiment .seal{font-size:10px;padding:10px}.safety{margin-top:5px!important}#notice{margin-top:17px}.history{padding:20px}.history-bottom{align-items:start;flex-direction:column;gap:5px}.history-line{gap:12px}.fieldnotes{display:block;margin-block:60px}.notes-title{margin-bottom:35px}.notes-title h2{font-size:43px}.principles article{gap:22px}.principles p{font-size:12px}.network{display:block;padding:32px 0}.network h2{margin-bottom:30px}.network-head{font-size:24px}.network-data{justify-content:space-between;gap:12px}footer{flex-wrap:wrap;padding:24px 0}footer p{font-size:17px;margin:0}footer>span{width:100%}dialog{padding:23px}dialog h2{font-size:40px}}
header nav .docs-nav,.footer-docs{display:inline-flex;align-items:center;min-height:44px}.footer-docs{font-size:12px;text-decoration:underline;text-underline-offset:5px}@media(max-width:580px){header{flex-wrap:wrap;gap:8px}header nav{margin-left:auto;gap:16px}header nav .docs-nav span{margin-left:4px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}