@charset "UTF-8";
/* =====================================================
  TOKENS
  INCONNECTZERO
===================================================== */

:root{

  /* -----------------------------------------------------
    COLOR
  ----------------------------------------------------- */
  --icz-bg:#ffffff;
  --icz-bg-soft:#f7f7f5;

  --icz-ink-strong:rgba(0,0,0,.84);
  --icz-ink:rgba(0,0,0,.72);
  --icz-ink-soft:rgba(0,0,0,.56);
  --icz-ink-faint:rgba(0,0,0,.42);

  --icz-line:rgba(0,0,0,.10);
  --icz-line-soft:rgba(0,0,0,.08);

  /* -----------------------------------------------------
    FONT
  ----------------------------------------------------- */
  --icz-en:"Cinzel", serif;
  --icz-ja:"Cormorant Garamond", "Hiragino Mincho ProN", "Yu Mincho", serif;

  --icz-en-track:.18em;

  /* -----------------------------------------------------
    TYPE SCALE
  ----------------------------------------------------- */
  --icz-fz-14:14px;
  --icz-fz-12:12px;
  --icz-fz-10:10px;
  --icz-fz-8:8px;

  /* -----------------------------------------------------
    WIDTH
  ----------------------------------------------------- */
  --icz-container:1200px;
  --icz-measure:38em;

  /* -----------------------------------------------------
    SPACE
  ----------------------------------------------------- */
  --icz-space-8:8px;
  --icz-space-13:13px;
  --icz-space-21:21px;
  --icz-space-34:34px;
  --icz-space-55:55px;
  --icz-space-89:89px;

  --icz-pad-pc:clamp(24px, 4vw, 48px);
  --icz-pad-sp:20px;

  /* -----------------------------------------------------
    MOTION
  ----------------------------------------------------- */
  --icz-dur:.35s;
  --icz-ease:cubic-bezier(.22,.61,.36,1);
}