@layer tokens,base,site;@layer tokens{:root{--paper-light: #f4f1ea;--ink-light: #14161a;--ink-soft-light: #4a4f57;--ink-faint-light: #666b72;--accent-light: #2159dd;--rule-light: rgba(20, 22, 26, .16);--rule-faint-light: rgba(20, 22, 26, .08);--grain-blend-light: multiply;--grain-opacity-light: .035;--paper-dark: #15171b;--ink-dark: #ecebe5;--ink-soft-dark: #a9aeb7;--ink-faint-dark: #8e949d;--accent-dark: #7fa5ff;--rule-dark: rgba(236, 235, 229, .18);--rule-faint-dark: rgba(236, 235, 229, .09);--grain-blend-dark: screen;--grain-opacity-dark: .05;--font-prose: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--step--1: clamp(.75rem, .73rem + .1vw, .82rem);--step-0: clamp(.95rem, .92rem + .2vw, 1.05rem);--step-1: clamp(1.15rem, 1.05rem + .5vw, 1.4rem);--step-2: clamp(1.55rem, 1.35rem + 1.1vw, 2.25rem);--step-3: clamp(2.2rem, 1.7rem + 2.8vw, 3.9rem);--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-6: 1.5rem;--sp-8: 2rem;--sp-12: 3rem;--sp-16: 4rem;--dur-fast: .14s;--dur: .26s;--dur-slow: .62s;--ease: cubic-bezier(.22, .61, .36, 1);--measure: 46ch;--masthead-h: 3.25rem}:root,[data-theme=light]{color-scheme:light;--paper: var(--paper-light);--ink: var(--ink-light);--ink-soft: var(--ink-soft-light);--ink-faint: var(--ink-faint-light);--accent: var(--accent-light);--rule: var(--rule-light);--rule-faint: var(--rule-faint-light);--grain-blend: var(--grain-blend-light);--grain-opacity: var(--grain-opacity-light)}[data-theme=dark]{color-scheme:dark;--paper: var(--paper-dark);--ink: var(--ink-dark);--ink-soft: var(--ink-soft-dark);--ink-faint: var(--ink-faint-dark);--accent: var(--accent-dark);--rule: var(--rule-dark);--rule-faint: var(--rule-faint-dark);--grain-blend: var(--grain-blend-dark);--grain-opacity: var(--grain-opacity-dark)}:root:not([data-theme]){color-scheme:light dark}@media(prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark;--paper: var(--paper-dark);--ink: var(--ink-dark);--ink-soft: var(--ink-soft-dark);--ink-faint: var(--ink-faint-dark);--accent: var(--accent-dark);--rule: var(--rule-dark);--rule-faint: var(--rule-faint-dark);--grain-blend: var(--grain-blend-dark);--grain-opacity: var(--grain-opacity-dark)}}}@layer base{*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-prose);font-size:var(--step-0);line-height:1.6;font-synthesis-weight:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:40;pointer-events:none;opacity:var(--grain-opacity);mix-blend-mode:var(--grain-blend);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23g)'/%3E%3C/svg%3E")}h1,h2,h3{font-weight:500;letter-spacing:-.02em;line-height:1.12;margin:0 0 var(--sp-4);text-wrap:balance}h1{font-size:var(--step-3)}h2{font-size:var(--step-2)}h3{font-size:var(--step-1);letter-spacing:-.01em}p{margin:0 0 var(--sp-4);text-wrap:pretty}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.22em;text-decoration-color:var(--rule);transition:text-decoration-color var(--dur-fast) var(--ease)}a:hover{text-decoration-color:var(--accent)}code{font-family:var(--font-mono);font-size:.92em}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:1px}.skip{position:absolute;left:-9999px;top:0;z-index:60;background:var(--paper);padding:var(--sp-3) var(--sp-4);border:1px solid var(--ink)}.skip:focus{left:var(--sp-4);top:var(--sp-4)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}}@layer site{#stage{position:fixed;inset:0;z-index:0;touch-action:pan-y pinch-zoom}main{cursor:grab}.panel,.colophon,.hud,.masthead{cursor:auto}a,button{cursor:pointer}html[data-dragging=true],html[data-dragging=true] *:not(a):not(button){cursor:grabbing}html[data-dragging=true]{user-select:none}html:not([data-pick]) main{cursor:grab}html[data-pick] main{cursor:pointer}#stage canvas{display:block;width:100%;height:100%;opacity:0;transition:opacity var(--dur-slow) var(--ease)}html[data-rendered=true] #stage canvas{opacity:1}html[data-plot=pending] [data-plot-text],html[data-plot=running] [data-plot-text]{mask-image:linear-gradient(90deg,#000 0%,#000 44%,transparent 60%);mask-repeat:no-repeat;mask-size:250% 100%;mask-position:100% 0;transition:mask-position .62s var(--ease)}html[data-plot=pending] [data-plot-text][data-plotted=true],html[data-plot=running] [data-plot-text][data-plotted=true]{mask-position:0 0}main .panel>*{transition:opacity var(--dur-slow) var(--ease)}html[data-plot=pending] main .panel>:not([data-plot-text]),html[data-plot=running] main .panel>:not([data-plot-text]){opacity:0}html[data-plot=pending] #poster,html[data-plot=running] #poster{display:none}#poster{position:absolute;inset:0;overflow:hidden}#poster img{width:100%;height:100%;object-fit:cover;opacity:.94}#labels{position:absolute;inset:0;overflow:hidden;pointer-events:none}.label{position:absolute;top:0;left:0;transform:translate3d(-50%,-50%,0);font-family:var(--font-mono);font-size:var(--step--1);line-height:1.1;white-space:nowrap;padding:.05rem .2rem;background:var(--paper);opacity:0;transition:opacity var(--dur) var(--ease);will-change:transform}.label[data-visible=true]{opacity:1}.label[data-muted=true][data-visible=true]{opacity:.34}.label[data-focus=true][data-visible=true]{opacity:1;box-shadow:inset 0 -1px 0 currentColor}html[data-plot=pending] .label[data-revealed=false],html[data-plot=running] .label[data-revealed=false]{opacity:0}.label--layer{font-size:var(--step--1);letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.label--box{color:var(--ink)}.label--box[data-quiet=true]{color:var(--ink-faint)}.label--dim,.label--trace{color:var(--ink-soft);font-variant-numeric:tabular-nums}.label--dim b,.label--trace b{color:var(--accent);font-weight:500;font-variant-numeric:tabular-nums}.masthead{position:fixed;inset:0 0 auto;z-index:30;display:flex;align-items:center;gap:var(--sp-6);height:var(--masthead-h);padding:0 clamp(var(--sp-4),3vw,var(--sp-12));background:var(--paper);border-bottom:1px solid var(--rule)}.mark{display:inline-flex;align-items:center;gap:var(--sp-2);font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:.04em;text-decoration:none}.mark-glyph,.lockup-glyph{position:relative;display:block;background-color:var(--ink);-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.mark-glyph:after,.lockup-glyph:after{content:"";position:absolute;inset:0;background-color:var(--accent);-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.mark-glyph{block-size:1.4rem;aspect-ratio:192 / 154;-webkit-mask-image:url(/logo/debyco-mark-mask.png);mask-image:url(/logo/debyco-mark-mask.png)}.mark-glyph:after{-webkit-mask-image:url(/logo/debyco-mark-accent-mask.png);mask-image:url(/logo/debyco-mark-accent-mask.png)}.lockup-glyph{flex:none;inline-size:8.5rem;aspect-ratio:384 / 110;-webkit-mask-image:url(/logo/debyco-lockup-mask.png);mask-image:url(/logo/debyco-lockup-mask.png)}.lockup-glyph:after{-webkit-mask-image:url(/logo/debyco-lockup-accent-mask.png);mask-image:url(/logo/debyco-lockup-accent-mask.png)}.chapters{display:flex;gap:var(--sp-4);margin-right:auto;font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:.06em}.chapters a{color:var(--ink-faint);text-decoration:none;padding-bottom:2px;border-bottom:1px solid transparent;transition:color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.chapters a:hover{color:var(--ink)}.chapters a[aria-current=true]{color:var(--ink);border-bottom-color:var(--accent)}.chapter-position{display:none;align-items:baseline;color:var(--ink-faint);font-variant-numeric:tabular-nums}.chapter-position[data-ready]{display:inline-flex}.chapter-position__now{color:var(--accent)}.chapter-position__total:before{content:"/";padding-right:.4em}.controls{display:flex;align-items:center;gap:var(--sp-3);font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:.06em}.controls button{color:var(--ink-faint);padding:.15rem 0;border-bottom:1px solid transparent;transition:color var(--dur-fast) var(--ease)}.controls button:hover{color:var(--ink)}.controls button[aria-pressed=true]{color:var(--accent);border-bottom-color:var(--accent)}.controls[data-live=false] button{opacity:.4}.theme{display:grid;place-items:center;width:2rem;height:2rem;color:var(--ink-faint);border:1px solid transparent;border-radius:1px;transition:color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.theme:hover{color:var(--ink);border-color:var(--rule)}.theme-icon{display:block;grid-area:1 / 1}.theme-icon--sun,[data-theme=dark] .theme-icon--moon{display:none}[data-theme=dark] .theme-icon--sun{display:block}@media(prefers-color-scheme:dark){:root:not([data-theme]) .theme-icon--moon{display:none}:root:not([data-theme]) .theme-icon--sun{display:block}}.hud{position:fixed;right:clamp(var(--sp-4),3vw,var(--sp-12));bottom:var(--sp-6);z-index:30;width:15rem;padding:var(--sp-4);background:var(--paper);border:1px solid var(--rule)}.hud h2{font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0 0 var(--sp-3)}.hud dl{display:grid;grid-template-columns:1fr auto;gap:.15rem var(--sp-3);margin:0;font-family:var(--font-mono);font-size:var(--step--1)}.hud dt{color:var(--ink-soft)}.hud dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}.hud-note{margin:var(--sp-3) 0 0;font-size:var(--step--1);line-height:1.4;color:var(--ink-faint)}main{position:relative;z-index:10}.chapter{display:grid;grid-template-columns:minmax(0,var(--measure)) 1fr;align-content:center;gap:var(--sp-8);min-height:100svh;padding:6rem clamp(var(--sp-4),4vw,var(--sp-12)) 6rem;pointer-events:none}.panel{pointer-events:auto;padding:var(--sp-8) var(--sp-8) var(--sp-6) 0;background:var(--paper)}.eyebrow{font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:var(--sp-4)}.lede{font-size:var(--step-1);line-height:1.5;color:var(--ink)}.meta-line{font-family:var(--font-mono);font-size:var(--step--1);color:var(--ink-faint);border-top:1px solid var(--rule-faint);padding-top:var(--sp-3);margin-top:var(--sp-6)}.pending{border-left:2px solid var(--accent);padding:var(--sp-3) 0 var(--sp-3) var(--sp-4);color:var(--ink-soft)}.pending strong{color:var(--ink);font-weight:500}.sources{list-style:none;margin:var(--sp-6) 0 0;padding:0;font-family:var(--font-mono);font-size:var(--step--1);border-top:1px solid var(--rule-faint)}.sources li{display:grid;grid-template-columns:2.2rem 1fr;align-items:baseline;padding:var(--sp-2) 0;border-bottom:1px solid var(--rule-faint)}.sources code{color:var(--accent)}.sources .path{grid-column:2;color:var(--ink-faint)}.decisions{list-style:none;margin:var(--sp-6) 0 0;padding:0}.decisions li{display:grid;grid-template-columns:2.2rem 1fr;gap:var(--sp-3);padding:var(--sp-4) 0;border-top:1px solid var(--rule-faint)}.decisions .num{font-family:var(--font-mono);font-size:var(--step--1);color:var(--accent)}.decisions h3{font-size:var(--step-0);font-weight:500;margin-bottom:var(--sp-2)}.decisions p{margin:0;color:var(--ink-soft);font-size:var(--step-0)}.contact-links{display:flex;flex-wrap:wrap;gap:var(--sp-6);font-family:var(--font-mono);font-size:var(--step--1);margin-top:var(--sp-6)}.colophon{position:relative;z-index:10;display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-6);padding:var(--sp-12) clamp(var(--sp-4),4vw,var(--sp-12));border-top:1px solid var(--rule);background:var(--paper);font-family:var(--font-mono);font-size:var(--step--1);color:var(--ink-faint)}.colophon p{margin:0;max-width:var(--measure)}.noscript-note{position:relative;z-index:10;margin:0;padding:var(--sp-4) clamp(var(--sp-4),4vw,var(--sp-12));background:var(--paper);border-top:1px solid var(--rule);font-size:var(--step-0);color:var(--ink-soft)}html[data-tier=none] #stage,html[data-tier=none] main,html[data-tier=none][data-pick] main{cursor:default}html[data-tier=none] .theme{display:grid}html[data-tier=none] .controls,.controls[data-live=false]{display:none}html[data-tier=reduced] .controls button[data-action=spin],.controls button:disabled{color:var(--ink-faint);cursor:default}@media(max-width:54rem){:root{--masthead-h: 3rem}#stage{position:relative;height:48svh;min-height:20rem;border-bottom:1px solid var(--rule-faint)}.chapter{grid-template-columns:minmax(0,1fr);min-height:0;padding:var(--sp-12) clamp(var(--sp-4),5vw,var(--sp-8)) var(--sp-16)}.panel{padding:0}.hud{display:none}.masthead{gap:var(--sp-3);flex-wrap:wrap;height:auto;padding:var(--sp-2) clamp(var(--sp-4),4vw,var(--sp-8))}.chapters{gap:var(--sp-3)}.chapter-position[data-ready],.controls{display:none}}@media(min-width:54.01rem)and (max-width:78rem){.chapter{grid-template-columns:minmax(0,34ch) 1fr}}}
