@font-face {
  font-family: 'Aeonik';
  src: url('../fonts/Aeonik/Aeonik-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'NeuePower';
  src: url('../fonts/NeuePower/NeuePower-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'NeuePower';
  src: url('../fonts/NeuePower/NeuePower-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'NeuePower';
  src: url('../fonts/NeuePower/NeuePower-Ultra.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'NohemiLocal';
  src: url('../fonts/Nohemi/Nohemi-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'NohemiLocal';
  src: url('../fonts/Nohemi/Nohemi-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'NohemiLocal';
  src: url('../fonts/Nohemi/Nohemi-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'NohemiLocal';
  src: url('../fonts/Nohemi/Nohemi-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'NohemiLocal';
  src: url('../fonts/Nohemi/Nohemi-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'NohemiLocal';
  src: url('../fonts/Nohemi/Nohemi-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'NohemiLocal';
  src: url('../fonts/Nohemi/Nohemi-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --c-yellow:  #EDFF00;
  --c-black:   #000000;
  --c-grey-01: #181818;
  --c-grey:    #656565;
  --c-white:   #FFFFFF;
  --c-bg:      #F7F7F5;
  --c-border:  rgba(0,0,0,0.07);
  --c-muted:   #888888;

  --f-neue:    'NeuePower', sans-serif;
  --f-nohemi:  'NohemiLocal', 'Nohemi', sans-serif;
  --f-aeonik:  'Aeonik', sans-serif;

  --r-sm:  8px;
  --r-md:  14px;
  --r-lg:  24px;
  --r-xl:  40px;

  --ease: cubic-bezier(.22,.61,.36,1);
  --t: .22s var(--ease);

  /* ── Type scale ── */
  --fs-h1: 48px;
  --fs-h2: 40px;
  --fs-h3: 36px;
  --fs-h4: 32px;
  --fs-h5: 24px;
  --fs-h6: 20px;
}