/*
 * ============================================================
 *  Piccollo – Self-hosted Web Fonts
 * ============================================================
 *
 *  HOW TO SET UP LOCAL FONTS:
 *
 *  1.  Go to https://gwfh.mranftl.com/fonts  (google-webfonts-helper)
 *      or use the direct download links below.
 *
 *  2.  Search for each font name, select the weights listed,
 *      choose "Modern Browsers" (woff2), and download the ZIP.
 *
 *  3.  Place the .woff2 files into the matching folders under  fonts/
 *      so the directory tree looks like this:
 *
 *        fonts/
 *        ├── playfair-display/
 *        │   ├── playfair-display-v36-latin-regular.woff2
 *        │   ├── playfair-display-v36-latin-700.woff2
 *        │   └── playfair-display-v36-latin-italic.woff2
 *        ├── lato/
 *        │   ├── lato-v24-latin-300.woff2
 *        │   ├── lato-v24-latin-regular.woff2
 *        │   └── lato-v24-latin-700.woff2
 *        ├── inter/
 *        │   ├── inter-v13-latin-300.woff2
 *        │   ├── inter-v13-latin-regular.woff2
 *        │   ├── inter-v13-latin-500.woff2
 *        │   └── inter-v13-latin-600.woff2
 *        └── material-symbols/
 *            └── material-symbols-outlined.woff2
 *
 *  DIRECT DOWNLOAD HELPERS (gwfh.mranftl.com):
 *    • Playfair Display: https://gwfh.mranftl.com/fonts/playfair-display?subsets=latin
 *    • Lato:             https://gwfh.mranftl.com/fonts/lato?subsets=latin
 *    • Inter:            https://gwfh.mranftl.com/fonts/inter?subsets=latin
 *    • Material Symbols: Download the woff2 from:
 *        https://fonts.gstatic.com/s/materialsymbolsoutlined/v200/kJEhBvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oFsI.woff2
 *        (URL may change – see CSS source at fonts.googleapis.com for the latest)
 *
 * ============================================================
 */

/* -----------------------------------------------------------
   Playfair Display
   ----------------------------------------------------------- */
@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/playfair-display/playfair-display-v40-latin-regular.woff2') format('woff2');
}

@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/playfair-display/playfair-display-v40-latin-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Playfair Display';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/playfair-display/playfair-display-v40-latin-italic.woff2') format('woff2');
}

/* -----------------------------------------------------------
   Lato
   ----------------------------------------------------------- */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('../fonts/lato/lato-v25-latin-300.woff2') format('woff2');
}

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/lato/lato-v25-latin-regular.woff2') format('woff2');
}

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/lato/lato-v25-latin-700.woff2') format('woff2');
}

/* -----------------------------------------------------------
   Inter  (used by contact.html)
   ----------------------------------------------------------- */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('../fonts/inter/inter-v20-latin-300.woff2') format('woff2');
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/inter/inter-v20-latin-regular.woff2') format('woff2');
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('../fonts/inter/inter-v20-latin-500.woff2') format('woff2');
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('../fonts/inter/inter-v20-latin-600.woff2') format('woff2');
}

/* -----------------------------------------------------------
   Material Symbols Outlined  (icon font)
   ----------------------------------------------------------- */
@font-face {
    font-family: 'Material Symbols Outlined';
    font-style: normal;
    font-weight: 100 700;
    font-display: block;
    src: url('../fonts/material-symbols/material-symbols-outlined.woff2') format('woff2');
}

.material-symbols-outlined {
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

/* -----------------------------------------------------------
   Material Icons  (used by contact.html)
   ----------------------------------------------------------- */
@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url('../fonts/material-icons/material-icons.woff2') format('woff2');
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}