.section,.section-alt{padding:var(--s-5) 0;border-bottom:1px solid var(--line-hard);background:0 0;border-top:none}.sub-hero{padding-top:var(--s-5);border-bottom:1px solid var(--line-hard)}.sub-hero h1{font-family:var(--font-grotesk);font-weight:var(--fw-display);font-size:var(--fs-hero);line-height:var(--lh-hero);letter-spacing:var(--ls-hero);color:var(--ink);margin:.5rem 0 1rem}.section--flush{padding-top:0}.kicker{font-family:var(--font-mono);font-size:var(--fs-mono);letter-spacing:var(--ls-mono);text-transform:uppercase;color:var(--accent);font-weight:var(--fw-mono);margin-bottom:.6rem;display:block}.archive-grid{border:1px solid var(--line-hard);border-radius:0;grid-template-columns:repeat(3,1fr);gap:0;display:grid}.archive-card{padding:var(--s-3);border-right:1px solid var(--line-hard);border-bottom:1px solid var(--line-hard);box-shadow:none;transition:background var(--dur-fast);background:0 0;border-radius:0;flex-direction:column;gap:.6rem;display:flex}.archive-card:nth-child(3n){border-right:0}.archive-card:hover{background:var(--surface);box-shadow:none;transform:none}.archive-card .en{font-family:var(--font-mono);font-size:var(--fs-mono);color:var(--accent);letter-spacing:var(--ls-mono);font-weight:var(--fw-mono)}.archive-card h3{font-family:var(--font-grotesk);font-size:1.15rem;font-weight:var(--fw-semibold);letter-spacing:var(--ls-tight);margin:.2rem 0}.archive-card p{margin:0}.archive-link{font-size:var(--fs-small);color:var(--accent);transition:color var(--dur-fast);align-items:center;gap:.35rem;text-decoration:none;display:inline-flex}.archive-link:hover,.archive-link:focus-visible{text-underline-offset:.2em;text-decoration:underline}.archive-link .arr{transition:transform var(--dur-fast)}.archive-link:hover .arr{transform:translate(2px,-2px)}@media (width<=860px){.archive-grid{grid-template-columns:1fr}.archive-card,.archive-card:nth-child(3n){border-right:0}}html.reveal-static .reveal{opacity:1;transition:none;transform:none}@media (prefers-reduced-motion:no-preference){html.js .sub-hero>.wrap{animation:archive-hero-rise .65s var(--ease-emphasized) both}}@keyframes archive-hero-rise{0%{transform:translateY(12px)}to{transform:none}}html.reveal-static .sub-hero>.wrap{animation:none;transform:none}