@font-face {
  font-family: Satoshi;
  src: url('assets/satoshi-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Satoshi;
  src: url('assets/optimized/satoshi-500.af02a72246f5.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Satoshi;
  src: url('assets/satoshi-700.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Satoshi;
  src: url('assets/satoshi-900.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
:root {
  --sans: Satoshi, sans-serif;
  --display: Satoshi, sans-serif;
}
/* Keep the established script accents; every other UI label uses Satoshi. */
body,
body :not(.script):not(.script *) {
  font-family: Satoshi, sans-serif !important;
}
body {
  font-weight: 400;
}
h1,
h2,
h3,
h4,
h5,
h6,
.hero h1,
.title-pair h1,
.title-pair h2,
.case-content h1,
.case-content h2,
.case-content h3 {
  font-weight: 900 !important;
}
p,
li,
dd,
dt,
figcaption,
.hero p,
.bio,
.journey-content,
.outside-copy,
.work-notes,
.music-label,
.photo-story figcaption,
.case-content p,
.case-content li {
  font-weight: 400;
}
.dock-navigation a,
.nav-toggle,
.dock-menu a,
.dock-menu-heading,
.dock-menu button,
.bottom-dock button,
.nav-current {
  font-weight: 500;
}
.music-label {
  font-weight: 500;
}