/* ==========================================================================
   Studio Self – Web Fonts
   Hosted at /user/documents/fonts/
   ========================================================================== */

/* InterFace – body text
   --------------------------------------------------------------------- */

@font-face {
  font-family: 'InterFace';
  src: url('/user/documents/fonts/interface-light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'InterFace';
  src: url('/user/documents/fonts/interface-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'InterFace';
  src: url('/user/documents/fonts/interface-bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'InterFace';
  src: url('/user/documents/fonts/interface-italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* Beaufort – headings & intro sections
   --------------------------------------------------------------------- */

@font-face {
  font-family: 'Beaufort';
  src: url('/user/documents/fonts/beaufort-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Beaufort';
  src: url('/user/documents/fonts/beaufort-bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Beaufort';
  src: url('/user/documents/fonts/beaufort-italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* ==========================================================================
   Typography styles
   ========================================================================== */

/* Body text */
body {
  font-family: 'InterFace', sans-serif;
  font-weight: 400;
  font-style: normal;
}

/* Headings – h1, h2, hero sections, intro text */
h1, h2, h3,
.heading,
.hero-title,
.intro-text {
  font-family: 'Beaufort', serif;
  font-weight: 400;
  font-style: normal;
}

/* Menu bar – uppercase InterFace Light/Regular */
.menu-bar,
.nav-link,
nav a {
  font-family: 'InterFace', sans-serif;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* Bold text */
strong, b,
.text-bold {
  font-family: 'InterFace', sans-serif;
  font-weight: 700;
}

/* Italic text */
em, i,
.text-italic {
  font-family: 'InterFace', sans-serif;
  font-style: italic;
}