.hero{position:relative;margin:0 0 24px;padding:22px 24px;border-radius:24px;overflow:hidden;background:linear-gradient(180deg,color-mix(in srgb,var(--surface-page,#0e1117) 80%,transparent) 0,color-mix(in srgb,var(--surface-page,#0e1117) 96%,transparent) 100%);border:1px solid color-mix(in srgb,var(--ink-primary,#fff) 8%,transparent);box-shadow:0 1px 0 0 color-mix(in srgb,var(--ink-primary,#fff) 6%,transparent) inset,0 12px 32px rgba(0,0,0,.32);isolation:isolate}.hero-glow{position:absolute;inset:-40px -20px 30% -20px;z-index:-1;pointer-events:none;background:radial-gradient(1100px 380px at 18% 0,color-mix(in srgb,var(--accent-warm,#ffd86b) 18%,transparent) 0,transparent 60%),radial-gradient(900px 320px at 82% 0,color-mix(in srgb,var(--accent-cool,#5c9eff) 14%,transparent) 0,transparent 65%);filter:blur(8px);opacity:.85}.hero-author .hero-glow{background:radial-gradient(1100px 380px at 14% 0,color-mix(in srgb,#ffd86b 22%,transparent) 0,transparent 60%),radial-gradient(900px 320px at 86% 0,color-mix(in srgb,#b66e2a 18%,transparent) 0,transparent 65%)}.hero-series .hero-glow{background:radial-gradient(1100px 380px at 14% 0,color-mix(in srgb,#5c9eff 24%,transparent) 0,transparent 60%),radial-gradient(900px 320px at 86% 0,color-mix(in srgb,#8e5bff 18%,transparent) 0,transparent 65%)}.hero-identifier .hero-glow,.hero-standard .hero-glow{background:radial-gradient(900px 280px at 14% 0,color-mix(in srgb,#4ade80 22%,transparent) 0,transparent 60%)}.hero-article .hero-glow{background:radial-gradient(1000px 320px at 16% 0,color-mix(in srgb,#7bc7d8 22%,transparent) 0,transparent 60%),radial-gradient(900px 300px at 88% 0,color-mix(in srgb,#ffd86b 12%,transparent) 0,transparent 68%)}.hero-disambig .hero-glow{background:radial-gradient(900px 280px at 50% 0,color-mix(in srgb,#ffd86b 26%,transparent) 0,transparent 60%)}.hero-body{position:relative}.hero-with-art{display:grid;grid-template-columns:96px minmax(0,1fr);gap:20px;align-items:center}@media (max-width:560px){.hero-with-art{grid-template-columns:72px minmax(0,1fr);gap:14px}}.hero-artwork{position:relative;width:96px;aspect-ratio:2/3;overflow:hidden;border-radius:10px;background:color-mix(in srgb,var(--surface-page,#0e1117) 72%,#fff 4%);box-shadow:0 10px 28px rgba(0,0,0,.45);flex-shrink:0}@media (max-width:560px){.hero-artwork{width:72px;border-radius:8px}}.hero-artwork img{position:absolute;inset:0;z-index:2;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;background:color-mix(in srgb,var(--surface-page,#0e1117) 84%,#fff 4%)}.hero-artwork-fallback{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;justify-content:space-between;padding:12px 10px;background:linear-gradient(160deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,0) 42%),repeating-linear-gradient(180deg,hsla(0,0%,100%,.026) 0 1px,transparent 1px 4px),#2e3a46;color:hsla(42,39%,94%,.94)}.hero-artwork-article .hero-artwork-fallback{background:repeating-linear-gradient(180deg,transparent 0 20px,rgba(31,78,121,.1) 20px 21px),linear-gradient(180deg,#f7f1e2,#ece3cd);color:#1b1a16}.hero-artwork-kicker{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono,ui-monospace);font-size:8px;letter-spacing:.16em;text-transform:uppercase;opacity:.62}.hero-artwork-title{overflow:hidden;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;font-family:var(--font-display,var(--font-sans,system-ui));font-size:12px;font-weight:650;line-height:1.3}.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:color-mix(in srgb,var(--ink-secondary,#c9d0da) 90%,transparent);margin-bottom:12px}.hero-eyebrow-dot{width:6px;height:6px;border-radius:999px;background:var(--accent-warm,#ffd86b);box-shadow:0 0 8px var(--accent-warm,#ffd86b)}.hero-row{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start}@media (max-width:480px){.hero-row{grid-template-columns:56px 1fr;gap:12px}}.hero-portrait{width:88px;height:88px;border-radius:999px;-o-object-fit:contain;object-fit:contain;border:2px solid color-mix(in srgb,var(--ink-primary,#fff) 12%,transparent);box-shadow:0 6px 20px rgba(0,0,0,.45)}@media (max-width:480px){.hero-portrait{width:56px;height:56px}}.hero-portrait-fallback{display:grid;place-items:center;background:linear-gradient(180deg,#2a1f10,#1a1408);color:var(--accent-warm,#ffd86b);font-family:var(--font-display,var(--font-sans,system-ui));font-weight:800;font-size:30px;letter-spacing:-.02em}.hero-col{min-width:0}.hero-title{font-family:var(--font-display,var(--font-sans,system-ui));font-weight:700;letter-spacing:-.022em;font-size:clamp(22px,3.6vw,32px);line-height:1.1;margin:0 0 8px;color:var(--ink-primary,#f5f5f5)}.hero-title em{font-style:italic;color:color-mix(in srgb,var(--accent-warm,#ffd86b) 80%,var(--ink-primary,#fff))}.hero-meta{margin:0 0 10px;font-size:13px;color:color-mix(in srgb,var(--ink-secondary,#c9d0da) 95%,transparent)}.hero-bio{margin:0 0 14px;font-size:14px;line-height:1.45;color:color-mix(in srgb,var(--ink-secondary,#c9d0da) 88%,transparent);max-width:64ch;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}.hero-btn{display:inline-flex;align-items:center;gap:4px;padding:8px 14px;border-radius:999px;font-size:13px;font-weight:600;letter-spacing:-.005em;cursor:pointer;transition:transform .16s cubic-bezier(.2,.8,.2,1),background .16s ease,box-shadow .16s ease;text-decoration:none;white-space:nowrap}.hero-btn:hover{transform:translateY(-1px)}.hero-btn:active{transform:translateY(0)}.hero-btn-primary{background:var(--accent-warm,#ffd86b);color:#1a1208;box-shadow:0 6px 18px color-mix(in srgb,var(--accent-warm,#ffd86b) 35%,transparent)}.hero-btn-primary:hover{background:color-mix(in srgb,var(--accent-warm,#ffd86b) 92%,#fff)}.hero-btn-ghost{background:color-mix(in srgb,var(--ink-primary,#fff) 6%,transparent);color:var(--ink-primary,#f5f5f5);border:1px solid color-mix(in srgb,var(--ink-primary,#fff) 12%,transparent)}.hero-btn-ghost:hover{background:color-mix(in srgb,var(--ink-primary,#fff) 10%,transparent)}@media (prefers-reduced-motion:reduce){.hero-btn{transition:none}}