/*
 * Self-hosted webfonts for InovaDesigns.
 *
 * Replaces the CSS @import that used to live at the top of custom.css,
 * which pointed at fonts.googleapis.com with a broken query string
 * (literal "&" instead of "&") -- Google Fonts silently accepted the
 * malformed request and only ever served the 'Hind' family, so every
 * element styled with 'Open Sans' / 'Ubuntu' / 'Poppins' / 'Montserrat'
 * (60+ rules across custom.css) was actually rendering in the browser's
 * fallback system font. These files restore the originally-intended
 * typography, self-hosted (no fonts.googleapis.com/fonts.gstatic.com
 * round trip) and with font-display: optional -- text is never invisible
 * while a font loads, and (unlike swap) it never reflows the page after
 * first paint either: a font that isn't ready within its ~100ms window
 * just keeps the fallback for this pageview instead of swapping in late.
 * Measured need: a late swap was reflowing a rotated vertical-text element
 * by enough to put desktop CLS at 0.147; this brought it back to ~0.
 */

@font-face {
    font-family: 'Hind';
    font-style: normal;
    font-weight: 300;
    font-display: optional; /* was swap -- avoided a real, measured CLS regression: each font arriving late reflowed a rotated vertical-text element by a large amount (observed CLS 0.147, mostly this). optional keeps the fallback for the current pageview once the ~100ms window passes, so there is no late reflow; the font still gets fetched and used on the next navigation once cached. */
    src: url('../fonts/hind-300.woff2') format('woff2');
}

