/* Browser-loaded faces for the page and type shelf. Font files retain their OpenType features. */
/* Each face names its source, weight and style directly. Only the selected faces load. */
@font-face { font-family: 'EB Garamond'; src: url('./fonts/eb-garamond-normal.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'EB Garamond'; src: url('./fonts/eb-garamond-italic.woff2') format('woff2'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'Fragment Mono'; src: url('./fonts/fragment-mono-normal.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'shelf-cormorant'; src: url('./fonts/shelf/cormorant-normal.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'shelf-cormorant'; src: url('./fonts/shelf/cormorant-italic.woff2') format('woff2'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'shelf-spectral'; src: url('./fonts/shelf/spectral-normal.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'shelf-spectral'; src: url('./fonts/shelf/spectral-italic.woff2') format('woff2'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'shelf-newsreader'; src: url('./fonts/shelf/newsreader-normal.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'shelf-newsreader'; src: url('./fonts/shelf/newsreader-italic.woff2') format('woff2'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'shelf-crimson-pro'; src: url('./fonts/shelf/crimson-pro-normal.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'shelf-crimson-pro'; src: url('./fonts/shelf/crimson-pro-italic.woff2') format('woff2'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'shelf-fraunces'; src: url('./fonts/shelf/fraunces-normal.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'shelf-fraunces'; src: url('./fonts/shelf/fraunces-italic.woff2') format('woff2'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'shelf-playfair-display'; src: url('./fonts/shelf/playfair-display-normal.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'shelf-playfair-display'; src: url('./fonts/shelf/playfair-display-italic.woff2') format('woff2'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'shelf-libre-caslon'; src: url('./fonts/shelf/libre-caslon-normal.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'shelf-libre-caslon'; src: url('./fonts/shelf/libre-caslon-italic.woff2') format('woff2'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'shelf-alegreya'; src: url('./fonts/shelf/alegreya-normal.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'shelf-alegreya'; src: url('./fonts/shelf/alegreya-italic.woff2') format('woff2'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'shelf-lora'; src: url('./fonts/shelf/lora-normal.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'shelf-lora'; src: url('./fonts/shelf/lora-italic.woff2') format('woff2'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'shelf-source-serif'; src: url('./fonts/shelf/source-serif-normal.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'shelf-source-serif'; src: url('./fonts/shelf/source-serif-italic.woff2') format('woff2'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'shelf-vollkorn'; src: url('./fonts/shelf/vollkorn-normal.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'shelf-vollkorn'; src: url('./fonts/shelf/vollkorn-italic.woff2') format('woff2'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'shelf-zilla-slab'; src: url('./fonts/shelf/zilla-slab-normal.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'shelf-zilla-slab'; src: url('./fonts/shelf/zilla-slab-italic.woff2') format('woff2'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'shelf-bitter'; src: url('./fonts/shelf/bitter-normal.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'shelf-bitter'; src: url('./fonts/shelf/bitter-italic.woff2') format('woff2'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'shelf-bodoni-moda'; src: url('./fonts/shelf/bodoni-moda-normal.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'shelf-bodoni-moda'; src: url('./fonts/shelf/bodoni-moda-italic.woff2') format('woff2'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'shelf-old-standard-tt'; src: url('./fonts/shelf/old-standard-tt-normal.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'shelf-old-standard-tt'; src: url('./fonts/shelf/old-standard-tt-italic.woff2') format('woff2'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'shelf-cardo'; src: url('./fonts/shelf/cardo-normal.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'shelf-cardo'; src: url('./fonts/shelf/cardo-italic.woff2') format('woff2'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'shelf-marcellus'; src: url('./fonts/shelf/marcellus-normal.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'shelf-gentium-book'; src: url('./fonts/shelf/gentium-book-normal.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'shelf-gentium-book'; src: url('./fonts/shelf/gentium-book-italic.woff2') format('woff2'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'shelf-rosarivo'; src: url('./fonts/shelf/rosarivo-normal.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'shelf-rosarivo'; src: url('./fonts/shelf/rosarivo-italic.woff2') format('woff2'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'shelf-inter'; src: url('./fonts/shelf/inter-normal.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'shelf-inter'; src: url('./fonts/shelf/inter-italic.woff2') format('woff2'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'shelf-ibm-plex-sans'; src: url('./fonts/shelf/ibm-plex-sans-normal.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'shelf-ibm-plex-sans'; src: url('./fonts/shelf/ibm-plex-sans-italic.woff2') format('woff2'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'shelf-work-sans'; src: url('./fonts/shelf/work-sans-normal.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'shelf-work-sans'; src: url('./fonts/shelf/work-sans-italic.woff2') format('woff2'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'shelf-archivo'; src: url('./fonts/shelf/archivo-normal.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'shelf-archivo'; src: url('./fonts/shelf/archivo-italic.woff2') format('woff2'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'shelf-space-grotesk'; src: url('./fonts/shelf/space-grotesk-normal.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'shelf-public-sans'; src: url('./fonts/shelf/public-sans-normal.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'shelf-public-sans'; src: url('./fonts/shelf/public-sans-italic.woff2') format('woff2'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'shelf-manrope'; src: url('./fonts/shelf/manrope-normal.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'shelf-dm-sans'; src: url('./fonts/shelf/dm-sans-normal.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'shelf-dm-sans'; src: url('./fonts/shelf/dm-sans-italic.woff2') format('woff2'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'shelf-karla'; src: url('./fonts/shelf/karla-normal.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'shelf-karla'; src: url('./fonts/shelf/karla-italic.woff2') format('woff2'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'shelf-rubik'; src: url('./fonts/shelf/rubik-normal.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'shelf-rubik'; src: url('./fonts/shelf/rubik-italic.woff2') format('woff2'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'shelf-libre-franklin'; src: url('./fonts/shelf/libre-franklin-normal.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'shelf-libre-franklin'; src: url('./fonts/shelf/libre-franklin-italic.woff2') format('woff2'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'shelf-jost'; src: url('./fonts/shelf/jost-normal.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'shelf-jost'; src: url('./fonts/shelf/jost-italic.woff2') format('woff2'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'shelf-outfit'; src: url('./fonts/shelf/outfit-normal.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'shelf-instrument-sans'; src: url('./fonts/shelf/instrument-sans-normal.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'shelf-instrument-sans'; src: url('./fonts/shelf/instrument-sans-italic.woff2') format('woff2'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'shelf-hanken-grotesk'; src: url('./fonts/shelf/hanken-grotesk-normal.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'shelf-hanken-grotesk'; src: url('./fonts/shelf/hanken-grotesk-italic.woff2') format('woff2'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'shelf-courier-prime'; src: url('./fonts/shelf/courier-prime-normal.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'shelf-courier-prime'; src: url('./fonts/shelf/courier-prime-italic.woff2') format('woff2'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'shelf-ibm-plex-mono'; src: url('./fonts/shelf/ibm-plex-mono-normal.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'shelf-ibm-plex-mono'; src: url('./fonts/shelf/ibm-plex-mono-italic.woff2') format('woff2'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'shelf-space-mono'; src: url('./fonts/shelf/space-mono-normal.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'shelf-space-mono'; src: url('./fonts/shelf/space-mono-italic.woff2') format('woff2'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'shelf-cutive-mono'; src: url('./fonts/shelf/cutive-mono-normal.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'shelf-dm-mono'; src: url('./fonts/shelf/dm-mono-normal.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'shelf-dm-mono'; src: url('./fonts/shelf/dm-mono-italic.woff2') format('woff2'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'shelf-jetbrains-mono'; src: url('./fonts/shelf/jetbrains-mono-normal.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'shelf-jetbrains-mono'; src: url('./fonts/shelf/jetbrains-mono-italic.woff2') format('woff2'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'shelf-special-elite'; src: url('./fonts/shelf/special-elite-normal.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }