/* ============================================================
   Hero — landing headline, floating mark disc, stat meta row.
   ============================================================ */
.hero{position:relative;padding:104px 0 96px;border-bottom:var(--hairline);overflow:hidden}
.hero::before{content:"";position:absolute;right:-8%;top:-20%;width:50%;height:140%;background:radial-gradient(circle at 60% 40%,rgba(107,46,138,.14),transparent 60%);pointer-events:none;z-index:0}
.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.55fr 1fr;gap:56px;align-items:center}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:40px}}
.hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(48px,7.4vw,108px);line-height:.96;letter-spacing:-.02em;margin:28px 0 0;color:var(--ink)}
.hero h1 em{font-style:italic;color:var(--plum)}
.hero .lede{font-family:var(--serif);font-size:clamp(20px,2.3vw,28px);line-height:1.4;color:#3a2f43;max-width:46ch;margin:36px 0 0;font-weight:400}
.hero .lede em{font-style:italic;color:var(--plum)}
.hero .actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:44px}
.hero-art{position:relative;display:flex;align-items:center;justify-content:center}
.hero-disc{position:relative;width:100%;max-width:380px;aspect-ratio:1/1;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:radial-gradient(circle at 38% 32%,rgba(163,104,184,.55),transparent 58%),radial-gradient(circle at 70% 80%,rgba(255,77,46,.32),transparent 55%),linear-gradient(155deg,#1A0D22 0%,#3D1A4A 55%,#0A0510 100%);
  box-shadow:0 40px 90px -30px rgba(61,26,74,.6);overflow:hidden}
.hero-disc .grain{position:absolute;inset:0;mix-blend-mode:overlay;opacity:.3;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' seed='7'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='.6'/></svg>")}
.hero-disc img{position:relative;z-index:2;width:46%;height:auto;animation:float 7s ease-in-out infinite}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@media(prefers-reduced-motion:reduce){.hero-disc img{animation:none}}

.hero-meta{position:relative;z-index:1;display:flex;gap:48px;flex-wrap:wrap;border-top:var(--edge);padding-top:28px;margin-top:80px}
.hero-meta .item{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ash)}
.hero-meta .item strong{display:block;font-family:var(--serif);font-size:34px;letter-spacing:-.01em;text-transform:none;color:var(--ink);font-weight:400;margin-bottom:2px}