:root{--ink: #141018;--paper: #f2ede4;--paper-dim: #dcd5c6;--teal: #12a19b;--magenta: #d6316e;--violet: #5b3fa8;--acid: #e8c81e;--accent: var(--teal);--disp: "Archivo Black", system-ui, sans-serif;--body: "Archivo", system-ui, sans-serif;--mono: "Azeret Mono", ui-monospace, monospace;--gut: clamp(16px, 3.2vw, 40px);--pad: clamp(20px, 3.2vw, 36px);--measure: 62ch;--rule: 3px;--drop: 10px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;background:#241c2e}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}a.slab,.btn,a{transition:none}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}body{margin:0;min-height:100dvh;font-family:var(--body);font-size:17px;line-height:1.6;color:var(--ink);-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-3;background:linear-gradient(135deg,#2b1f3b,#123a50 46%,#1b5e58)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;opacity:.85;background-image:linear-gradient(rgb(255 255 255 / .1) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / .1) 1px,transparent 1px),radial-gradient(circle at 12% 14%,var(--acid) 0 9px,transparent 10px),radial-gradient(circle at 88% 24%,var(--magenta) 0 13px,transparent 14px),radial-gradient(circle at 76% 78%,var(--teal) 0 11px,transparent 12px),radial-gradient(circle at 22% 86%,var(--violet) 0 16px,transparent 17px);background-size:52px 52px,52px 52px,auto,auto,auto,auto}a{color:inherit}:focus-visible{outline:3px solid var(--acid);outline-offset:3px}.wrap{width:100%;max-width:1080px;margin-inline:auto;padding-inline:var(--gut)}.wrap.narrow{max-width:900px}.grid-3{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--gut) + 10px)}@media(max-width:880px){.grid-3{grid-template-columns:minmax(0,1fr);gap:56px}}.stack-v{display:flex;flex-direction:column;gap:10px}.slab{--jut: calc(var(--drop) + var(--rule));margin-inline:calc(-1 * var(--jut) / 2) calc(var(--jut) / 2);position:relative;min-width:0;container-type:inline-size;background:var(--paper);border:var(--rule) solid var(--ink);padding:var(--pad);box-shadow:var(--drop) var(--drop) 0 var(--accent),var(--drop) var(--drop) 0 var(--rule) var(--ink),14px 16px 22px #00000057,26px 30px 54px #0000004d}.slab.tight{--drop: 7px;--pad: clamp(18px, 2.4vw, 26px)}.slab.a-teal{--accent: var(--teal)}.slab.a-magenta{--accent: var(--magenta)}.slab.a-violet{--accent: var(--violet)}.slab.a-acid{--accent: var(--acid)}.slab.fill{background:var(--violet);color:#fff3e4;--accent: var(--acid)}a.slab{text-decoration:none;display:flex;flex-direction:column;gap:9px}a.slab{transition:box-shadow .17s cubic-bezier(.22,1,.36,1)}a.slab:hover{box-shadow:15px 15px 0 var(--accent),15px 15px 0 var(--rule) var(--ink),19px 22px 26px #0000005c,34px 38px 62px #00000052}.strip{height:14px;margin:calc(-1 * var(--pad)) calc(-1 * var(--pad)) 20px;border-bottom:var(--rule) solid var(--ink);background-image:repeating-linear-gradient(90deg,var(--ink) 0 14px,var(--paper) 14px 28px)}.slab.fill .strip{background-image:repeating-linear-gradient(90deg,var(--ink) 0 14px,var(--acid) 14px 28px)}h1,h2,h3{font-family:var(--disp);font-weight:400;text-transform:uppercase;max-width:100%;overflow-wrap:break-word}h1{font-size:clamp(28px,10cqi,142px);line-height:.93;letter-spacing:-.04em;margin:0 0 12px}h2{font-size:clamp(20px,6.5cqi,34px);line-height:1;letter-spacing:-.03em;margin:0 0 8px}h3{font-family:var(--body);font-weight:700;font-size:19px;letter-spacing:-.005em;text-transform:none;margin:0 0 2px}p{max-width:var(--measure)}.lede{margin:0 0 22px}.mono{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:600}.btn{font-family:var(--mono);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;background:var(--magenta);color:#fff;border:var(--rule) solid var(--ink);box-shadow:5px 5px 0 var(--ink);padding:13px 22px;text-decoration:none;display:inline-block;cursor:pointer;transition:translate .14s cubic-bezier(.22,1,.36,1),box-shadow .14s cubic-bezier(.22,1,.36,1)}.btn:hover{translate:-2px -2px;box-shadow:7px 7px 0 var(--ink)}.btn.ghost{background:var(--paper);color:var(--ink)}.btn.sm{padding:9px 15px;font-size:11px;box-shadow:4px 4px 0 var(--ink)}.btn.sm:hover{box-shadow:6px 6px 0 var(--ink)}.back{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--paper);border-bottom:var(--rule) solid var(--acid);padding-bottom:3px}.stamp{display:inline-block;font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;background:var(--acid);color:var(--ink);border:var(--rule) solid var(--ink);padding:5px 11px;margin-bottom:16px;box-shadow:4px 4px 0 var(--ink)}.arrow{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;margin-top:auto;padding-top:10px}.stack{display:flex;flex-wrap:wrap;gap:6px}.stack b{font-family:var(--mono);font-size:10px;font-weight:600;border:2px solid currentColor;padding:3px 7px}.dashed{border:var(--rule) dashed var(--ink);padding:clamp(18px,2.6vw,26px);background:#f2ede499}.dashed h3{font-family:var(--mono);font-size:11px;letter-spacing:.13em;text-transform:uppercase;margin:0 0 11px}.dashed ul{margin:0;padding-left:19px}.dashed li{margin-bottom:6px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media print{html{background:#fff}body{background:#fff;color:#000;font-size:11pt}body:before,body:after{display:none}.slab{border:none;box-shadow:none;background:#fff;padding:0;margin-inline:0;container-type:normal}.strip,.stamp,.btn,.back,nav,footer,.no-print{display:none!important}h1{font-size:22pt}h2{font-size:14pt;margin-top:18pt}a{text-decoration:none}}
