/* 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}

  /* LINKS LIST */
  .links-list{padding:20px 0 120px}
  .links-grid{display:flex;flex-direction:column;gap:16px}
  .link-card{
    display:flex;align-items:center;gap:24px;
    background:var(--card);border:1px solid rgba(11,13,20,.1);border-radius:20px;
    padding:28px 32px;transition:all .2s ease;
  }
  .link-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 20px 40px rgba(8,78,254,.12)}
  .link-card-num{
    font-family:'JetBrains Mono',monospace;font-size:13px;letter-spacing:.1em;
    color:var(--muted);flex-shrink:0;width:32px;
  }
  .link-card-body{flex:1}
  .link-card-body h3{font-family:'Fraunces',serif;font-weight:700;font-size:22px;letter-spacing:-.02em;margin:0 0 6px;line-height:1.1}
  .link-card-body p{font-size:14px;color:#40444F;margin:0;line-height:1.5}
  .link-card-arrow{
    flex-shrink:0;width:40px;height:40px;border-radius:50%;
    background:var(--accent-tint);color:var(--accent);
    display:grid;place-items:center;transition:all .2s ease;
  }
  .link-card:hover .link-card-arrow{background:var(--accent);color:#fff;transform:translateX(4px)}

  @media (max-width: 640px) {
    .link-card{flex-wrap:wrap;padding:24px 20px;gap:12px}
    .link-card-num{width:auto}
    .link-card-arrow{display:none}
  }