/* Self-hosted Lato + Bodoni Moda. Files live in ../fonts/. */

/* Lato — static only (no variable version available). Google Fonts ships 300 / 400 / 700; 500 and 600 will be synthesized by the browser. */
@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url('../fonts/lato/lato-300.woff2') format('woff2');
}
@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('../fonts/lato/lato-400.woff2') format('woff2');
}
@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('../fonts/lato/lato-700.woff2') format('woff2');
}

/* Bodoni Moda — variable font, italic. One file covers weights 400–900 and optical sizes 6–96. */
@font-face {
	font-family: 'Bodoni Moda';
	font-style: italic;
	font-weight: 400 900;
	font-display: swap;
	src: url('../fonts/bodoni-moda/bodoni-moda-italic-variable.woff2') format('woff2');
}

/* Let the browser pick the optical-size axis (opsz) automatically from the element's computed font-size: big titles get the display cut, small titles get the text cut. Auto is the browser default but we declare it explicitly as documentation of intent. */
.porta30-slideshow__title {
	font-optical-sizing: auto;
}