:root{--cream-50: #fffdf5;--cream-100: #f7f5eb;--cream-200: #eeeee1;--cream-300: #d5dacb;--forest-400: #809685;--forest-600: #53695c;--forest-800: #294d3c;--forest-950: #20372c;--lime-200: #dce8ba;--orange-100: #f0e6d4;--orange-800: #745135;--color-page: var(--cream-100);--color-surface: var(--cream-50);--color-soft: var(--cream-200);--color-text: var(--forest-950);--color-muted: var(--forest-600);--color-border: var(--cream-300);--color-control-border: var(--forest-400);--color-accent: var(--forest-800);--color-on-accent: var(--cream-50);--color-highlight: var(--lime-200);--color-creator-bg: var(--orange-100);--color-creator-text: var(--orange-800);--color-focus: #805120;--color-art-bg: #d9e0b2;--color-art-back: #d8dce6;--font-body: "Segoe UI", Arial, sans-serif;--font-display: Georgia, "Times New Roman", serif;--font-mono: "Courier New", monospace;--text-small: .8125rem;--text-body: 1rem;--text-lead: 1.125rem;--text-h3: 1.375rem;--space-1: .5rem;--space-2: .75rem;--space-3: 1rem;--space-4: 1.5rem;--space-5: 2rem;--space-6: 3rem;--space-7: 5rem;--radius-control: 5px;--radius-panel: 10px;color:var(--color-text);background:var(--color-page);font-family:var(--font-body);font-size:16px;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;line-height:1.6}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:1px;text-decoration-skip-ink:auto}:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}::selection{background:var(--color-highlight);color:var(--color-text)}[hidden]{display:none!important}h1,h2,h3,p,figure{margin:0}h1,h2{font-family:var(--font-display);font-weight:400;text-wrap:balance;letter-spacing:-.045em}h1{font-size:clamp(3.5rem,6.1vw,5.5rem);line-height:1.06}h1 em{font-weight:400;color:var(--color-accent)}h2{font-size:clamp(2.35rem,3.8vw,3.375rem);line-height:1.13}h3{font-size:var(--text-h3);font-weight:600;line-height:1.35;letter-spacing:-.025em}p{text-wrap:pretty;max-inline-size:70ch}code{font-family:var(--font-mono);font-size:.9em;overflow-wrap:anywhere}section[id],main{scroll-margin-top:2rem}.wrap{max-inline-size:1200px;margin-inline:auto;padding-inline:var(--space-5)}.small{font-size:var(--text-small)}.mono,.eyebrow,.label,.source-tag{font-family:var(--font-mono)}.mono{font-variant-numeric:tabular-nums}.eyebrow{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700;display:flex;align-items:center;gap:var(--space-2);margin-block-end:var(--space-4)}.label{font-size:.75rem;letter-spacing:.04em;text-transform:uppercase;font-weight:700}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100px;inset-inline-start:16px;z-index:10;padding:12px 20px;background:var(--color-surface)}.skip-link:focus{top:12px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-block-size:106px}.brand{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:1.6rem;line-height:1.1;text-decoration:none;white-space:nowrap}.brand small{display:block;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.16em;font-size:.75rem;margin-block-start:7px}.brand-icon{background:var(--color-accent);color:var(--color-highlight);width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:28px}.site-header nav{display:flex;gap:var(--space-5)}.site-header nav a{padding-block:12px;font-size:var(--text-small);text-decoration:none}.read-only{font-family:var(--font-mono);font-size:.75rem;white-space:nowrap;border:1px solid var(--color-border);padding:7px 11px;border-radius:30px}.read-only span{font-size:8px;margin-inline-end:5px}.hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:var(--space-6);padding-block:58px 72px}.tiny-box{border:1px solid var(--color-control-border);padding:2px 6px;font-size:.75rem;letter-spacing:0}.hero .intro{font-size:var(--text-lead);line-height:1.7;max-inline-size:44ch;color:var(--color-muted);margin-block:26px 30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:36px;min-block-size:50px;padding:12px 22px;border:1px solid transparent;border-radius:var(--radius-control);font-size:.875rem;font-weight:600;text-decoration:none;line-height:1.5}.button.primary{background:var(--color-accent);color:var(--color-on-accent)}.button span{font-size:18px}.safety-note{font-size:.75rem;color:var(--color-muted);display:flex;align-items:center;gap:8px;margin-block-start:18px}.safety-note svg{width:13px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5px}.hero-study{min-width:0;position:relative;height:407px;display:grid;place-items:center}.study-grid{position:absolute;inset:12px 0 34px;background-image:linear-gradient(var(--color-border) 1px,transparent 1px),linear-gradient(90deg,var(--color-border) 1px,transparent 1px);background-size:27px 27px;opacity:.48;mask-image:radial-gradient(ellipse,black 20%,transparent 72%)}.specimen{position:absolute;padding:10px;background:var(--color-surface);border:1px solid var(--color-border);width:245px;box-shadow:0 8px 18px #20372c12}.specimen>div{background:var(--color-art-bg);height:224px;overflow:hidden}.specimen svg{width:100%;height:100%}.specimen span{font-family:var(--font-mono);font-size:.75rem;display:flex;align-items:center;justify-content:space-between;padding:13px 2px 4px}.specimen span b{font-weight:400}.specimen span i{font-style:normal;font-size:18px}.specimen-front{transform:rotate(-8deg) translate(-24px,7px);z-index:2}.specimen-back{transform:rotate(12deg) translate(51px,-15px)}.specimen-back>div{background:var(--color-art-back)}.hero-study figcaption{position:absolute;bottom:0;font-size:.75rem;color:var(--color-muted);text-align:center}.contract-strip{display:flex;align-items:center;gap:var(--space-4);padding-block:21px;border-block:1px solid var(--color-border);font-size:.75rem}.contract-strip>.small{margin-inline-start:auto;font-size:.75rem;color:var(--color-muted)}.contract-address{font-family:var(--font-mono);font-size:.75rem;overflow-wrap:anywhere}.section{padding-block:var(--space-7)}.section-heading{display:flex;justify-content:space-between;gap:var(--space-6);align-items:end;margin-block-end:42px}.section-heading .eyebrow{margin-block-end:15px}.section-heading>p,.section-heading>div+div{max-inline-size:380px;color:var(--color-muted)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.step-number{display:inline-grid;place-items:center;width:32px;height:32px;border:1px solid var(--color-control-border);border-radius:50%;font-family:var(--font-mono);font-size:.75rem;margin-block-end:20px}.step h3{margin-block-end:12px}.step p{color:var(--color-muted);font-size:.9375rem}.step strong{color:var(--color-text);font-weight:600}.source-link{display:inline-block;font-size:.75rem;font-family:var(--font-mono);margin-block-start:14px;text-decoration-color:var(--color-control-border)}.step .source-link+.source-link{margin-inline-start:12px}.detail-row{border-block-end:1px solid var(--color-border);margin-block-start:28px}.detail-row summary{min-block-size:56px;padding-block:15px;display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);cursor:pointer;font-weight:600;font-size:.875rem;list-style:none}.detail-row summary::-webkit-details-marker{display:none}.detail-row summary>span{font-size:24px;font-weight:400}.detail-row[open] summary>span{transform:rotate(45deg)}.detail-body{padding-block:5px 24px;color:var(--color-muted);font-size:.9375rem}.detail-body p+p{margin-block-start:16px}.creator-note{display:flex;gap:25px;margin-block-start:24px;padding:18px 22px;background:var(--color-creator-bg);border-radius:var(--radius-control)}.creator-note .label{color:var(--color-creator-text);white-space:nowrap;padding-block-start:3px}.creator-note p{font-size:.8125rem;line-height:1.65;max-inline-size:none}.lab-section{padding-block:var(--space-7);background:var(--color-soft);border-block:1px solid var(--color-border)}.simulation-badge{display:inline-block;font-family:var(--font-mono);font-size:.75rem;color:var(--color-text);border:1px solid var(--color-control-border);padding:4px 9px;border-radius:3px;margin-block-end:12px}.lab{border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-surface);overflow:hidden}.lab-toolbar{padding:14px 26px;border-block-end:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;gap:12px}.lab-toolbar .mono{text-transform:uppercase;font-size:.75rem;letter-spacing:.08em}.text-button{background:none;border:0;text-decoration:underline;text-underline-offset:4px;padding:10px 0;min-height:44px;color:var(--color-muted);font-size:.75rem}.text-button span{margin-inline-start:8px}.lab-controls{padding:22px 26px;display:flex;gap:36px;align-items:center}fieldset{border:0;margin:0;padding:0;flex-shrink:0}legend{font-size:.8125rem;font-weight:600;padding:0;margin-block-end:8px}.radio-group{display:flex;gap:12px}.radio-group label{cursor:pointer;position:relative}.radio-group input{position:absolute;opacity:0;width:100%;height:100%;margin:0}.radio-group span{font-family:var(--font-mono);font-size:.75rem;border:1px solid var(--color-control-border);border-radius:4px;min-height:44px;display:grid;place-items:center;padding:8px 16px}.radio-group input:checked+span{background:var(--color-highlight);border:2px solid var(--color-accent);padding:7px 15px}.radio-group input:focus-visible+span{outline:3px solid var(--color-focus);outline-offset:4px}.radio-group input:disabled+span{border-style:dashed;cursor:default}.lab-controls>p{font-size:.8125rem;color:var(--color-muted);max-inline-size:55ch}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:0 26px 26px}.comparison-card{border:1px solid var(--color-border);border-radius:6px;padding:18px}.future{background:#f0f3e7}.card-heading{display:flex;justify-content:space-between;gap:8px;align-items:center}.card-heading h3{font-size:.9375rem;letter-spacing:-.01em}.card-heading .label{font-size:.75rem;white-space:nowrap;padding:4px 6px;background:var(--color-soft);border-radius:2px}.future .card-heading .label{background:var(--color-highlight)}.preview-row{display:flex;align-items:center;gap:20px;margin-block:20px}.pixel-preview{width:100px;height:100px;flex-shrink:0;background:var(--color-art-bg);border-radius:3px;overflow:hidden}.pixel-preview.mystery{background:var(--color-accent)}.pixel-preview svg{width:100%;height:100%}.preview-row .mono{text-transform:uppercase;font-size:.75rem;letter-spacing:.06em;color:var(--color-muted)}.trait{font-family:var(--font-display);font-size:1.45rem;line-height:1.3;margin-block:5px}.preview-row p.small{color:var(--color-muted);font-size:.75rem;line-height:1.5}.hash-row{border-block-start:1px dashed var(--color-border);display:flex;gap:12px;justify-content:space-between;padding-block-start:12px;font-size:.75rem;font-family:var(--font-mono)}.hash-row code{font-size:.75rem}.block-timeline{display:grid;grid-template-columns:repeat(3,1fr);padding:0 26px;margin:0;list-style:none;gap:12px}.block-timeline li{position:relative;border-block-start:3px solid var(--color-border);padding-block:12px}.block-timeline li span{font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase}.block-timeline li strong{display:block;font-size:.8125rem;margin-block:2px}.block-timeline li small{display:block;color:var(--color-muted);font-size:.75rem}.block-timeline li.is-current{border-color:var(--color-accent)}.block-timeline li.is-current:after{content:"Now";position:absolute;inset-inline-end:0;top:13px;background:var(--color-highlight);font-family:var(--font-mono);font-size:.75rem;padding-inline:6px}.block-timeline li.is-past{border-color:var(--color-control-border)}.lab-action{display:flex;justify-content:space-between;gap:24px;align-items:center;margin:14px 26px 26px;padding-block-start:22px;border-block-start:1px solid var(--color-border)}.action-title{font-size:.9375rem;font-weight:600;margin-block-end:3px}#stage-description{font-size:.8125rem;color:var(--color-muted)}.lab-action .button{flex-shrink:0;min-width:210px}.takeaway{margin:0 26px 26px;border-inline-start:3px solid var(--color-accent);background:var(--color-soft);padding:16px 20px}.takeaway strong{font-family:var(--font-display);font-size:1.35rem;font-weight:400}.takeaway p{font-size:.8125rem;margin-block-start:5px}.simulation-footnote{font-size:.75rem;color:var(--color-muted);max-inline-size:100ch;margin-block:18px 40px}.reveal-notes{display:grid;grid-template-columns:1fr 1fr;gap:60px}.reveal-notes h3{font-size:1.125rem;margin-block-end:12px}.reveal-notes p{color:var(--color-muted);font-size:.875rem}.reveal-notes a{font-size:.75rem}.art-section{display:grid;grid-template-columns:.95fr 1.05fr;gap:80px;align-items:center}.art-diagram{position:relative;border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-soft);text-align:center;padding:24px}.art-diagram .eyebrow{justify-content:center;margin-block-end:0}.art-pixel{width:225px;margin:0 auto 24px;border-block-end:1px solid var(--color-control-border)}.art-pixel svg{width:100%;display:block}.art-flow{display:flex;justify-content:center;align-items:center;gap:12px;font-family:var(--font-mono);font-size:.75rem}.art-flow span{border:1px solid var(--color-control-border);padding:5px 9px;background:var(--color-surface)}.art-diagram>p{font-size:.75rem;margin-block-start:14px;color:var(--color-muted)}.diagram-corner{position:absolute;top:8px;inset-inline-start:12px;color:var(--color-control-border)}.art-copy>p:not(.eyebrow){font-size:.9375rem;color:var(--color-muted);margin-block-start:22px}.art-copy .source-link{margin-block-start:6px}.art-copy .source-link+.source-link{margin-inline-start:8px}.plain-note{display:flex;gap:14px;margin-block-start:25px}.plain-note>span{font-size:26px}.plain-note p{font-size:.8125rem}.sources-section{padding-block:0 var(--space-7)}.sources-section .section-heading{border-block-start:1px solid var(--color-border);padding-block-start:var(--space-7)}.source-list>a{display:grid;grid-template-columns:26px 1fr auto 18px;align-items:center;gap:18px;padding-block:21px;border-block-end:1px solid var(--color-border);text-decoration:none}.source-index{color:var(--color-muted);font-family:var(--font-mono);font-size:.75rem}.source-list strong{font-size:.9375rem;font-weight:600}.source-list small{display:block;font-size:.75rem;color:var(--color-muted);margin-block-start:3px}.source-tag{font-size:.75rem;text-transform:uppercase;border:1px solid var(--color-border);padding:5px 8px;border-radius:3px}.source-tag.creator{background:var(--color-creator-bg);border-color:transparent;color:var(--color-creator-text)}.source-disclaimer{margin-block-start:24px;font-size:.75rem;color:var(--color-muted);max-inline-size:105ch}footer{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:28px;border-block-start:1px solid var(--color-border)}footer .brand{font-size:1.15rem}footer .brand span{font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase}footer p,footer>a:last-child{font-size:.75rem;color:var(--color-muted)}@media(hover:hover){.button.primary:hover{background:var(--color-text)}nav a:hover,.source-list a:hover strong{text-decoration:underline}.text-button:hover{color:var(--color-text)}.source-list>a:hover{background:var(--color-soft)}}@media(prefers-reduced-motion:no-preference){.button{transition:background-color .15s cubic-bezier(.2,0,0,1),scale .15s cubic-bezier(.2,0,0,1)}.button:active{scale:.96}}@media(max-width:65rem){.read-only{display:none}.hero{gap:20px}.hero .eyebrow{font-size:.75rem}.specimen{width:210px}.specimen>div{height:190px}.contract-strip{flex-wrap:wrap;gap:8px 20px}.contract-strip>.small{margin-inline-start:0}.card-heading{align-items:start;flex-direction:column}.steps{gap:28px}.art-section{gap:40px}}@media(max-width:48rem){.wrap{padding-inline:24px}.site-header{min-height:120px;padding-block:24px 16px;flex-wrap:wrap;row-gap:20px}.site-header nav{width:100%;justify-content:space-between;gap:14px}.site-header nav a{font-size:.75rem}.brand{font-size:1.45rem}.read-only{display:none}.hero{padding-block:36px 40px;grid-template-columns:1fr;gap:30px}.hero .eyebrow{font-size:.75rem}.hero .intro{max-width:45ch;font-size:1rem}h1{font-size:clamp(3.25rem,10vw,4.75rem)}.hero-study{height:340px;max-width:450px;width:100%;margin-inline:auto}.contract-strip{padding-block:20px;flex-direction:column;align-items:start;gap:7px}.contract-address{font-size:.75rem}.section,.lab-section{padding-block:56px}.section-heading{display:block;margin-block-end:32px}.section-heading>p,.section-heading>div+div{max-width:55ch;margin-block-start:20px;font-size:.9375rem}.steps{grid-template-columns:1fr;gap:30px}.step{display:grid;grid-template-columns:34px 1fr;column-gap:18px}.step .step-number{grid-row:1 / 5;margin-block-end:0}.step h3{margin-block-end:8px}.step .source-link+.source-link{margin-inline-start:0}.creator-note{flex-direction:column;gap:8px;padding:18px}.lab-toolbar{padding:8px 18px;flex-wrap:wrap;gap:0 16px}.lab-controls{padding:20px 18px;flex-wrap:wrap;gap:14px}.comparison{padding:0 18px 20px;grid-template-columns:1fr;gap:14px}.card-heading{flex-direction:row;align-items:center}.card-heading .label{white-space:normal;text-align:end}.pixel-preview{width:80px;height:80px}.block-timeline{padding-inline:18px;gap:10px}.block-timeline li strong,.block-timeline li small{font-size:.75rem}.block-timeline li.is-current:after{position:static;display:inline-block}.lab-action{margin:8px 18px 20px;flex-direction:column;align-items:stretch;gap:16px}.lab-action .button{width:100%}.takeaway{margin:0 18px 20px;padding:14px}.reveal-notes{grid-template-columns:1fr;gap:28px}.art-section{grid-template-columns:1fr;gap:32px}.art-copy{grid-row:1}.art-diagram{max-width:450px;width:100%;margin-inline:auto}.source-list>a{grid-template-columns:22px 1fr 14px;gap:10px;padding-block:20px}.source-tag{grid-column:2;grid-row:2;justify-self:start}.source-list>a>span:last-child{grid-column:3;grid-row:1}.sources-section{padding-block-end:48px}.sources-section .section-heading{padding-block-start:48px}footer{flex-wrap:wrap;justify-content:start;gap:16px}footer p{order:3;width:100%}footer>a:last-child{margin-inline-start:auto}}@media(max-width:23rem){.wrap{padding-inline:18px}.read-only{padding:5px 7px;font-size:.75rem}.brand-icon{display:none}.hero .eyebrow{font-size:.75rem;gap:7px}.specimen{width:185px}.specimen>div{height:165px}.specimen-back{transform:rotate(9deg) translate(27px,-17px)}.specimen-front{transform:rotate(-8deg) translate(-13px,7px)}.hero-study{height:310px}.card-heading{flex-wrap:wrap}.preview-row{gap:12px}.pixel-preview{width:65px;height:65px}.trait{font-size:1.2rem}.art-diagram{padding:20px 12px}.art-flow{gap:7px;font-size:.75rem}.art-flow span{padding-inline:6px}}@media(forced-colors:active){:focus-visible,.radio-group input:focus-visible+span{outline-color:Highlight}.radio-group input:checked+span{outline:2px solid Highlight}.block-timeline li.is-current{border-color:Highlight}}.art-pixel img{display:block;width:100%;height:auto;image-rendering:pixelated}