:root{--color-bg: #f3f2f2;--color-surface: #eae9e9;--color-text: #201e1d;--color-divider: color-mix(in srgb, #201e1d 40%, transparent);--color-neutral-100: #f8f4f4;--color-neutral-800: #444141;--color-neutral-900: #2d2b2b;--color-accent-100: oklch(.93 .04 255);--color-accent-200: oklch(.87 .07 255);--color-accent-300: oklch(.78 .11 255);--color-accent-400: oklch(.66 .16 255);--color-accent-500: oklch(.53 .19 255);--color-accent: oklch(.53 .19 255);--color-accent-600: oklch(.46 .17 255);--color-accent-700: oklch(.4 .15 255);--color-accent-800: oklch(.33 .12 255);--color-accent-900: oklch(.26 .09 255);--color-accent-2-100: oklch(.93 .05 160);--color-accent-2-200: oklch(.87 .08 160);--color-accent-2-300: oklch(.78 .11 160);--color-accent-2-400: oklch(.66 .13 160);--color-accent-2-500: oklch(.53 .13 160);--color-accent-2: oklch(.53 .13 160);--color-accent-2-600: oklch(.46 .12 160);--color-accent-2-700: oklch(.38 .1 160);--color-accent-2-800: oklch(.32 .08 160);--color-accent-2-900: oklch(.26 .06 160);--font-heading: "Archivo", system-ui, sans-serif;--font-heading-weight: 800;--font-body: "Archivo", system-ui, sans-serif;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--radius-md: 0px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:15px;line-height:1.55;font-weight:400;text-wrap:pretty}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-heading-weight);line-height:1.12;letter-spacing:-.015em;margin:0 0 var(--space-2)}p{margin:0 0 var(--space-3)}a{color:var(--color-text);text-underline-offset:3px}a:hover{color:var(--color-accent)}img{display:block;max-width:100%}figure{margin:0}figcaption{font-size:11px;margin-top:var(--space-1);color:color-mix(in srgb,var(--color-text) 55%,transparent)}:focus{outline:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background:color-mix(in srgb,var(--color-accent) 30%,transparent)}.grayscale{filter:grayscale(1) contrast(1.08)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;text-decoration:none;font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:14px;line-height:1.2;color:var(--color-text);background:transparent;border:1px solid transparent;padding:var(--space-2) calc(var(--space-3) * 1.2);border-radius:var(--radius-md)}.btn-primary{background:var(--color-accent);color:var(--color-bg)}.btn-primary:hover{background:var(--color-accent-600);color:var(--color-bg)}.btn-primary:active{background:var(--color-accent-700)}.btn-ghost{color:var(--color-accent);padding-inline:var(--space-1)}.btn-ghost:hover{background:color-mix(in srgb,var(--color-accent) 10%,transparent)}.btn-ghost:active{background:color-mix(in srgb,var(--color-accent) 18%,transparent)}.tag{display:inline-flex;align-items:center;font-size:11px;letter-spacing:.02em;padding:3px 10px;border-radius:calc(var(--radius-md) * .75)}.tag-accent-2{background:var(--color-accent-2-100);color:var(--color-accent-2-800)}.nav{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-bottom:2px solid var(--color-divider)}.nav-brand{font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:18px;margin-right:auto}.nav a{color:inherit;text-decoration:none;font-size:14px}.nav a:hover{color:var(--color-accent)}.nav a.btn-primary:hover{color:var(--color-bg)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}