:root{--accent:#2455d6;--accent-dark:#16389c;--black:15, 18, 25;--gray:96, 115, 159;--gray-light:229, 233, 240;--gray-dark:34, 41, 57;--page-bg-solid:#f5f7fb;--page-bg:linear-gradient(180deg, #ffffffb3, #f5f7fbf5);--surface-bg:#ffffffd1;--surface-solid:#fff;--surface-border:#2229391f;--header-bg:#f5f7fbd6;--header-border:#2229391f;--text-color:#222939;--heading-color:#0f1219;--muted-text:#5f718f;--code-bg:#e5ebf2;--hr-color:#2229391f;--avatar-border:#000;--gray-gradient:#e5e9f099, #fff0;--box-shadow:0 10px 30px #1c243414, 0 18px 60px #1c24341f;--layout-max-width:1360px;--layout-gutter:3rem;--layout-gutter-mobile:2rem;--showcase-intro-max-width:var(--layout-max-width)}:root[data-theme=dark]{--accent:#93baff;--accent-dark:#c5daff;--black:244, 247, 252;--gray:149, 160, 182;--gray-light:53, 63, 82;--gray-dark:224, 230, 242;--page-bg-solid:#0e1420;--page-bg:linear-gradient(180deg, #121825f2, #0e1420);--surface-bg:#131b29db;--surface-solid:#131b29;--surface-border:#e0e6f21f;--header-bg:#0e1420d6;--header-border:#e0e6f21a;--text-color:#e0e6f2;--heading-color:#f4f7fc;--muted-text:#a3afc4;--code-bg:#1d283b;--hr-color:#e0e6f21f;--avatar-border:#fff;--gray-gradient:#26324a73, #0e142000;--box-shadow:0 12px 36px #00000057, 0 20px 60px #00000038}@font-face{font-family:Atkinson;src:url(/fonts/atkinson-regular.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Atkinson;src:url(/fonts/atkinson-bold.woff)format("woff");font-weight:700;font-style:normal;font-display:swap}html{background:var(--page-bg-solid)}body{text-align:left;background:linear-gradient(var(--gray-gradient)) no-repeat, var(--page-bg);word-wrap:break-word;overflow-wrap:break-word;color:var(--text-color);background-size:100% 720px,auto;background-attachment:fixed;margin:0;padding:0;font-family:Atkinson,sans-serif;font-size:20px;line-height:1.7;transition:background-color .18s,color .18s}main{width:min(var(--layout-max-width), calc(100% - var(--layout-gutter)));max-width:none;margin:auto;padding:3em 0 4em}h1,h2,h3,h4,h5,h6{color:var(--heading-color);margin:0 0 .5rem;line-height:1.2}h1{font-size:3.052em}h2{font-size:2.441em}h3{font-size:1.953em}h4{font-size:1.563em}h5{font-size:1.25em}strong,b{font-weight:700}a{color:var(--accent)}a:hover{color:var(--accent-dark)}p{margin-bottom:1em}.prose p{margin-bottom:2em}.post-content p:has(+:is(ul,ol)){margin-bottom:.75em}.post-content :is(ul,ol){margin-block:.75em 1.5em}.post-content li+li{margin-top:.35em}.post-content li>p{margin-block:.5em}.post-content li>:is(ul,ol){margin-block:.35em 0}.post-content li>:first-child{margin-top:0}.post-content li>:last-child{margin-bottom:0}.prose img{margin:1rem auto 2rem;display:block}.prose .zinetool-reaction{aspect-ratio:498/324;border-radius:8px;width:520px;max-width:100%;height:auto;margin:1rem auto 2rem;display:block}.prose :is(h2,h3,h4,h5,h6){margin-top:1.5em}.audio-example-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:0 0 1.25rem;display:grid}.audio-example-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}textarea{width:100%;font-size:16px}input{font-size:16px}table{width:100%}img{border-radius:8px;max-width:100%;height:auto}code{background-color:var(--code-bg);border-radius:2px;padding:2px 5px}pre{background:var(--surface-solid);border:1px solid var(--surface-border);border-radius:8px;padding:1.5em;overflow-x:auto}pre>code{all:unset}blockquote{border-left:4px solid var(--accent);margin:0;padding:0 0 0 20px;font-size:1.333em}hr{border:none;border-top:1px solid var(--hr-color)}.showcase-page{gap:2rem;display:grid}.page-intro{width:100%}.page-section{gap:1rem;display:grid}.about-page{gap:2rem;display:grid}.about-page--plain .about-panel{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.about-hero,.about-panel{background:var(--surface-bg);border:1px solid var(--surface-border);box-shadow:var(--box-shadow);border-radius:24px;padding:clamp(1.4rem,2vw,2rem)}.about-hero{position:relative;overflow:hidden}.about-hero:after{content:"";aspect-ratio:1;pointer-events:none;background:radial-gradient(circle,#2455d62e,#2455d600);border-radius:50%;width:min(22rem,46vw);position:absolute;inset:auto -8% -30% auto}.about-lead{color:var(--heading-color);font-size:1.15rem}.about-panel{gap:1rem;display:grid}.about-panel--contact{gap:1.5rem}.about-panel__copy{width:100%}.section-kicker{color:var(--heading-color);letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:1.2rem;font-weight:700}.card-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:1.5rem;display:grid}.content-card{background:var(--surface-bg);border:1px solid var(--surface-border);box-shadow:var(--box-shadow);border-radius:18px;gap:.85rem;padding:1.1rem;display:grid}.content-card--interactive{color:inherit;text-decoration:none;transition:transform .16s,border-color .16s,box-shadow .16s}.content-card--interactive:hover{border-color:rgba(var(--gray-dark), .22);transform:translateY(-2px);box-shadow:0 14px 34px #1c24341a,0 22px 64px #1c243424}.content-card__title{margin:0;font-size:1.12rem;line-height:1.35}.content-card__text{color:var(--muted-text);margin:0}.content-card iframe{aspect-ratio:16/9;border:1px solid var(--surface-border);background:var(--surface-solid);border-radius:14px;width:100%}@media (width<=720px){body{font-size:18px}.audio-example-grid,.audio-example-grid--three{grid-template-columns:minmax(0,1fr)}main{width:calc(100% - var(--layout-gutter-mobile));padding:1.5rem 0 3rem}.card-grid{grid-template-columns:1fr;gap:1rem}.about-hero,.about-panel{border-radius:20px;padding:1.2rem}}.sr-only{clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:0;padding:0;overflow:hidden;position:absolute!important}