/* ─────────────────────────────────────────────────────────────────────────────
   Kürşat Apaydın — typography foundation (self-hosted, no external requests)

   Primary  : Instrument Sans — variable, weights 400–700 (SIL OFL 1.1)
   Accent   : Cormorant Garamond — roman 400 + italic 400, editorial accent only

   Subsets are the official Google Fonts latin + latin-ext cuts, kept intact so
   that English, Italian and Turkish (İ ı Ş ş Ğ ğ Â â Ü ü Ö ö Ç ç) all render.
   URLs below are relative to this file, so the same CSS works at every folder
   depth of the generated /en /it /tr site.
   ───────────────────────────────────────────────────────────────────────────── */

/* ── Instrument Sans · variable 400–700 ─────────────────────────────────── */
@font-face {
  font-family: 'Instrument Sans';
  font-style: normal;
  font-weight: 400 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(instrument-sans-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 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(instrument-sans-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;
}

/* ── Cormorant Garamond · editorial accent (roman 400 / italic 400) ─────── */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 400;
  font-display: block;
  src: url(cormorant-garamond-italic-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: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 400;
  font-display: block;
  src: url(cormorant-garamond-italic-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: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(cormorant-garamond-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: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(cormorant-garamond-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;
}


/* ── KA.LAB only (downloaded on demand, never on other pages) ─────────── */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(cormorant-garamond-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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(cormorant-garamond-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: 'Space Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(space-mono-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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Space Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(space-mono-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;
}

/* ── tokens (documented foundation; the pages carry literal stacks so that
      text never flashes in a default serif before this file lands) ───────── */
:root {
  --font-primary: 'Instrument Sans', 'Helvetica Neue', Arial, sans-serif;
  --font-accent: 'Cormorant Garamond', Georgia, serif;

  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

  /* ── mixed-font optical balancing ──────────────────────────────────────
     Measured at 100px with the real woff2 files loaded:
       Instrument Sans 400      x-height 0.51 · cap 0.72
       Cormorant Garamond ital. x-height 0.40 · cap 0.63
     Equal x-height would need 1.275em, equal cap-height 1.143em. Full
     x-height parity reads too large for an italic serif, so the accent sits
     between the two ratios and is calibrated per heading role. These are the
     only places the serif scale is defined — no one-off overrides. */
  --ka-accent-color: #d6b67a;
  --ka-accent-display: 1.20em;   /* manifesto / hero statements  (44px+) */
  --ka-accent-heading: 1.16em;   /* section + page headings      (28–44px) */
  --ka-accent-inline: 1.12em;    /* captions, body-scale accents */

  /* ── shared type roles (documented; pages carry literal stacks) ──────── */
  --ka-display-line: 1.07;       /* display text that mixes sans + serif */
  --ka-heading-line: 1.12;
  --ka-body-line: 1.55;          /* 1.45–1.65 band */
  --ka-body-size: clamp(16px, 1.4vw, 17px);
  --ka-meta-size: 12px;          /* uppercase metadata — never below 12px */
}

/* ── serif editorial accent ───────────────────────────────────────────────
   One class, three roles. Applied to the <em> inside an otherwise Instrument
   Sans line: same baseline (no vertical-align shift, no transform), natural
   italic forms, no synthetic oblique, no added word spacing. */
.ka-accent {
  font-family: var(--font-accent);
  font-style: italic;
  font-weight: var(--font-weight-regular);
  font-size: var(--ka-accent-heading);
  letter-spacing: -.004em;
  color: var(--ka-accent-color);
  font-synthesis: none;
}
.ka-accent--display { font-size: var(--ka-accent-display); }
.ka-accent--inline  { font-size: var(--ka-accent-inline); }

/* Mixed sans/serif display line: the enlarged italic needs a real line box,
   or its ascenders and Turkish/Italian diacritics clip inside the scroll
   reveal animations. Space is reserved in layout, not faked with transforms. */
.ka-display-mixed {
  line-height: var(--ka-display-line) !important;
  padding-bottom: .06em;
}

@media (max-width: 760px) {
  :root {
    --ka-accent-display: 1.16em;
    --ka-accent-heading: 1.14em;
  }
}