@font-face{
    font-family: "Helvetica Now Var W05 Regular";
    font-weight: 50 1000;
    src:    url("/assets/fonts/6563603/1f9f0bdb-059f-4d72-8ec0-c347e6210fbc.woff2") format("woff2"),
            url("/assets/fonts/6563603/22f1cdd1-30ce-4ffc-9fc3-4a657ef3a783.woff") format("woff");
    /* This CSS resource incorporates links to font software which is the valuable copyrighted property of Monotype and/or its suppliers. You may not attempt to copy, install, redistribute, convert, modify or reverse engineer this font software. Please contact Monotype with any questions regarding Web Fonts: http://www.fontshop.com */
}

@font-face {
    font-family: "Excidenz Grotesk Regular";
    font-weight: 400;
    src: url("/assets/fonts/Excidenz-Grotesk/Excidenz-Grotesk-Regular.woff2");
}

:root{
    --font-family-primary: "Helvetica Now Var W05 Regular", helvetica, arial, sans-serif;
    --font-weight-primary: 460;
    --letter-spacing-primary: -.01rem;
}

/* Base (mobile-first) font weights with substitutions */
.font-size-xs, 
.font-size-s   { font-weight: var(--font-weight-primary); }
.font-size-sm  { font-weight: 400; }   /* sm stays sm */
.font-size-m   { font-weight: 375; }
.font-size-ml  { font-weight: 360; }   /* optional if you have ml */
.font-size-l   { font-weight: 350; }
.font-size-xl  { font-weight: 350; }   /* xl acts like l on mobile */
.font-size-xxl { font-weight: 350; }   /* xxl also acts like l on mobile */
.font-size-3xl { font-weight: 350; }
.font-size-4xl { font-weight: 350; }

/* Desktop (≥992px) restores the natural mapping */
@media screen and (min-width: 992px) {
    .font-size-sm  { font-weight: 400; }
    .font-size-xl  { font-weight: 325; }
    .font-size-xxl { font-weight: 300; }
    .font-size-3xl { font-weight: 275; }
    .font-size-4xl { font-weight: 250; }
}