/* =========================================================
   GLOBAL VARIABLES (single source of truth)
========================================================= */
:root {
  --header-h: 70px;
  --container: 1200px;
  --max: 1200px;

  --accent: #ff6a01;

  --text: #1a1a1a;
  --muted: rgba(0, 0, 0, 0.65);
  --line: rgba(0, 0, 0, 0.18);

  /* voice marquee */
  --voiceW: 2646.8px;
  --voiceH: 340px;
  --voiceSpeed: 75s;
  --edgePad: 0px;

  /* timeline */
  --dotSize: 12px;
  --dotScaleActive: 1.35;
  --circleSm: 149px;
  --circleLg: 213px;
  --gapDotCircle: 18px;
  --dotStep: 320px;
  --yearFontSm: 50px;
  --yearFontLg: 72px;
  --textFontSm: 14px;
  --textFontLg: 20px;

  /* interview background */
  --interview-bg: #f2f2f2;

  /* ✅ network background control */
  --network-y: -320px; /* pxで上下調整 */
  --network-opacity: 0.22; /* 濃さ */
  --network-sat: 0.9; /* 彩度 */
  --network-contrast: 1; /* コントラスト */

  /* fan footer */
  --fan-overlap: 120px;
  --fan-height: clamp(520px, 55vw, 760px);
  --fan-top-pad: clamp(56px, 6vw, 96px);
  --fan-bottom-pad: clamp(88px, 8vw, 140px);
  --lower-h: clamp(110px, 10vw, 150px);
  --bar-h: 64px;
}

@media (max-width: 860px) {
  :root {
    --header-h: 47px;
    --section-title-size-sp: clamp(20px, 5.6vw, 26px);
  }
}