/* ============================================================
   Chiho Creative Studio — design tokens
   European editorial structure, Japanese restraint.
   ============================================================ */

/* --- Typefaces --------------------------------------------- */
/* Latin faces are self-hosted (latin + latin-ext subsets only).
   Japanese face is subset to the characters this site actually
   uses — see README for the regeneration command.              */

@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/instrumentsans-400-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/instrumentsans-400-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/instrumentsans-500-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/instrumentsans-500-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}

@font-face{font-family:'Spectral';font-style:italic;font-weight:300;font-display:swap;src:url('../fonts/spectral-300i-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Spectral';font-style:italic;font-weight:300;font-display:swap;src:url('../fonts/spectral-300i-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Spectral';font-style:normal;font-weight:300;font-display:swap;src:url('../fonts/spectral-300-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Spectral';font-style:normal;font-weight:300;font-display:swap;src:url('../fonts/spectral-300-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Spectral';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/spectral-400-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Spectral';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/spectral-400-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Spectral';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/spectral-500-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Spectral';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/spectral-500-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}

@font-face{font-family:'Noto Serif JP';font-style:normal;font-weight:300 400;font-display:swap;src:url('../fonts/notoserifjp-subset.woff2') format('woff2');}

:root{
  /* --- Colour -------------------------------------------------
     Warm off-white paper, warm charcoal ink, soft warm greys,
     and ONE red — the brand red, at three values.

     The logo's red and a separate "wine" accent read as two
     different colours fighting each other, because they sit at
     different hues (359 vs 350) and different saturations. So
     there is only one hue here now. --brand-red is the logo's
     own value and belongs to the mark alone; --accent is that
     same red darkened until it can carry small type on paper;
     --accent-on-ink is it lightened for the dark band.        */
  --paper:        #F1EEE9;
  --paper-raised: #E9E4DB;
  --paper-sunk:   #E2DCD1;
  --ink:          #211F1D;
  --ink-deep:     #171613;
  /* Both greys clear 4.5:1 on --paper and on --paper-raised, so
     the eyebrows and the small Japanese sub-labels stay legible
     rather than merely decorative. */
  --grey:         #635E56;
  --grey-mid:     #6B655C;
  --rule:         #D6CFC3;
  --rule-soft:    #E0D9CD;
  --brand-red:    #C4181A;   /* the mark, and only the mark */
  --accent:       #8A1416;   /* 8.3:1 on paper — all typographic accent */

  /* on the dark band */
  --paper-on-ink: #EDE9E2;
  --grey-on-ink:  #9A938A;
  --grey-on-ink-2:#8A837A;
  --rule-on-ink:  #34302B;
  --accent-on-ink:#BC4A46;   /* 3.6:1 on ink — display glyph only */

  /* --- Type --------------------------------------------------- */
  --display: 'Spectral', 'Iowan Old Style', 'Palatino Linotype', Palatino, Georgia, serif;
  --sans:    'Instrument Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  --jp:      'Noto Serif JP', 'Hiragino Mincho ProN', 'Yu Mincho', 'YuMincho', serif;

  --t-hero:    clamp(2.9rem, 7.2vw, 6.25rem);
  --t-title:   clamp(1.9rem, 3.8vw, 3.15rem);
  --t-lede:    clamp(1.125rem, 1.45vw, 1.4rem);
  --t-sub:     clamp(1.15rem, 1.7vw, 1.5rem);
  --t-body:    1rem;
  --t-small:   0.875rem;
  --t-label:   0.6875rem;

  /* --- Space & structure -------------------------------------- */
  --rail:      5.25rem;                       /* left margin rail  */
  --gutter:    clamp(1.5rem, 5vw, 4rem);
  --measure:   1180px;
  --band:      clamp(5.5rem, 13vh, 10.5rem);  /* section rhythm    */

  --ease: cubic-bezier(.2, .7, .2, 1);
}