:root{--bg:oklch(17% .004 85);--bg-elev:oklch(21% .006 85);--text:oklch(93% .008 82);--text-mute:oklch(70% .012 82);--amber:oklch(80% .165 82);--amber-dim:oklch(65% .12 75);--border:oklch(31% .012 82);--border-hi:oklch(42% .018 82);--display:"Funnel Display",ui-rounded,system-ui,sans-serif;--body:"Hanken Grotesk",system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,monospace;--max:1200px}
*{box-sizing:border-box}html{background:var(--bg);color:var(--text);scroll-behavior:smooth}body{margin:0;font-family:var(--body);font-size:17px;line-height:1.7;background:radial-gradient(circle at 50% -20%,oklch(28% .04 75),transparent 40rem),var(--bg)}a{color:inherit}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:1000;background:var(--amber);color:#17110a;padding:.65rem 1rem;font-weight:700}.skip-link:focus{top:1rem}.eyebrow,.blog-meta{font-family:var(--mono);font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;color:var(--amber)}.blog-mast,.blog-state{max-width:920px;margin:0 auto;padding:clamp(5rem,11vw,9rem) 2rem 4rem}.blog-mast h1,.blog-state h1,.blog-article h1{font-family:var(--display);font-size:clamp(2.6rem,7vw,5.8rem);line-height:.98;letter-spacing:-.055em;margin:.5rem 0 1.25rem}.blog-mast>p:last-child,.blog-state>p{max-width:700px;color:var(--text-mute);font-size:clamp(1.05rem,2.2vw,1.3rem)}.blog-list{max-width:1040px;margin:0 auto;padding:0 2rem 7rem}.blog-card{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(0,1.1fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:center;padding:2rem 0;border-top:1px solid var(--border)}.blog-card-media{display:block;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:#0c0b0a}.blog-card img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;transition:transform .45s ease}.blog-card-media:hover img{transform:scale(1.025)}.blog-card h2{font-family:var(--display);font-size:clamp(1.6rem,3vw,2.35rem);line-height:1.1;letter-spacing:-.03em;margin:.35rem 0 .75rem}.blog-card h2 a{text-decoration:none}.blog-card h2 a:hover,.read-link:hover{color:var(--amber)}.blog-card p:not(.blog-meta){color:var(--text-mute);margin:.5rem 0}.read-link{display:inline-block;margin-top:.5rem;color:var(--amber);font-weight:700;text-decoration:none}.blog-empty{padding:4rem 0;border-top:1px solid var(--border)}.blog-article{max-width:920px;margin:0 auto;padding:clamp(4rem,9vw,7rem) 2rem 7rem}.blog-article>header{max-width:820px}.blog-article h1{font-size:clamp(2.5rem,6.2vw,5rem)}.dek{max-width:760px;color:var(--text-mute);font-size:clamp(1.1rem,2.2vw,1.35rem)}.byline{font-family:var(--mono);font-size:.78rem;color:var(--text-mute)}.blog-hero{margin:3rem 0 4rem}.blog-hero img,.blog-prose img{display:block;width:100%;height:auto;max-width:100%;border:1px solid var(--border);border-radius:8px;background:#0b0a09;cursor:zoom-in}.blog-prose{max-width:760px;margin:0 auto}.blog-prose h2,.blog-prose h3{font-family:var(--display);line-height:1.15;letter-spacing:-.025em;margin:2.7rem 0 1rem}.blog-prose h2{font-size:clamp(1.75rem,4vw,2.6rem)}.blog-prose h3{font-size:1.45rem}.blog-prose p,.blog-prose li{color:oklch(85% .01 82)}.blog-prose a{color:var(--amber)}.blog-prose figure{margin:2.5rem 0}.blog-prose figcaption{margin-top:.65rem;color:var(--text-mute);font-family:var(--mono);font-size:.75rem;line-height:1.5}.blog-prose audio{display:block;width:100%;max-width:100%;margin:1rem 0;accent-color:var(--amber)}.blog-prose blockquote{margin:2.5rem 0;padding:.2rem 0 .2rem 1.3rem;border-left:3px solid var(--amber);font-size:1.25rem}.article-end{margin-top:4rem;padding-top:2rem;border-top:1px solid var(--border)}.article-end p{color:var(--text-mute)}.button{display:inline-flex;padding:.75rem 1rem;border-radius:999px;background:var(--amber);color:#18110a;text-decoration:none;font-weight:800}.blog-footer{max-width:var(--max);margin:0 auto;padding:2.5rem 2rem;border-top:1px solid var(--border);display:flex;gap:1.25rem;align-items:center;flex-wrap:wrap;color:var(--text-mute);font-size:.86rem}.blog-footer>a{font-family:var(--display);font-size:1.1rem;color:var(--text);text-decoration:none}.blog-footer nav{margin-left:auto;display:flex;gap:1.2rem}.blog-footer nav a:hover{color:var(--amber)}.image-viewer{position:fixed;inset:0;z-index:10000;display:none;align-items:center;justify-content:center;padding:3rem;background:rgba(0,0,0,.94)}.image-viewer.open{display:flex}.image-viewer img{display:block;max-width:min(96vw,1800px);max-height:88vh;width:auto;height:auto}.image-viewer button{position:fixed;right:1.1rem;top:1.1rem;width:44px;height:44px;border:1px solid rgba(255,255,255,.25);background:#090909;color:#fff;font-size:1.8rem;cursor:pointer}.image-viewer-caption{position:fixed;left:50%;bottom:1rem;transform:translateX(-50%);max-width:min(760px,calc(100vw - 3rem));color:rgba(255,255,255,.78);font-family:var(--mono);font-size:.72rem;text-align:center}
@media(max-width:700px){body{font-size:16px}.blog-mast,.blog-state,.blog-article,.blog-list{padding-left:1.1rem;padding-right:1.1rem}.blog-card{grid-template-columns:1fr}.blog-footer nav{width:100%;margin-left:0;flex-wrap:wrap}.image-viewer{padding:1rem}.image-viewer img{max-width:96vw;max-height:82vh}.blog-prose figure{margin:2rem 0}.blog-prose audio{min-height:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.blog-card img{transition:none}}
.blog-prose video{display:block;width:100%;max-width:100%;height:auto;margin:1rem 0;background:#080706}.blog-prose .od-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:2.5rem 0}.blog-prose .od-grid figure{margin:0}
@media(max-width:700px){.blog-prose .od-grid{grid-template-columns:1fr}}