.cat-hero{background:var(--paper);border-bottom:2px solid var(--ink);padding:48px 0 40px;position:relative}.cat-hero-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:48px;align-items:end}@media(max-width:900px){.cat-hero-grid{grid-template-columns:1fr}}.cat-eyebrow{display:flex;gap:10px;align-items:center;margin-bottom:16px}.cat-hero h1{font-family:var(--display);text-transform:uppercase;font-size:clamp(48px,8vw,120px);line-height:.86;color:var(--ink);letter-spacing:-.025em}.cat-hero h1 em{font-family:var(--serif);font-style:italic;font-weight:500;text-transform:none;color:var(--red);font-variation-settings:"opsz" 144;letter-spacing:-.02em}.cat-hero .lede{font-family:var(--serif);font-size:20px;line-height:1.5;color:var(--body);max-width:600px;margin-top:18px;font-variation-settings:"opsz" 24}.cat-hero .lede strong{color:var(--ink);font-weight:700}.cat-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border:2px solid var(--ink);background:var(--cream)}.cat-stats .s{padding:18px 22px;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);display:flex;flex-direction:column;gap:4px}.cat-stats .s:nth-child(2n){border-right:none}.cat-stats .s:nth-last-child(-n+2){border-bottom:none}.cat-stats .lbl{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--secondary)}.cat-stats .v{font-family:var(--display);font-size:28px;color:var(--ink);letter-spacing:-.02em;line-height:1}.subnav{background:var(--ink);overflow-x:auto}.subnav-inner{display:flex;gap:0;min-height:52px;flex-wrap:wrap}.subnav a{padding:0 18px;display:inline-flex;align-items:center;min-height:52px;font-family:var(--display);font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:#f1e6cfa6;border-right:1px solid rgba(255,255,255,.12);transition:all .15s var(--ease);white-space:nowrap}.subnav a:hover{color:var(--ink);background:var(--lime)}.subnav a .ct{margin-left:8px;font-family:var(--mono);font-size:11px;opacity:.7}.explainer{display:grid;grid-template-columns:1fr 1.6fr;gap:0;border:2px solid var(--ink);background:var(--paper)}@media(max-width:800px){.explainer{grid-template-columns:1fr}}.explainer-side{background:var(--lime);padding:36px;border-right:2px solid var(--ink);display:flex;flex-direction:column;gap:18px}@media(max-width:800px){.explainer-side{border-right:none;border-bottom:2px solid var(--ink);padding:28px 22px}}.explainer-side h3{font-family:var(--display);text-transform:uppercase;font-size:clamp(28px,3.4vw,44px);line-height:.92;color:var(--ink);letter-spacing:-.025em}.explainer-side h3 em{font-family:var(--serif);font-style:italic;text-transform:none;color:var(--red);font-weight:500;font-variation-settings:"opsz" 72}.explainer-side .meta{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--ink);opacity:.7}.explainer-body{padding:36px;display:flex;flex-direction:column;gap:14px}@media(max-width:800px){.explainer-body{padding:28px 22px}}.explainer-body p{font-family:var(--serif);font-size:17px;line-height:1.6;color:var(--body);font-variation-settings:"opsz" 20}.explainer-body p.lede{font-size:20px;line-height:1.5}.explainer-body p.lede:first-letter{font-family:var(--display);font-size:56px;float:left;line-height:.88;padding:4px 10px 0 0;color:var(--red)}.explainer-body .point{border-left:4px solid var(--red);padding:4px 0 4px 16px;margin:8px 0}.explainer-body .point strong{display:block;font-family:var(--display);color:var(--ink);text-transform:uppercase;font-size:14px;letter-spacing:-.005em;margin-bottom:4px}.rel-cats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:2px solid var(--ink);background:var(--paper)}@media(max-width:900px){.rel-cats{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.rel-cats{grid-template-columns:1fr}}.rel-cat{padding:24px;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);cursor:pointer;transition:background .15s var(--ease);display:flex;flex-direction:column;gap:10px}.rel-cat:hover{background:var(--lime)}.rel-cat .num{font-family:var(--display);font-size:42px;color:var(--ink);line-height:.85;letter-spacing:-.03em}.rel-cat .name{font-family:var(--display);font-size:16px;text-transform:uppercase;letter-spacing:-.005em;color:var(--ink)}.rel-cat .meta{font-family:var(--mono);font-size:11px;color:var(--secondary);text-transform:uppercase;letter-spacing:.1em;margin-top:auto}.rel-cat .meta strong{color:var(--red);font-weight:700}