@font-face {
    font-family: 'Hind';
    font-style: normal;
    font-weight: 400;
    font-display: optional; /* was swap -- avoided a real, measured CLS regression: each font arriving late reflowed a rotated vertical-text element by a large amount (observed CLS 0.147, mostly this). optional keeps the fallback for the current pageview once the ~100ms window passes, so there is no late reflow; the font still gets fetched and used on the next navigation once cached. */
    src: url('../fonts/hind-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Hind';
    font-style: normal;
    font-weight: 500;
    font-display: optional; /* was swap -- avoided a real, measured CLS regression: each font arriving late reflowed a rotated vertical-text element by a large amount (observed CLS 0.147, mostly this). optional keeps the fallback for the current pageview once the ~100ms window passes, so there is no late reflow; the font still gets fetched and used on the next navigation once cached. */
    src: url('../fonts/hind-500.woff2') format('woff2');
}

@font-face {
    font-family: 'Hind';
    font-style: normal;
    font-weight: 600;
    font-display: optional; /* was swap -- avoided a real, measured CLS regression: each font arriving late reflowed a rotated vertical-text element by a large amount (observed CLS 0.147, mostly this). optional keeps the fallback for the current pageview once the ~100ms window passes, so there is no late reflow; the font still gets fetched and used on the next navigation once cached. */
    src: url('../fonts/hind-600.woff2') format('woff2');
}

@font-face {
    font-family: 'Hind';
    font-style: normal;
    font-weight: 700;
    font-display: optional; /* was swap -- avoided a real, measured CLS regression: each font arriving late reflowed a rotated vertical-text element by a large amount (observed CLS 0.147, mostly this). optional keeps the fallback for the current pageview once the ~100ms window passes, so there is no late reflow; the font still gets fetched and used on the next navigation once cached. */
    src: url('../fonts/hind-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 100 900;
    font-display: optional; /* was swap -- avoided a real, measured CLS regression: each font arriving late reflowed a rotated vertical-text element by a large amount (observed CLS 0.147, mostly this). optional keeps the fallback for the current pageview once the ~100ms window passes, so there is no late reflow; the font still gets fetched and used on the next navigation once cached. */
    src: url('../fonts/montserrat-100-900.woff2') format('woff2');
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 800;
    font-display: optional; /* was swap -- avoided a real, measured CLS regression: each font arriving late reflowed a rotated vertical-text element by a large amount (observed CLS 0.147, mostly this). optional keeps the fallback for the current pageview once the ~100ms window passes, so there is no late reflow; the font still gets fetched and used on the next navigation once cached. */
    src: url('../fonts/open-sans-800-italic.woff2') format('woff2');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300 800;
    font-display: optional; /* was swap -- avoided a real, measured CLS regression: each font arriving late reflowed a rotated vertical-text element by a large amount (observed CLS 0.147, mostly this). optional keeps the fallback for the current pageview once the ~100ms window passes, so there is no late reflow; the font still gets fetched and used on the next navigation once cached. */
    src: url('../fonts/open-sans-300-800.woff2') format('woff2');
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 100;
    font-display: optional; /* was swap -- avoided a real, measured CLS regression: each font arriving late reflowed a rotated vertical-text element by a large amount (observed CLS 0.147, mostly this). optional keeps the fallback for the current pageview once the ~100ms window passes, so there is no late reflow; the font still gets fetched and used on the next navigation once cached. */
    src: url('../fonts/poppins-100.woff2') format('woff2');
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 200;
    font-display: optional; /* was swap -- avoided a real, measured CLS regression: each font arriving late reflowed a rotated vertical-text element by a large amount (observed CLS 0.147, mostly this). optional keeps the fallback for the current pageview once the ~100ms window passes, so there is no late reflow; the font still gets fetched and used on the next navigation once cached. */
    src: url('../fonts/poppins-200.woff2') format('woff2');
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    font-display: optional; /* was swap -- avoided a real, measured CLS regression: each font arriving late reflowed a rotated vertical-text element by a large amount (observed CLS 0.147, mostly this). optional keeps the fallback for the current pageview once the ~100ms window passes, so there is no late reflow; the font still gets fetched and used on the next navigation once cached. */
    src: url('../fonts/poppins-300.woff2') format('woff2');
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-display: optional; /* was swap -- avoided a real, measured CLS regression: each font arriving late reflowed a rotated vertical-text element by a large amount (observed CLS 0.147, mostly this). optional keeps the fallback for the current pageview once the ~100ms window passes, so there is no late reflow; the font still gets fetched and used on the next navigation once cached. */
    src: url('../fonts/poppins-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-display: optional; /* was swap -- avoided a real, measured CLS regression: each font arriving late reflowed a rotated vertical-text element by a large amount (observed CLS 0.147, mostly this). optional keeps the fallback for the current pageview once the ~100ms window passes, so there is no late reflow; the font still gets fetched and used on the next navigation once cached. */
    src: url('../fonts/poppins-500.woff2') format('woff2');
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-display: optional; /* was swap -- avoided a real, measured CLS regression: each font arriving late reflowed a rotated vertical-text element by a large amount (observed CLS 0.147, mostly this). optional keeps the fallback for the current pageview once the ~100ms window passes, so there is no late reflow; the font still gets fetched and used on the next navigation once cached. */
    src: url('../fonts/poppins-600.woff2') format('woff2');
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-display: optional; /* was swap -- avoided a real, measured CLS regression: each font arriving late reflowed a rotated vertical-text element by a large amount (observed CLS 0.147, mostly this). optional keeps the fallback for the current pageview once the ~100ms window passes, so there is no late reflow; the font still gets fetched and used on the next navigation once cached. */
    src: url('../fonts/poppins-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 800;
    font-display: optional; /* was swap -- avoided a real, measured CLS regression: each font arriving late reflowed a rotated vertical-text element by a large amount (observed CLS 0.147, mostly this). optional keeps the fallback for the current pageview once the ~100ms window passes, so there is no late reflow; the font still gets fetched and used on the next navigation once cached. */
    src: url('../fonts/poppins-800.woff2') format('woff2');
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 900;
    font-display: optional; /* was swap -- avoided a real, measured CLS regression: each font arriving late reflowed a rotated vertical-text element by a large amount (observed CLS 0.147, mostly this). optional keeps the fallback for the current pageview once the ~100ms window passes, so there is no late reflow; the font still gets fetched and used on the next navigation once cached. */
    src: url('../fonts/poppins-900.woff2') format('woff2');
}

@font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 300;
    font-display: optional; /* was swap -- avoided a real, measured CLS regression: each font arriving late reflowed a rotated vertical-text element by a large amount (observed CLS 0.147, mostly this). optional keeps the fallback for the current pageview once the ~100ms window passes, so there is no late reflow; the font still gets fetched and used on the next navigation once cached. */
    src: url('../fonts/ubuntu-300.woff2') format('woff2');
}

@font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 400;
    font-display: optional; /* was swap -- avoided a real, measured CLS regression: each font arriving late reflowed a rotated vertical-text element by a large amount (observed CLS 0.147, mostly this). optional keeps the fallback for the current pageview once the ~100ms window passes, so there is no late reflow; the font still gets fetched and used on the next navigation once cached. */
    src: url('../fonts/ubuntu-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 500;
    font-display: optional; /* was swap -- avoided a real, measured CLS regression: each font arriving late reflowed a rotated vertical-text element by a large amount (observed CLS 0.147, mostly this). optional keeps the fallback for the current pageview once the ~100ms window passes, so there is no late reflow; the font still gets fetched and used on the next navigation once cached. */
    src: url('../fonts/ubuntu-500.woff2') format('woff2');
}

@font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 700;
    font-display: optional; /* was swap -- avoided a real, measured CLS regression: each font arriving late reflowed a rotated vertical-text element by a large amount (observed CLS 0.147, mostly this). optional keeps the fallback for the current pageview once the ~100ms window passes, so there is no late reflow; the font still gets fetched and used on the next navigation once cached. */
    src: url('../fonts/ubuntu-700.woff2') format('woff2');
}