:root{--interactive:#3a6ea5;--interactive-hover:#2d5a8a;--accent:#3a6ea5}.home-hero{text-align:center;padding:var(--space-xxl) 0 var(--space-lg)}.home-hero h1{letter-spacing:-.02em;margin-bottom:var(--space-md);font-size:3rem}.hero-rule{background:var(--rule);width:60px;height:2px;margin:0 auto var(--space-md)}.home-hero .subtitle{max-width:480px;color:var(--ink-light);margin:0 auto;font-size:1.25rem}.home-intro{max-width:520px;margin:0 auto var(--space-xl);text-align:center}.home-intro p{color:var(--ink-light);font-size:1.0625rem;line-height:1.6}.essay-grid{gap:var(--space-lg);max-width:960px;margin:0 auto var(--space-xxl);padding:0 var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.essay-card{padding:var(--space-lg);background:var(--bg);border:1px solid var(--rule);color:var(--ink);border-radius:4px;flex-direction:column;text-decoration:none;transition:border-color .2s ease-out,box-shadow .2s ease-out;display:flex}.essay-card:hover{border-color:var(--ink-light);text-decoration:none;box-shadow:0 2px 12px #0000000f}.card-visual{margin-bottom:var(--space-md);justify-content:center;display:flex}.card-illustration{width:120px;height:60px}.card-part{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-light);margin-bottom:var(--space-xs);font-family:"Source Sans 3",system-ui,sans-serif;font-size:.75rem;font-weight:600;display:inline-block}.card-field-title{text-transform:uppercase;letter-spacing:.06em;color:var(--dimmed,var(--ink-light));opacity:.6;margin-bottom:var(--space-xs);font-family:"Source Sans 3",system-ui,sans-serif;font-size:.75rem;font-weight:500;display:block}.essay-card h2{margin-bottom:var(--space-sm);font-size:1.25rem}.essay-card p{color:var(--ink-light);margin-bottom:0;font-size:.9375rem;line-height:1.55}.coming-soon{opacity:.45;cursor:default;color:var(--ink-light)}.coming-soon:hover{border-color:var(--rule);box-shadow:none}.coming-soon .card-illustration{color:var(--dimmed)}.coming-soon h2{color:var(--ink-light)}@media (width<=768px){.home-hero{padding:var(--space-xl) 0 var(--space-md)}.home-hero h1{font-size:2.25rem}.home-hero .subtitle{font-size:1.0625rem}.essay-grid{padding:0 var(--space-md)}}