/* HERO */
  .hero{padding:80px 0 64px;position:relative;overflow:hidden}
  .hero h1{font-family:'Fraunces',serif;font-weight:700;font-size:clamp(44px,7vw,88px);line-height:.95;letter-spacing:-.03em;margin:20px 0 24px;max-width:800px}
  .hero h1 em{font-style:italic;color:var(--accent);font-weight:600}
  .hero p.lede{font-size:19px;color:#40444F;max-width:600px;line-height:1.55;margin:0}
  .hero-ghost{position:absolute;right:-40px;bottom:-80px;font-family:'Fraunces',serif;font-weight:800;font-style:italic;font-size:320px;color:rgba(8,78,254,.06);line-height:1;pointer-events:none;letter-spacing:-.06em}

  /* ARCHIVE GRID */
  .blog-archive{padding:20px 0 100px}

  .blog-empty{
    background:var(--card);border:1.5px dashed rgba(11,13,20,.2);border-radius:16px;
    padding:80px 32px;text-align:center;min-height:320px;display:grid;place-items:center;
  }
  .blog-empty .eyebrow{color:var(--accent);margin-bottom:16px}
  .blog-empty h2{font-family:'Fraunces',serif;font-weight:700;font-size:clamp(26px,4vw,36px);letter-spacing:-.02em;margin:0 0 16px;line-height:1}
  .blog-empty p{font-size:16px;color:#40444F;max-width:440px;margin:0 auto 24px}

  /* PAGINATION */
  .blog-pagination{
    display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;
    margin-top:16px;font-family:'JetBrains Mono',monospace;font-size:13px;
  }
  .blog-pagination .page-numbers{
    display:inline-flex;align-items:center;justify-content:center;
    min-width:40px;height:40px;padding:0 12px;border-radius:100px;
    border:1px solid rgba(11,13,20,.12);color:var(--ink);
  }
  .blog-pagination a.page-numbers:hover{border-color:var(--accent);color:var(--accent)}
  .blog-pagination .current{background:var(--ink);color:var(--paper);border-color:var(--ink)}
  .blog-pagination .dots{border:none}

  @media (max-width: 640px) {
    .blog-empty{padding:56px 20px}
  }