@font-face{font-family:VTC DuBois;src:url(../fonts/VTCDuBois-Regular.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:VTC DuBois;src:url(../fonts/VTCDuBois-Bold.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:VTC DuBois;src:url(../fonts/VTCDuBois-Light.woff2) format("woff2");font-weight:300;font-display:swap}@font-face{font-family:VTC DuBois Narrow;src:url(../fonts/VTCDuBois-RegularNarrow.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:VTC DuBois Narrow;src:url(../fonts/VTCDuBois-BoldNarrow.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:VTC DuBois Wide;src:url(../fonts/VTCDuBois-RegularWide.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Crimson Text;src:url(../fonts/crimson-text-v19-latin-regular.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Crimson Text;src:url(../fonts/crimson-text-v19-latin-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Crimson Text;src:url(../fonts/crimson-text-v19-latin-600.woff2) format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Crimson Text;src:url(../fonts/crimson-text-v19-latin-700.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Walter Turncoat;src:url(../fonts/walter-turncoat-v23-latin-regular.woff2) format("woff2");font-weight:400 900;font-display:swap}@font-face{font-family:Ugly Dave;src:url(../fonts/Ugly-Dave-Regular.woff2) format("woff2");font-weight:400;font-display:swap}:root{--paper: #f3e3d0;--paper-warm: #f3e3d0;--paper-deep: #ead5bc;--ink: #3c2c2a;--ink-soft: #5d5342;--db-red: #da5047;--db-crimson: #ba3d4e;--db-gold: #f0b200;--db-green: #4a6741;--db-sage: #a1ac94;--db-olive: #9cb15f;--db-blue: #6177a6;--db-pink: #e8b1a3;--db-tan: #c4a575;--db-brown: #7c5c44;--serif: "Crimson Text", Georgia, serif;--block: "VTC DuBois", "Arial Black", sans-serif;--block-narrow: "VTC DuBois Narrow", var(--block);--block-wide: "VTC DuBois Wide", var(--block);--hand: "Ugly Dave", "Comic Sans MS", cursive;--measure: 42rem;--gutter: clamp(1.25rem, 4vw, 3rem)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--serif);font-size:clamp(1.125rem,1.05rem + .35vw,1.3rem);line-height:1.62;-webkit-font-smoothing:antialiased;overflow-x:hidden}img{max-width:100%;height:auto;display:block}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4000;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.24 0 0 0 0 0.17 0 0 0 0 0.13 0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.prose{max-width:var(--measure);margin-inline:auto;padding-inline:var(--gutter);position:relative}.prose p{margin:0 0 1.35em}.prose p.lede:first-letter{font-family:var(--block);font-size:3.4em;float:left;line-height:.82;padding-right:.09em;color:var(--db-crimson)}.prose a{color:var(--db-crimson);text-decoration-color:color-mix(in srgb,var(--db-crimson) 45%,transparent);text-underline-offset:2px}.prose em{font-style:italic}h1,h2,h3{font-family:var(--block);font-weight:700;line-height:1.12;text-wrap:balance}h2{font-size:clamp(1.6rem,1.2rem + 1.8vw,2.6rem);letter-spacing:.04em;text-transform:uppercase;margin:0 0 1.2rem}h3{font-family:var(--block-narrow);font-size:clamp(1.15rem,1rem + .8vw,1.5rem);letter-spacing:.06em;text-transform:uppercase;margin:2.4rem 0 .9rem}section{position:relative}.section-pad{padding-block:clamp(4rem,9vh,7rem)}.plate-divider{min-height:72vh;display:grid;place-content:center;text-align:center;padding:clamp(3rem,10vh,6rem) var(--gutter)}.plate-divider .plate-no{font-family:var(--block-wide);font-size:clamp(.8rem,.7rem + .5vw,1rem);letter-spacing:.55em;text-indent:.55em;color:var(--db-crimson);margin-bottom:1.4rem}.plate-divider h2{font-size:clamp(2rem,1.4rem + 3.4vw,4rem);margin-bottom:1.1rem;max-width:18ch;margin-inline:auto}.plate-divider .plate-fr{font-family:var(--serif);font-style:italic;font-size:1.05rem;color:var(--ink-soft)}.plate-divider .plate-rule{width:min(220px,40vw);height:3px;background:var(--ink);margin:1.6rem auto 0;position:relative}.plate-divider .plate-rule:after{content:"";position:absolute;inset:6px 18% auto;height:1px;background:var(--ink)}.epigraph{min-height:92svh;display:grid;place-content:center;background:var(--ink);color:var(--paper);text-align:center;padding:clamp(3rem,8vh,5rem) var(--gutter)}.epigraph blockquote{max-width:36rem;margin:0 auto;font-style:italic;font-size:clamp(1.25em,1.1em + .8vw,1.6em);line-height:1.8}.epigraph cite{display:block;margin-top:2rem;font-style:normal;font-family:var(--block-narrow);font-size:.85rem;letter-spacing:.28em;text-transform:uppercase;color:var(--db-gold)}.note-ref{font-family:var(--block-narrow);font-size:.62em;vertical-align:super;line-height:0;color:var(--db-crimson);cursor:pointer;padding:0 .15em;-webkit-user-select:none;user-select:none}.sidenote{float:right;clear:right;width:17rem;margin-right:-20rem;margin-top:.15rem;margin-bottom:1rem;font-size:.78em;line-height:1.45;color:var(--ink-soft);border-left:2px solid var(--db-gold);padding-left:.8rem}.sidenote .sn-num{font-family:var(--block-narrow);color:var(--db-crimson);margin-right:.3em}@media (max-width: 1360px){.sidenote{display:none;float:none;width:auto;margin:.8rem 0 1.2rem;background:var(--paper-deep);border-left:3px solid var(--db-gold);padding:.7rem .9rem}.sidenote.open{display:block}}figure.plate-fig{margin:2.5rem auto;max-width:min(46rem,92vw);text-align:center}figure.plate-fig img{margin-inline:auto;filter:drop-shadow(0 14px 24px rgba(60,44,42,.4))}figcaption{font-size:.82rem;font-family:var(--block-narrow);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin-top:.9rem}.scrolly{position:relative}.scrolly .sticky-stage{position:sticky;top:0;height:100svh;display:grid;place-items:center;overflow:hidden}.scrolly .steps{position:relative;z-index:10;pointer-events:none}.scrolly .step{min-height:90svh;display:flex;align-items:center;justify-content:flex-end;padding-inline:clamp(1.25rem,7vw,9rem);pointer-events:none}.scrolly .step[data-pos=left]{justify-content:flex-start}.scrolly .step[data-pos=center]{justify-content:center}.scrolly .step[data-pos=bottom-left]{justify-content:flex-start;align-items:flex-end;padding-bottom:9svh}.scrolly .step[data-pos=bottom-right]{align-items:flex-end;padding-bottom:9svh}.scrolly .step[data-pos=top-left]{justify-content:flex-start;align-items:flex-start;padding-top:9svh}.scrolly .step[data-pos=top-right]{align-items:flex-start;padding-top:9svh}.scrolly .step>div{pointer-events:auto;background:color-mix(in srgb,var(--paper-warm) 94%,white);border:1px solid rgba(60,44,42,.22);box-shadow:0 10px 30px -12px #3c2c2a66;padding:1.1rem 1.4rem;max-width:21rem;font-size:.92em;line-height:1.5}.scrolly .step p{margin:0 0 .7em}.scrolly .step p:last-child{margin-bottom:0}.scrolly .step .step-kicker{font-family:var(--block-narrow);font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--db-crimson);margin-bottom:.45rem}.scrolly code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.78em;background:var(--paper-deep);padding:.1em .35em;border-radius:2px}.scrolly.split .steps{width:100%}@media (max-width: 900px){.scrolly.split .steps{margin-inline:auto;padding-right:0}.scrolly .step>div{margin-inline:auto;opacity:.98}}#progress{position:fixed;left:0;top:0;height:4px;width:100%;z-index:5000;background:transparent;pointer-events:none}#progress .bar{height:100%;width:0;background:var(--db-crimson)}#toc{position:fixed;right:1.1rem;top:50%;transform:translateY(-50%);z-index:4500;display:flex;flex-direction:column;gap:.65rem}#toc a{width:9px;height:9px;border:1.5px solid var(--ink-soft);border-radius:50%;display:block;transition:background .25s,transform .25s}#toc a.active{background:var(--db-crimson);border-color:var(--db-crimson);transform:scale(1.25)}#toc a:hover{background:var(--db-gold)}@media (max-width: 900px){#toc{display:none}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}#tucson .step{min-height:130svh}.fig-pair{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;max-width:min(62rem,94vw);margin:2.5rem auto;align-items:end;clear:both}.fig-pair figure.plate-fig{margin:0;text-align:center}.fig-pair img{height:min(56vh,32rem);width:auto;max-width:100%;object-fit:contain;margin-inline:auto}@media (max-width: 760px){.fig-pair{grid-template-columns:1fr}.fig-pair img{height:auto;width:100%}}@media (max-width: 700px){figure.plate-fig img{max-height:none!important;width:100%!important;height:auto!important}}#refs .refs-list{font-size:.92em;color:var(--ink);line-height:1.6}#colophon h3{margin-top:3rem}@media (max-width: 700px){.scrolly .step{min-height:165svh;padding-inline:1rem}.scrolly .step,.scrolly .step[data-pos]{justify-content:center;align-items:flex-end;padding-bottom:5svh;padding-top:0}.scrolly .step>div{max-width:19rem;font-size:.82em;padding:.85rem 1rem}.step.viz-hold{min-height:120svh}.step.explore-hold{min-height:140svh}.plate-divider{min-height:44svh;padding:3rem var(--gutter) 1.5rem}.section-pad{padding-block:clamp(2rem,5vh,3.5rem)}.epigraph{min-height:70svh}}#hero{min-height:100svh;display:grid;place-items:center;text-align:center;padding:var(--gutter);position:relative}.hero-kicker{font-family:var(--block-narrow);font-size:clamp(.7rem,.6rem + .5vw,.9rem);letter-spacing:.34em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:2.2rem}#hero-title{font-family:var(--block);font-weight:700;font-size:clamp(3rem,1.5rem + 10vw,8.5rem);line-height:.98;letter-spacing:.02em;margin:0;color:var(--ink)}#hero-title .line{display:block}#hero-title .ch{display:inline-block;will-change:opacity,transform}.hero-sub{font-style:italic;font-size:clamp(1.05rem,.95rem + .6vw,1.4rem);color:var(--ink-soft);margin:1.6rem auto .4rem;max-width:32ch}.hero-byline{font-family:var(--block-narrow);letter-spacing:.2em;text-transform:uppercase;font-size:.85rem;margin-top:1.8rem}.hero-scrollcue{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.4rem;font-family:var(--block-narrow);font-size:.68rem;letter-spacing:.3em;text-transform:uppercase;color:var(--ink-soft)}.hero-underline{width:min(520px,70vw);height:10px;margin:1.4rem auto 0}.hero-underline path{stroke:var(--db-crimson);stroke-width:5;fill:none}#gallery-stage{background:var(--paper)}.gallery-plate{position:absolute;width:clamp(90px,14vw,190px);filter:drop-shadow(0 14px 22px rgba(60,44,42,.45));will-change:transform}.gallery-caption{position:absolute;z-index:20;left:50%;bottom:7%;transform:translate(-50%);text-align:center;background:color-mix(in srgb,var(--paper-warm) 92%,white);border:1px solid rgba(60,44,42,.25);padding:.8rem 1.4rem;max-width:30rem;box-shadow:0 10px 30px -12px #3c2c2a66}.gallery-caption p{margin:0}.gallery-caption .step-kicker{margin-bottom:.3rem}.demo-figure{max-width:min(40rem,92vw);margin:2.2rem auto 2.8rem}.demo-chrome{background:var(--paper-warm);border:1.5px solid var(--ink);box-shadow:6px 6px #3c2c2a2e;padding:1.2rem 1.4rem 1rem}.demo-title{font-family:var(--block-narrow);font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;margin:0 0 .8rem;text-align:center}.demo-controls{display:flex;gap:.5rem;justify-content:center;margin-bottom:.6rem;flex-wrap:wrap}.demo-btn{font-family:var(--block-narrow);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;background:transparent;border:1.5px solid var(--ink);color:var(--ink);padding:.4rem 1rem;cursor:pointer;border-radius:999px;transition:background .2s,color .2s}.demo-btn.active,.demo-btn:hover{background:var(--ink);color:var(--paper-warm)}.demo-read{font-size:.85em;font-style:italic;color:var(--ink-soft);text-align:center;margin:.7rem 0 0;min-height:2.6em}.demo-figure svg{width:100%;height:auto;display:block}.demo-figure .axis text{font-family:var(--hand);font-size:13px;fill:var(--ink-soft)}.demo-figure .axis line,.demo-figure .axis path{stroke:#3c2c2a59}.stage-frame{width:100%;height:100svh;display:grid;place-items:center}#recreate .sticky-stage{width:100%;transition:background .9s ease}#recreate .sticky-stage.papered{background:var(--paper-warm)}#recreate-svg{height:96svh;width:auto;max-width:100vw}#recreate-svg .county{stroke:#3c2c2a;stroke-width:.75;fill:transparent}#recreate-svg .acres-label{font-family:var(--hand);font-size:8.5px;fill:#3c2c2a;text-anchor:middle;opacity:0}#recreate-svg .map-title{font-family:var(--block);font-weight:700;font-size:26px;letter-spacing:2px;fill:#3c2c2a;text-anchor:middle;opacity:0}#recreate-svg .map-caption{font-family:var(--block-narrow);font-size:9px;letter-spacing:1px;fill:#3c2c2a;opacity:0}#recreate-svg .appling-ring{fill:none;stroke:var(--db-crimson);stroke-width:2.5;opacity:0}#recreate-svg .appling-note{font-family:var(--hand);font-size:13px;fill:var(--db-crimson);opacity:0}@media (max-width: 900px){.scrolly.split .sticky-stage{align-items:start;padding-top:2vh}.stage-frame{width:min(94vw,60svh)}}.compare-wrap{margin:2.5rem auto;max-width:min(44rem,94vw)}.compare-stage{position:relative;overflow:hidden;border:1.5px solid var(--ink);box-shadow:8px 8px #3c2c2a26;touch-action:none;cursor:ew-resize;-webkit-user-select:none;user-select:none}.compare-under{width:100%;display:block}.compare-over{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;width:50%;border-right:3px solid var(--db-crimson)}.compare-over img{width:auto;height:100%;max-width:none;position:absolute;top:0;left:0}.compare-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:.5rem;pointer-events:none;font-family:var(--block-narrow);font-size:.7rem;letter-spacing:.15em;color:var(--paper-warm)}.compare-handle span:first-child,.compare-handle span:last-child{background:var(--ink);padding:.25rem .5rem}.compare-grip{width:34px;height:34px;border-radius:50%;background:var(--db-crimson);border:2px solid var(--paper-warm);display:grid;place-items:center;box-shadow:0 4px 14px #3c2c2a80}.compare-grip:before{content:"↔︎";color:var(--paper-warm);font-size:1rem;font-family:var(--serif)}#reimagine .sticky-stage{padding:2vh var(--gutter)}#reimagine .steps{width:100%}@media (max-width: 900px){#reimagine .steps{margin-inline:auto;padding-right:0}}.chat-window{width:min(48rem,calc(100vw - 2 * var(--gutter)));height:92svh;background:#faf1e4;border:1.5px solid var(--ink);box-shadow:14px 14px #3c2c2a26;display:flex;flex-direction:column;margin-right:auto}.chat-scroll{padding:1.4rem 1.6rem;gap:1rem}.msg{font-size:.95em;max-width:84%}@media (min-width: 901px){.chat-window{margin-left:clamp(var(--gutter),12vw,16rem)}}.chat-titlebar{display:flex;align-items:center;gap:.45rem;padding:.6rem .9rem;border-bottom:1.5px solid var(--ink);background:var(--paper-deep)}.chat-dot{width:10px;height:10px;border-radius:50%;border:1.5px solid var(--ink)}.chat-dot:nth-child(1){background:var(--db-red)}.chat-dot:nth-child(2){background:var(--db-gold)}.chat-dot:nth-child(3){background:var(--db-olive)}.chat-title{margin-left:.4rem;font-family:var(--block-narrow);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft)}.chat-scroll{flex:1;overflow:hidden;padding:1rem;display:flex;flex-direction:column;gap:.8rem}.msg{max-width:88%;padding:.7rem .95rem;font-size:.86em;line-height:1.45;border:1.5px solid var(--ink)}.msg.user{align-self:flex-end;background:var(--db-crimson);color:var(--paper-warm);border-radius:14px 14px 3px}.msg.user .msg-who{color:color-mix(in srgb,var(--paper-warm) 75%,transparent)}.msg.gpt{align-self:flex-start;background:#fffaf2;border-radius:14px 14px 14px 3px}.msg .msg-who{display:block;font-family:var(--block-narrow);font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;margin-bottom:.3rem;color:var(--ink-soft)}.msg ul{margin:.4em 0 .2em;padding-left:1.1em}.msg li{margin-bottom:.25em}.msg .attach-fan{display:flex;margin-top:.6rem}.msg .attach-fan img{width:44px;filter:drop-shadow(0 3px 6px rgba(60,44,42,.4));margin-left:-14px;transform:rotate(var(--r, 0deg))}.msg .attach-fan img:first-child{margin-left:0}.msg .attempt-strip{display:flex;gap:6px;margin-top:.6rem}.msg .attempt-strip img{width:calc(33.3% - 4px);border:1px solid var(--ink);background:#fff}.msg.image-msg{padding:.45rem}.msg .gen-image{position:relative;overflow:hidden;display:block}.msg .gen-image img{width:100%;display:block}.msg .gen-scan{position:absolute;inset:0 0 auto;height:3px;background:var(--db-crimson);opacity:0}.msg .gen-image.scanning .gen-scan{opacity:1;animation:scan 1.6s linear}@keyframes scan{0%{top:0}to{top:100%}}.gen-anno{position:absolute;font-family:var(--hand);color:var(--db-crimson);font-size:clamp(.62rem,.5rem + .5vw,.85rem);line-height:1.2;background:color-mix(in srgb,#fff 78%,transparent);padding:.15rem .4rem;border:1.5px solid var(--db-crimson);border-radius:3px;opacity:0;transform:rotate(-2deg) scale(.9);max-width:15ch}.gen-anno.good{color:var(--db-green);border-color:var(--db-green)}.typing{display:inline-flex;gap:4px;padding:.2rem 0}.typing i{width:6px;height:6px;border-radius:50%;background:var(--ink-soft);animation:blink 1s infinite}.typing i:nth-child(2){animation-delay:.18s}.typing i:nth-child(3){animation-delay:.36s}@keyframes blink{0%,to{opacity:.25}50%{opacity:1}}#ward-stage{background:var(--paper)}#ward-track{height:100svh;display:flex;align-items:center;will-change:transform}#ward-img{height:100%;width:auto;max-width:none;filter:drop-shadow(0 18px 30px rgba(60,44,42,.4))}.ward-caption{position:absolute;left:50%;bottom:8%;transform:translate(-50%);max-width:min(30rem,76vw);text-align:center;background:color-mix(in srgb,var(--paper-warm) 95%,white);border:1px solid rgba(60,44,42,.3);box-shadow:0 12px 34px -10px #3c2c2a73;padding:.85rem 1.3rem;font-size:.95em}.ward-caption p{margin:0}.step.explore-hold{min-height:170svh}#tucson .sticky-stage{background:var(--paper-warm)}#tucson-stage{position:relative;width:100%;height:100svh}#tucson-map,#tucson-map canvas{width:100%;height:100%}.map-tooltip{position:absolute;z-index:30;pointer-events:none;background:var(--ink);color:var(--paper-warm);font-family:var(--block-narrow);font-size:.72rem;letter-spacing:.08em;padding:.45rem .65rem;max-width:15rem}.map-tooltip .tt-value{color:var(--db-gold);display:block;font-size:.9rem}.tucson-legend{position:absolute;left:4%;bottom:4%;background:color-mix(in srgb,var(--paper-warm) 96%,white);border:1px solid rgba(60,44,42,.35);box-shadow:0 10px 26px -10px #3c2c2a73;padding:.8rem 1rem;max-width:15.5rem}.legend-title{font-family:var(--serif);font-weight:700;font-size:1.15rem;margin:0 0 .15rem;border-bottom:1px solid var(--ink);padding-bottom:.2rem}.legend-sub{font-size:.68rem;font-style:italic;margin:.3rem 0 .5rem;line-height:1.35}.legend-rows{display:flex;flex-direction:column;gap:.28rem}.legend-row{display:flex;align-items:center;gap:.5rem;font-size:.7rem;cursor:pointer;-webkit-user-select:none;user-select:none}.legend-row .swatch{width:22px;height:13px;border:1px solid var(--ink);flex:none}.legend-row.off{opacity:.35}.legend-hint{font-family:var(--block-narrow);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);margin:.6rem 0 0}@media (max-width: 700px){.tucson-legend{position:static;margin-top:.6rem;max-width:none}}.app-section .app-head h3{margin-top:0}.app-frame{max-width:min(72rem,94vw);margin:2rem auto 0;background:var(--paper-warm);border:1.5px solid var(--ink);box-shadow:10px 10px #3c2c2a1f;padding:1rem}.app-canvas-wrap{position:relative}.app-frame canvas{width:100%!important;height:min(58svh,34rem)!important;display:block;background:var(--paper-warm)}.app-frame.tall canvas{height:min(64svh,38rem)!important}.app-ui{display:grid;gap:1rem}#blackspace-ui{grid-template-columns:1fr}.app-panel{display:flex;gap:1.2rem;align-items:flex-start;flex-wrap:wrap}.app-panel.side{flex-direction:column}.app-buttons{display:flex;flex-direction:column;gap:.45rem;min-width:11rem}.app-btn{font-family:var(--block-narrow);font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;text-align:left;padding:.5rem .9rem;background:transparent;border:1.5px solid var(--ink);border-radius:999px;color:var(--ink);cursor:pointer;transition:background .2s,color .2s}.app-btn.active{background:var(--db-brown);border-color:var(--db-brown);color:var(--paper-warm)}.app-btn:hover{background:var(--ink);color:var(--paper-warm)}.app-info{flex:1;min-width:16rem}.app-info-title{font-family:var(--block);font-size:1.15rem;letter-spacing:.08em;margin:0 0 .3rem}.app-statline{font-family:var(--block-narrow);font-size:.85rem;letter-spacing:.05em;color:var(--db-brown);margin:0 0 .5rem}.app-info-text{font-size:.85em;line-height:1.5;margin:0;color:var(--ink-soft)}.app-hint{font-family:var(--block-narrow);font-size:.64rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft);text-align:center;margin:.8rem 0 0}.app-year{font-family:var(--block);font-weight:700;font-size:clamp(2.6rem,2rem + 3vw,4.2rem);margin:0;line-height:1;color:var(--ink)}.app-legend{display:flex;flex-direction:column;gap:.3rem;font-size:.8rem}.app-legend .legend-row{cursor:default}.app-legend .dot{width:13px;height:13px;border-radius:50%;border:1.5px solid var(--ink);flex:none}#homeownership-slider{width:100%;accent-color:var(--db-crimson)}#app-homeownership .app-ui{grid-template-columns:2.2fr 1fr}@media (max-width: 860px){#app-homeownership .app-ui{grid-template-columns:1fr}}#colophon{margin-top:0;padding-top:0}.colophon-text{font-size:.9em;color:var(--ink-soft)}.refs-list{font-size:.8em;color:var(--ink-soft);line-height:1.5;padding-left:1.2rem}.refs-list li{margin-bottom:.5em}#recreate-code{position:absolute;left:clamp(1rem,4vw,4rem);top:50%;transform:translateY(-50%);width:min(21rem,26vw);max-height:86svh;overflow:hidden;background:#2e2320;color:#f0e2cf;border:1.5px solid var(--ink);box-shadow:10px 10px #3c2c2a2e;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.72rem;line-height:1.5;z-index:5}#recreate-code .code-titlebar{display:flex;align-items:center;gap:.4rem;padding:.45rem .7rem;background:#251c1a;border-bottom:1px solid rgba(240,226,207,.2);font-size:.62rem;letter-spacing:.12em;color:#f0e2cf99}#recreate-code .code-titlebar span{width:8px;height:8px;border-radius:50%}#recreate-code .code-titlebar span:nth-child(1){background:var(--db-red)}#recreate-code .code-titlebar span:nth-child(2){background:var(--db-gold)}#recreate-code .code-titlebar span:nth-child(3){background:var(--db-olive)}#recreate-code .code-block{margin:0;padding:.55rem .8rem;border-bottom:1px dashed rgba(240,226,207,.14);white-space:pre-wrap;word-break:break-word}#recreate-code .code-block:last-child{border-bottom:none}#recreate-code .c{color:#b3907c;font-style:italic}@media (max-width: 1200px){#recreate-code{display:none}}.map-hint{position:absolute;right:1.2rem;bottom:1rem;z-index:20;margin:0;font-family:var(--block-narrow);font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);background:color-mix(in srgb,var(--paper) 88%,white);border:1px solid rgba(60,44,42,.3);padding:.4rem .7rem}@media (max-width: 700px){.map-hint{top:.8rem;bottom:auto;right:50%;transform:translate(50%);white-space:nowrap}.viz-flow .sticky-stage{align-items:start;padding-top:2svh}.map-hint,.step[data-tucson="4"]{display:none}.chat-window{height:calc(100svh - 5rem);margin-top:.8rem;width:auto;justify-self:stretch;margin-inline:.8rem!important}.gen-anno{position:static!important;display:block;margin:.35rem 0 0;max-width:none;transform:none!important;font-size:.72rem}#reimagine .sticky-stage{align-items:start}#ward-stage{place-items:start center}#ward-track{height:64svh;margin-top:3svh}.ward-caption{bottom:auto;top:70svh;max-width:min(19rem,88vw);font-size:.82em}}.hbw{background:var(--paper);padding:1.5625rem 0 0;display:flex;flex-direction:column;align-items:center;gap:.625rem;width:min(88rem,94vw);margin-inline:auto}.hbw-hint{width:100%;border-top:1.5px solid var(--ink);background:var(--paper-deep);font-family:var(--block-narrow);font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-soft);text-align:center;padding:.55rem 1rem;margin-top:1rem}.hbw .body-container{display:flex;width:min(75rem,96vw);flex-direction:column;justify-content:center;align-items:center;gap:1.25rem}.hbw .titles{display:flex;flex-direction:column;justify-content:center;align-items:center;align-self:stretch}.hbw h1.title{align-self:stretch;color:#654321;text-align:center;font-family:VTC DuBois,VTC Du Bois,sans-serif;font-size:clamp(2.2rem,1.5rem + 3vw,3.75rem);font-weight:700;line-height:normal;letter-spacing:normal;text-transform:none;margin:0}.hbw p.subtitle{color:#654321;text-align:center;font-family:Public Sans,sans-serif;font-size:1.125rem;font-weight:400;line-height:150%;margin:0}.hbw canvas.webgl{pointer-events:all;display:block}.hbw-blackspace .canvas-placeholder{height:24rem;align-self:stretch;width:100%}.hbw .stats{display:flex;justify-content:center;align-items:center;gap:.3125rem;align-self:stretch}.hbw .statline{flex:1 0 0;color:#654321;text-align:center;font-family:Public Sans,sans-serif;font-size:1.125rem;font-weight:400;line-height:150%;margin:0}.hbw .menu-info{display:flex;justify-content:center;align-items:flex-start;gap:2.5rem;align-self:stretch}.hbw-blackspace .menu{display:flex;width:15.625rem;flex-direction:column;justify-content:center;align-items:stretch;gap:.3125rem}.hbw .button{display:flex;padding:.3125rem .625rem;justify-content:flex-start;align-items:center;gap:.625rem;border-radius:.9375rem;border:3px solid #654321;color:#654321;font-family:VTC DuBois,VTC Du Bois,sans-serif;font-size:1.5rem;font-weight:700;line-height:normal;cursor:pointer;-webkit-user-select:none;user-select:none}.hbw .button.active,.hbw .button:hover{background:#654321;color:var(--paper)}.hbw .info{display:flex;flex-direction:column;justify-content:space-between;align-items:center;flex:1 0 0;align-self:stretch;gap:1rem}.hbw .info-section{display:flex;flex-direction:column;align-items:flex-start;gap:.625rem;align-self:stretch}.hbw h3.info-title{align-self:stretch;color:#654321;font-family:VTC DuBois,VTC Du Bois,sans-serif;font-size:1.5rem;font-weight:700;line-height:normal;letter-spacing:normal;text-transform:none;margin:0}.hbw p.info-text{align-self:stretch;color:#654321;font-family:Public Sans,sans-serif;font-size:1.125rem;font-weight:400;line-height:150%;margin:0}.hbw p.footer{align-self:stretch;color:#654321;font-family:Public Sans,sans-serif;font-size:.75rem;font-weight:400;line-height:115%;margin:0}@media (max-width: 900px){.hbw .menu-info{flex-direction:column;align-items:stretch}.hbw-blackspace .menu{width:100%}}.hbw-homeownership .content{display:flex;align-items:center;align-self:stretch}.hbw-homeownership .stats{display:flex;padding-right:3.75rem;flex-direction:column;justify-content:center;align-items:flex-start;gap:1rem;min-width:25rem}.hbw-homeownership .stat-header,.hbw-homeownership .stat-line{color:#654321;text-align:center;font-family:Public Sans,sans-serif;font-size:1.25rem;font-weight:400;line-height:115%;margin:0}.hbw-homeownership .stat-header{font-weight:600}.hbw-homeownership .race-stat{display:flex;flex-direction:row;padding:0 1rem;align-items:center;gap:1rem}.hbw-homeownership .color{width:1.5rem;height:1.5rem;border-radius:6.25rem;border:3px solid #654321;flex:none}.hbw-homeownership .white-icon{background:#0a3354}.hbw-homeownership .hispanic-icon{background:#edbac2}.hbw-homeownership .black-icon{background:#67482a}.hbw-homeownership .native-icon{background:#b98d33}.hbw-homeownership .asian-icon{background:#9b3027}.hbw-homeownership .canvas-placeholder{height:32rem;flex:1 0 0;min-width:10rem}.hbw-homeownership .menu-info{justify-content:space-between;align-items:center}.hbw-homeownership .year{color:#654321;text-align:center;font-family:VTC DuBois,VTC Du Bois,sans-serif;font-size:clamp(4rem,3rem + 4vw,7.5rem);font-weight:700;line-height:normal;min-width:18rem;margin:0}.hbw-homeownership .slider-container{display:flex;padding:0 2.25rem;flex-direction:column;align-items:center;gap:.75rem;flex:1 0 0}.hbw-homeownership .slider-text{margin:0;align-self:stretch;color:#654321;font-family:Public Sans,sans-serif;font-size:1.125rem;font-weight:400;line-height:115%}.hbw-homeownership input.slider{margin:0;--c: #654321;--l: .5rem;--h: 1.5rem;--w: 1.5rem;align-self:stretch;height:var(--h);--_c: color-mix(in srgb, var(--c), #000 var(--p, 0%));-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;cursor:pointer;overflow:hidden}.hbw-homeownership input.slider:focus-visible,.hbw-homeownership input.slider:hover{--p: 25%}.hbw-homeownership input.slider[type=range i]::-webkit-slider-thumb{height:var(--h);width:var(--w);background:var(--_c);border-image:linear-gradient(90deg,var(--_c) 50%,#654321 0) 0 1 / calc(50% - var(--l) / 2) 100vw / 0 100vw;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:.3s}.hbw-homeownership input.slider[type=range]::-moz-range-thumb{height:var(--h);width:var(--w);background:var(--_c);border-image:linear-gradient(90deg,var(--_c) 50%,#654321 0) 0 1 / calc(50% - var(--l) / 2) 100vw / 0 100vw;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:.3s}.hbw-homeownership .menu{display:flex;width:26.4375rem;justify-content:flex-end;align-items:center;gap:.3125rem;flex-wrap:wrap}.hbw-homeownership .menu-button{display:flex;width:13rem;padding:.3125rem .625rem;justify-content:center;align-items:center;border-radius:.9375rem;border:3px solid #654321;color:#654321;font-family:VTC DuBois,VTC Du Bois,sans-serif;font-size:1.5rem;font-weight:700;line-height:normal;cursor:pointer;-webkit-user-select:none;user-select:none}.hbw-homeownership .menu-button.active,.hbw-homeownership .menu-button:hover{background:#654321;color:var(--paper)}.hbw-homeownership p.footer{align-self:center;font-size:1rem}@media (max-width: 1000px){.hbw-homeownership .content{flex-direction:column}.hbw-homeownership .stats{padding-right:0;min-width:0}.hbw-homeownership .canvas-placeholder{align-self:stretch}.hbw-homeownership .menu-info{flex-direction:column;gap:1rem}.hbw-homeownership .menu{width:100%;justify-content:center}}.hbw-literature{position:relative;min-height:100svh;justify-content:flex-start;overflow:hidden}.hbw-literature canvas.webgl{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%}.hbw-literature .lit-content{position:relative;z-index:5;pointer-events:none;width:min(75rem,94vw);display:flex;flex-direction:column;align-items:center;min-height:calc(100svh - 3.125rem)}.hbw-literature #lit-title{font-size:clamp(2.2rem,1.5rem + 3vw,3.75rem);font-weight:700;color:#654321;text-align:center;font-family:VTC DuBois,VTC Du Bois,sans-serif;letter-spacing:normal;text-transform:none;margin:4vh 0 0}.hbw-literature #lit-subtitle{color:#654321;font-size:1.125rem;font-weight:400;line-height:130%;text-align:center;font-family:Public Sans,sans-serif;margin:.6rem 0 0;text-transform:none;letter-spacing:normal}.hbw-literature .lit-canvas-spacer{height:56vh}.hbw-literature #totalBooks,.hbw-literature #blackBooks{margin:0 0 3px;line-height:1.3;font-size:clamp(1.2rem,1rem + 1vw,30px);font-weight:600;text-align:center;color:#654321;font-family:Public Sans,sans-serif;letter-spacing:normal;text-transform:none}.hbw-literature #lit-footer{color:#654321;font-size:14px;text-align:center;font-family:Public Sans,sans-serif;margin:auto 0 0;padding-bottom:1rem}.viz-flow .sticky-stage{height:100svh;display:grid;place-items:center;overflow:hidden}.viz-flow .hbw{max-height:96svh;width:min(88rem,96vw);overflow:hidden;padding-bottom:1.75rem}.viz-flow .hbw .canvas-placeholder{height:clamp(18rem,44svh,36rem)}.viz-flow .hbw-homeownership .canvas-placeholder{height:clamp(20rem,52svh,40rem)}.step.viz-hold{min-height:140svh}.viz-flow .step{min-height:135svh}.viz-flow .hbw-blackspace .menu-info{flex-direction:column;align-items:center;gap:.9rem}.viz-flow .hbw-blackspace .menu{flex-direction:row;flex-wrap:wrap;width:100%;justify-content:center}.viz-flow .hbw-blackspace .menu .button{width:auto;flex:0 0 auto;font-size:1.2rem}.viz-flow .hbw-blackspace .info{align-items:center;align-self:center;flex:0 0 auto;max-width:52rem;gap:.4rem}.viz-flow .hbw-blackspace .info-section{align-items:center;gap:.35rem}.viz-flow .hbw-blackspace h3.info-title{text-align:center;font-size:1.25rem}.viz-flow .hbw-blackspace p.info-text{font-size:.92rem;line-height:140%;text-align:center}.viz-flow .hbw-blackspace p.footer{text-align:center;font-size:.68rem}.viz-flow .hbw p.subtitle{font-size:1rem;height:auto}.viz-flow .hbw h1.title{font-size:clamp(2rem,1.4rem + 2.2vw,3rem)}.viz-flow .hbw-homeownership .stats{min-width:17rem;padding-right:1.5rem;gap:.55rem}.viz-flow .hbw-homeownership .stat-header,.viz-flow .hbw-homeownership .stat-line{font-size:1.05rem}.viz-flow .hbw-homeownership .year{font-size:clamp(3rem,2.4rem + 2.4vw,5rem);min-width:12rem}.hbw-chrome{transition:opacity .35s ease}@media (max-width: 900px){.viz-flow .hbw p.subtitle{display:none}.viz-flow .hbw h1.title{font-size:clamp(1.6rem,1.2rem + 2.4vw,2.4rem)}}@media (max-width: 700px){.viz-flow .hbw{width:100vw;border-inline:none;box-shadow:none}.viz-flow .hbw .canvas-placeholder{height:clamp(15rem,46svh,24rem)}.hbw .body-container{width:94vw;gap:.9rem}.hbw h1.title{font-size:1.5rem}.viz-flow .hbw-blackspace .menu .button{font-size:.95rem;padding:.25rem .55rem;border-width:2px}.viz-flow .hbw-blackspace p.info-text{font-size:.8rem}.hbw .statline{font-size:.85rem}.hbw-homeownership .content{flex-direction:column;align-items:stretch}.hbw-homeownership .stats{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:.3rem .9rem;min-width:0;padding-right:0}.hbw-homeownership .stat-header{width:100%;font-size:.9rem}.hbw-homeownership .stat-line{font-size:.72rem}.hbw-homeownership .race-stat{padding:0;gap:.35rem}.hbw-homeownership .color{width:.85rem;height:.85rem;border-width:2px}.hbw-homeownership .menu-info{flex-direction:column;gap:.6rem}.hbw-homeownership .year{min-width:0;font-size:2.6rem}.hbw-homeownership .menu{width:100%;justify-content:center}.hbw-homeownership .menu-button{width:calc(50% - .3rem);font-size:.9rem;padding:.25rem .4rem;border-width:2px}.hbw-homeownership .slider-container{padding:0 .5rem}.hbw-homeownership .slider-text{font-size:.75rem;text-align:center}.hbw-literature #lit-title{font-size:1.5rem}.hbw-literature #lit-subtitle{font-size:.8rem}.hbw-literature #totalBooks,.hbw-literature #blackBooks{font-size:1rem}.hbw-literature .lit-canvas-spacer{height:46svh}}.hbw p.footer,.hbw #lit-footer{align-self:center;max-width:60rem;color:var(--ink-soft);font-family:Public Sans,sans-serif;font-size:.72rem;font-weight:400;line-height:145%;text-align:center;margin:0}
