:root{color-scheme:light;--surface-canvas:#f1ecdf;--surface-canvas-deep:#e4ddcb;--surface-board:#ebe4d2;--surface-card:#ffffff;--surface-raised:#f6f1e4;--surface-hover:#e8e1cf;--surface-nav:rgba(241,236,223,0.9);--text-primary:#1b1b1b;--text-secondary:#29271f;--text-muted:#5b564a;--text-subtle:#837c64;--text-disabled:#a89e85;--text-on-accent:#f6f1e4;--accent-primary:#2a44c8;--accent-primary-hover:#2038b0;--accent-primary-press:#182b8c;--accent-primary-soft:#e9ecfb;--accent-secondary:#ff5a1f;--accent-secondary-text:#e24a12;--accent-secondary-press:#c8420e;--focus-ring:rgba(56,189,248,0.72);--success:#1e9e57;--warning:#c77a16;--danger:#d23a22;--info:var(--accent-primary);--border-subtle:rgba(27,27,27,0.12);--border-line:rgba(27,27,27,0.22);--border-strong:rgba(27,27,27,0.55);--border-accent:var(--accent-primary);--cost-1:#6b7280;--cost-2:#1e9e57;--cost-3:#2563eb;--cost-4:#8b3fd6;--cost-5:#c0851c;--font-display:var(--font-epilogue),var(--font-libre-franklin),system-ui,sans-serif;--font-body:var(--font-libre-franklin),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:var(--font-jetbrains-mono),ui-monospace,"SFMono-Regular",monospace;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extra:800;--fs-display:clamp(2.5rem,7vw,4.25rem);--fs-h1:clamp(2rem,4.5vw,3.25rem);--fs-h2:clamp(2rem,5vw,3rem);--fs-h3:clamp(1.45rem,3vw,2rem);--fs-lg:clamp(1.05rem,2vw,1.25rem);--fs-body:1rem;--fs-sm:0.875rem;--fs-xs:0.8125rem;--fs-2xs:0.6875rem;--lh-tight:1.02;--lh-snug:1.18;--lh-body:1.6;--lh-relaxed:1.72;--ls-tight:-0.02em;--ls-wide:0.04em;--ls-caps:0.12em;--sp-1:0.25rem;--sp-2:0.5rem;--sp-3:0.75rem;--sp-4:1rem;--sp-5:1.25rem;--sp-6:1.5rem;--sp-8:2rem;--sp-10:2.5rem;--sp-12:3rem;--sp-16:4rem;--sp-20:5rem;--sp-24:6rem;--r-xs:0.375rem;--r-sm:0.625rem;--r-md:0.75rem;--r-lg:0.875rem;--r-xl:1.125rem;--r-pill:999px;--hex-clip:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);--container:75rem;--container-wide:85rem;--gutter:clamp(1rem,4vw,1.5rem);--shadow-offset-ink:3px 3px 0 rgba(27,27,27,0.9);--shadow-offset-accent:6px 6px 0 var(--accent-primary);--shadow-offset-orange:5px 5px 0 var(--accent-secondary);--shadow-inset:inset 0 0 0 1px rgba(27,27,27,0.06);--ring:0 0 0 3px var(--focus-ring);--grad-accent:linear-gradient(180deg,#3350e0,#2a44c8);--grad-paper:linear-gradient(135deg,#f6f1e4,#e9e2d0);--grad-panel:linear-gradient(180deg,rgba(27,27,27,0.02),rgba(27,27,27,0));--ease-out:cubic-bezier(0.22,1,0.36,1);--ease-in-out:cubic-bezier(0.65,0,0.35,1);--ease-bounce:cubic-bezier(0.34,1.56,0.64,1);--dur-fast:120ms;--dur-base:200ms;--dur-slow:360ms}[data-surface=focus]{color-scheme:dark;--surface-canvas:#111827;--surface-board:#1f2937;--surface-card:#172033;--surface-raised:#243244;--surface-hover:#2f4055;--surface-nav:rgba(17,24,39,0.9);--text-primary:#e7e2d6;--text-secondary:#f3efe4;--text-muted:#c9c2b2;--text-subtle:#a89e85;--border-subtle:rgba(231,226,214,0.12);--border-line:rgba(231,226,214,0.2);--border-strong:rgba(231,226,214,0.55)}*{box-sizing:border-box}html{min-width:320px;color:var(--text-primary);scroll-behavior:smooth;text-rendering:optimizeLegibility}body,html{background:var(--surface-canvas)}body{margin:0;color:var(--text-secondary);font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-body)}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(27,27,27,.035) 1px,transparent 0),linear-gradient(90deg,rgba(27,27,27,.025) 1px,transparent 0);background-size:32px 32px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.6),transparent 70%);mask-image:linear-gradient(180deg,rgba(0,0,0,.6),transparent 70%)}a{color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}img,svg{display:block;max-width:100%}::selection{background:var(--accent-secondary);color:var(--text-primary)}:focus-visible{outline:none;box-shadow:var(--ring)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:1rem;top:1rem;z-index:1000;transform:translateY(-180%);border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--surface-card);color:var(--text-primary);font-family:var(--font-display);font-weight:var(--fw-bold);padding:.75rem 1rem;text-decoration:none;text-transform:uppercase}.skip-link:focus{transform:translateY(0)}.main-shell{min-height:100vh;padding-bottom:env(safe-area-inset-bottom)}.container{width:min(100% - (var(--gutter) * 2),var(--container));margin-inline:auto}.wide-container{width:min(100% - (var(--gutter) * 2),var(--container-wide));margin-inline:auto}.kicker{display:inline-flex;align-items:center;gap:.55rem;color:var(--accent-secondary-text);font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-caps);line-height:1.2;text-transform:uppercase}.kicker:before{content:"";width:.72rem;height:.82rem;-webkit-clip-path:var(--hex-clip);clip-path:var(--hex-clip);background:var(--accent-secondary)}.section{padding-block:clamp(3.5rem,8vw,6rem)}.section--band{border-block:1px solid var(--border-line);background:var(--surface-board)}.section-title{max-width:760px;margin:0 0 1rem;color:var(--text-primary);font-family:var(--font-display);font-size:var(--fs-h2);font-weight:var(--fw-extra);letter-spacing:var(--ls-tight);line-height:var(--lh-tight);text-transform:uppercase}.section-lead{max-width:720px;margin:0;color:var(--text-muted);font-size:var(--fs-lg)}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:1rem;gap:1rem}.zine-card{border:1px solid var(--border-line);border-radius:var(--r-lg);background:var(--surface-card);box-shadow:var(--shadow-offset-ink)}.page-header{padding-block:clamp(3rem,8vw,5rem);border-bottom:1px solid var(--border-line);background:var(--grad-paper)}.page-header h1{max-width:920px;margin:.8rem 0 1rem;color:var(--text-primary);font-family:var(--font-display);font-size:var(--fs-h1);font-weight:var(--fw-extra);letter-spacing:var(--ls-tight);line-height:var(--lh-tight);text-transform:uppercase}.page-header p{max-width:760px;margin:0;color:var(--text-muted);font-size:var(--fs-lg)}@media (max-width:820px){.card-grid{grid-template-columns:1fr}}@media (min-width:900px){.main-shell{padding-bottom:0}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}