/* Typography — matched to jeton.com (Sequel Sans, Inter / Montserrat fallbacks) */

@font-face {
  font-family: 'Sequel Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/SequelSans-Display.BSxqJqbM.woff2') format('woff2');
}

@font-face {
  font-family: 'Sequel Sans';
  font-style: normal;
  font-weight: 450;
  font-display: swap;
  src: url('fonts/SequelSans-DisplayBook.DS_QNCiF.woff2') format('woff2');
}

@font-face {
  font-family: 'Sequel Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('fonts/SequelSans-DisplayMedium.BYsR-9NK.woff2') format('woff2');
}

@font-face {
  font-family: 'Sequel Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('fonts/SequelSans-DisplaySemi.BFge39nV.woff2') format('woff2');
}

:root {
  --font-display: 'Sequel Sans', Inter, Montserrat, system-ui, sans-serif;
  --font-body: 'Sequel Sans', Inter, Montserrat, system-ui, sans-serif;
}

html,
body {
  letter-spacing: 0.01em;
}

h1,
h2:not(.brands-scene-h2),
h3,
h4,
h5,
h6,
.logo-text .name,
.section-head:not(.brands-scene-copy) h2,
.hero h1 {
  letter-spacing: 0.03em;
  font-weight: 500;
}

/* Brands scroll scene: keep original metrics so white/ink duplicate layers stay aligned */
.brands-scene-h2 {
  font-weight: 700;
  letter-spacing: -0.03em;
  font-synthesis: none;
}

.logo,
.logo-text .name {
  font-weight: 500;
}