.blog{--brule:color-mix(in oklch, var(--on-dark) 22%, transparent);background:var(--void-deep);color:var(--on-dark);padding:1.25rem var(--pad-x) var(--pad-y)}.blog .meta{color:var(--on-dark)}.blog__head{font-family:var(--font-display);font-weight:500;font-size:var(--fs-h2);line-height:var(--lh-tight);letter-spacing:var(--tracking-display);text-wrap:balance;max-width:20ch;margin:clamp(3rem,8vw,7rem) 0 clamp(2rem,4vw,3rem)}.feat{border-top:1px solid var(--brule);color:var(--on-dark);grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:stretch;gap:clamp(1.5rem,4vw,3.5rem);margin:0 0 clamp(2.5rem,5vw,3.5rem);padding-top:clamp(1.5rem,3vw,2.25rem);text-decoration:none;display:grid}.feat__media{aspect-ratio:16/10;isolation:isolate;--f-hi:#8d6cc2;--f-lo:#170f2e;background:var(--post-img,radial-gradient(120% 100% at 78% 12%, var(--f-hi) 0%, var(--f-lo) 60%, var(--void-deep) 100%)) center / cover no-repeat var(--void-deep);order:2;position:relative;overflow:hidden}@supports (color:lab(0% 0 0)){.feat__media{--f-hi:lab(51.7755% 26.8597 -40.5563);--f-lo:lab(6.42313% 11.1108 -19.6402)}}.feat__media:after{content:"";pointer-events:none;opacity:var(--grain-opacity);mix-blend-mode:var(--grain-blend);background-image:var(--noise);background-size:var(--grain-tile) var(--grain-tile);position:absolute;inset:0}.feat__body{flex-direction:column;align-self:center;gap:1.1rem;display:flex}.feat__badges{flex-wrap:wrap;gap:.5rem;display:flex}.badge{border:1px solid var(--brule);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;padding:.3em .65em;font-size:.6875rem}.badge--new{background:var(--on-dark);color:var(--ink);border-color:var(--on-dark)}.feat__date{font-family:var(--font-mono);font-size:var(--fs-mono-sm);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--on-dark-muted)}.feat__title{font-family:var(--font-display);font-weight:500;font-size:var(--fs-h3);line-height:var(--lh-tight);letter-spacing:var(--tracking-display);text-wrap:balance;margin:0}.feat:hover .feat__title{color:var(--accent)}.tabs{flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem;display:flex}.tab{border:1px solid var(--rule);cursor:pointer;border-radius:var(--radius-soft-sm);font-family:var(--font-mono);font-size:var(--fs-mono-sm);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--ink);transition:background var(--dur-1) var(--ease-out), color var(--dur-1) var(--ease-out), border-color var(--dur-1) var(--ease-out);background:0 0;padding:.55rem 1rem}.tab:hover{background:var(--paper-cream)}.tab[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.blog .tab{border-color:var(--brule);color:var(--on-dark)}.blog .tab:hover{background:color-mix(in oklch, var(--on-dark) 12%, transparent)}.blog .tab[aria-pressed=true]{background:var(--on-dark);color:var(--ink);border-color:var(--on-dark)}.rows{border-top:1px solid var(--brule);margin-top:1rem}.up{border-bottom:1px solid var(--brule);color:var(--on-dark);transition:background var(--dur-1) var(--ease-out);grid-template-columns:10rem 8rem 1fr auto;align-items:center;gap:clamp(1rem,3vw,2.5rem);padding:clamp(1.1rem,2vw,1.5rem) 0;text-decoration:none;display:grid}.up:hover{background:color-mix(in oklch, var(--on-dark) 7%, transparent)}.up__cat{font-family:var(--font-mono);font-size:var(--fs-mono-sm);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--on-dark)}.up__date{font-family:var(--font-mono);font-size:var(--fs-mono-sm);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--on-dark-muted)}.up__title{font-family:var(--font-sans);font-weight:500;font-size:var(--fs-lead);letter-spacing:var(--tracking-tight);line-height:1.25}.up__arrow{font-family:var(--font-mono);color:var(--on-dark-muted);transition:transform var(--dur-1) var(--ease-out), color var(--dur-1) var(--ease-out)}.up:hover .up__arrow{color:var(--on-dark);transform:translate(3px)}.blog__empty{font-family:var(--font-mono);font-size:var(--fs-mono-sm);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--on-dark-muted);margin:0;padding:clamp(1.5rem,3vw,2.25rem) 0}.blog__more{color:var(--on-dark);border:1px solid var(--brule);font-family:var(--font-mono);font-size:var(--fs-mono);text-transform:uppercase;letter-spacing:var(--tracking-label);cursor:pointer;transition:background var(--dur-1) var(--ease-out), color var(--dur-1) var(--ease-out);background:0 0;align-items:center;gap:.6rem;margin-top:clamp(1.5rem,3vw,2.25rem);padding:1rem 1.75rem;display:inline-flex}.blog__more:hover{background:var(--on-dark);color:var(--ink)}@media (max-width:820px){.feat{grid-template-columns:1fr}.feat__media{order:-1}.up{grid-template-columns:1fr auto;grid-auto-flow:row;gap:.4rem 1rem}.up__cat{order:1}.up__date{order:2;justify-self:end}.up__title{order:3;grid-column:1/-1}.up__arrow{display:none}}