/* ─── Custom cursor ─────────────────────────────────────── */
    .cursor-dot {
      position: fixed;
      pointer-events: none;
      z-index: 10000;
      mix-blend-mode: difference;
      opacity: 0;
      transition: opacity .4s, transform .12s ease-out;
      transform: translate(-50%, -50%);
      font-family: 'Webdings';
      font-size: 18px;
      color: #fff;
      line-height: 1;
    }
    .cursor-dot.visible { opacity: 1; }
    @media (hover: none), (pointer: coarse) {
      .cursor-dot { display: none; }
    }
    @font-face { font-family: "FG"; src: url("fonts/fgatf/FranklinGothicATF-Regular.otf") format("opentype"); font-weight: 400; font-display: swap; }
    @font-face { font-family: "FG"; src: url("fonts/fgatf/FranklinGothicATF-Bold.otf") format("opentype"); font-weight: 700; font-display: swap; }
    * { box-sizing: border-box; margin: 0; padding: 0; }
    body { background: #000; color: #fff; font-family: "FG", Arial, sans-serif; line-height: 1.75; }
    .wrap { max-width: 860px; margin: 0 auto; padding: 48px 24px 80px; }
    .top { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 44px; flex-wrap: wrap; }
    .top a { color: #9a9a9a; text-decoration: none; font-size: 12px; letter-spacing: .15em; text-transform: uppercase; }
    .top a:hover { color: #fff; }
    h1 { font-size: clamp(34px, 6vw, 64px); letter-spacing: .04em; line-height: .95; margin-bottom: 10px; }
    .meta { color: #9a9a9a; font-size: 12px; text-transform: uppercase; letter-spacing: .14em; margin-bottom: 34px; }
    h2 { font-size: 18px; letter-spacing: .08em; text-transform: uppercase; margin: 30px 0 10px; }
    p, li { color: #c3c3c3; font-size: 14px; }
    ul { padding-left: 18px; }
    a { color: #fff; }
    .foot { margin-top: 46px; border-top: 1px solid rgba(255,255,255,.12); padding-top: 18px; color: #8d8d8d; font-size: 12px; }