@font-face { font-family: 'Barlow'; font-style: normal; font-weight: 400; font-display: optional; src: url('./barlow-400.woff2') format('woff2'), url('./barlow-400.ttf') format('truetype'); }
@font-face { font-family: 'Barlow'; font-style: normal; font-weight: 500; font-display: optional; src: url('./barlow-500.woff2') format('woff2'), url('./barlow-500.ttf') format('truetype'); }
@font-face { font-family: 'Barlow'; font-style: normal; font-weight: 600; font-display: optional; src: url('./barlow-600.woff2') format('woff2'), url('./barlow-600.ttf') format('truetype'); }
@font-face { font-family: 'Barlow'; font-style: normal; font-weight: 700; font-display: optional; src: url('./barlow-700.woff2') format('woff2'), url('./barlow-700.ttf') format('truetype'); }
@font-face { font-family: 'Big Shoulders Display'; font-style: normal; font-weight: 700; font-display: swap; src: url('./big-shoulders-display-700.woff2') format('woff2'), url('./big-shoulders-display-700.ttf') format('truetype'); }
@font-face { font-family: 'Big Shoulders Display'; font-style: normal; font-weight: 800; font-display: swap; src: url('./big-shoulders-display-800.woff2') format('woff2'), url('./big-shoulders-display-800.ttf') format('truetype'); }
/* Metric-matched fallbacks: keep the layout identical before the web fonts arrive. */
@font-face { font-family: 'Barlow Fallback'; src: local('Arial'), local('Helvetica'); size-adjust: 95.06%; ascent-override: 105.2%; descent-override: 21.04%; line-gap-override: 0%; }
@font-face { font-family: 'Big Shoulders Fallback'; src: local('Arial'), local('Helvetica'); size-adjust: 76.36%; ascent-override: 128.34%; descent-override: 27.5%; line-gap-override: 0%; }