/* ─── FONTS ─────────────────────────────────────── */
@font-face {
  font-family: 'Mg12';
  src: url('Fonts/mg12/Mg¹²-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Geomanist';
  src: url('Fonts/geomanist/Geomanist-Light.woff2') format('woff2'),
       url('Fonts/geomanist/Geomanist-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Geomanist';
  src: url('Fonts/geomanist/Geomanist-Book.woff2') format('woff2'),
       url('Fonts/geomanist/Geomanist-Book.otf') format('opentype');
  font-weight: 350;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Geomanist';
  src: url('Fonts/geomanist/Geomanist-Regular.woff2') format('woff2'),
       url('Fonts/geomanist/Geomanist-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Geomanist';
  src: url('Fonts/geomanist/Geomanist-Medium.woff2') format('woff2'),
       url('Fonts/geomanist/Geomanist-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* ─── TOKENS ─────────────────────────────────────── */
:root {
  --bg-red:   #ff2c00;
  --bg-dark:  #0a0a0a;
  --black:    #111;
  --white:    #fff;
  --w30:      rgba(255, 255, 255, 0.3);
  --w20:      rgba(255, 255, 255, 0.2);

  --serif:  'Mg12', serif;
  --sans:   'Geomanist', sans-serif;

  --container: 1080px;
  --content:   704px;

  --f-headline:  clamp(32px, 3.17vw, 48px);
  --f-body:      clamp(18px, 1.58vw, 24px);
  --f-nav:       clamp(13px, 1.05vw, 16px);
}

/* ─── RESET ─────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }

body {
  background: var(--bg-dark);
  color: var(--white);
  font-family: var(--sans);
  font-weight: 400;
}

a { color: inherit; text-decoration: none; }

p { word-break: break-word; }