/* index2 · tokens + base */
    :root {
      --ink: #1a1614;
      --ink-soft: #3d3330;
      --paper: #fdfaf6;
      --ivory: #f5ede4;
      --ivory-2: #ede0d4;
      --coral: #c94a41;
      --coral-deep: #9e3830;
      --coral-pale: #f5e2df;
      --butter: #f0ee7a;
      --sky: #cde4e9;
      --sky-deep: #2a5f6e;
      --sage: #dbe8dc;
      --sage-deep: #3a6040;
      --muted: #7a6a62;
      --line: rgba(26,22,20,.1);
      --shadow: 0 34px 90px rgba(60,40,30,.18);
      --shadow-sm: 0 18px 42px rgba(60,40,30,.11);
      --serif: 'Cormorant Garamond', Georgia, serif;
      --sans: 'Sora', 'Helvetica Neue', sans-serif;
      --max: 1200px;
    }

    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    html { scroll-behavior: smooth; scroll-padding-top: 108px; }
    body {
      font-family: var(--sans);
      background: var(--paper);
      color: var(--ink);
      overflow-x: hidden;
      -webkit-font-smoothing: antialiased;
    }
    img { display: block; max-width: 100%; }
    a { color: inherit; text-decoration: none; }
    button { font: inherit; cursor: pointer; border: 0; background: none; color: inherit; }
    .wrap {
      width: min(var(--max), calc(100vw - 48px));
      margin: 0 auto;
    }
    .muted { color: var(--muted); }
    .visually-hidden {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0,0,0,0);
      white-space: nowrap;
      border: 0;
    }