@font-face {
    font-family: 'Plantin';
    src: url('../fonts/Plantin-Light.otf') format('opentype');
    font-style: normal;
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Plantin';
    src: url('../fonts/Plantin-Roman.ttf') format('truetype');
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Plantin';
    src: url('../fonts/Plantin-Semibold.otf') format('opentype');
    font-style: normal;
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Plantin';
    src: url('../fonts/Plantin-Roman-Italic.ttf') format('truetype');
    font-style: italic;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Plantin';
    src: url('../fonts/Plantin-Bold-Italic.ttf') format('truetype');
    font-style: italic;
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Plantin Bold Condensed';
    src: url('../fonts/Plantin-Bold-Condensed.otf') format('opentype');
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Plantin Roman Italic';
    src: url('../fonts/Plantin-Roman-Italic.ttf') format('truetype');
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Plantin Bold Italic';
    src: url('../fonts/Plantin-Bold-Italic.ttf') format('truetype');
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}

/* Plantin Light is the default reading face; display and interface headings stay as before. */
body {
    font-family: 'Plantin', Georgia, serif;
    font-weight: 300;
}

h1,
h2 {
    font-family: var(--display);
}

h3 {
    font-family: var(--sans);
}

.vb27-nav a,
.vb27-button,
.vb27-link,
.vb27-kicker,
.vb27-footer__bottom,
.vb27-album__date,
.vb27-release__date,
.vb27-book-list__date,
.vb27-menu-toggle,
.vb27-brand__mark,
button,
input,
select,
textarea {
    font-family: var(--sans);
}

footer.vb27-footer,
footer.vb27-footer h2,
footer.vb27-footer .vb27-kicker,
footer.vb27-footer .vb27-button,
footer.vb27-footer .vb27-footer__bottom,
footer.vb27-footer .vb27-footer__partner-label {
    font-family: 'Plantin', Georgia, serif;
    font-weight: 300;
}