/* Primary: Commuters Sans via Adobe Fonts kit miz4wjk (CSS family 'commuters-sans').
   Weights in kit: 300, 400, 600, 700, 800 (+ italics). 500 renders as 400.
   Body: Elza, same kit (CSS family 'elza', weights 300, 400 + italics). Early Sans Variable also in kit, unused.
   Serif: IvyPresto Headline, same kit (CSS family 'ivypresto-headline', 100 Thin + 300 Light + italics) — use 100 Thin.
   Montserrat (Google) kept as offline fallback. */
/*
 * The Typekit service used to deliver this font or fonts for use on websites
 * is provided by Adobe and is subject to these Terms of Use
 * http://www.adobe.com/products/eulas/tou_typekit. For font license
 * information, see the list below.
 *
 * benton-modern-display:
 *   - http://typekit.com/eulas/0000000000000000775ab3c5
 *   - http://typekit.com/eulas/0000000000000000775ab3ce
 * commuters-sans:
 *   - http://typekit.com/eulas/00000000000000007735c44a
 *   - http://typekit.com/eulas/00000000000000007735c44e
 *   - http://typekit.com/eulas/00000000000000007735c452
 *   - http://typekit.com/eulas/00000000000000007735c456
 *   - http://typekit.com/eulas/00000000000000007735c459
 *   - http://typekit.com/eulas/00000000000000007735c45c
 *   - http://typekit.com/eulas/00000000000000007735c45e
 *   - http://typekit.com/eulas/00000000000000007735c460
 *   - http://typekit.com/eulas/00000000000000007735c462
 *   - http://typekit.com/eulas/00000000000000007735c464
 * elza:
 *   - http://typekit.com/eulas/00000000000000007735f90f
 *   - http://typekit.com/eulas/00000000000000007735f90d
 *   - http://typekit.com/eulas/00000000000000007735f914
 *   - http://typekit.com/eulas/00000000000000007735f910
 * ivypresto-headline:
 *   - http://typekit.com/eulas/00000000000000007735e5aa
 *   - http://typekit.com/eulas/00000000000000007735e5a0
 *   - http://typekit.com/eulas/00000000000000007735e5ac
 *   - http://typekit.com/eulas/00000000000000007735e5ab
 *
 * © 2009-2026 Adobe Systems Incorporated. All Rights Reserved.
 */
/*{"last_published":"2026-10-05 05:44:28 UTC"}*/

/**/


@font-face {
font-family:"benton-modern-display";
src:url(/mosii/fonts/7b924268-9670-424b-900e-31843c13e8b8.woff2) format("woff2"),url(/mosii/fonts/47dd522e-a993-4032-8d3f-3a9dba23adb9.woff) format("woff"),url(/mosii/fonts/097a843f-3db5-4ae0-82f9-7d440fc8ada4.otf) format("opentype");
font-display:auto;font-style:normal;font-weight:300;font-stretch:normal;
}

@font-face {
font-family:"benton-modern-display";
src:url(/mosii/fonts/f0847f16-5087-40b3-b495-7690e59693f3.woff2) format("woff2"),url(/mosii/fonts/cc25aab1-df6a-4536-88cb-f09be529d46a.woff) format("woff"),url(/mosii/fonts/f62a2a5d-673e-438c-88a2-4aeb952e70d2.otf) format("opentype");
font-display:auto;font-style:italic;font-weight:300;font-stretch:normal;
}

@font-face {
font-family:"commuters-sans";
src:url(/mosii/fonts/158f6b6a-681f-4cff-8c76-cc6bf1e227cc.woff2) format("woff2"),url(/mosii/fonts/28398863-375e-4032-b901-c759978121e5.woff) format("woff"),url(/mosii/fonts/65d6fa89-d30c-4ad2-9f72-8a6ef07a1b42.otf) format("opentype");
font-display:auto;font-style:italic;font-weight:300;font-stretch:normal;
}

@font-face {
font-family:"commuters-sans";
src:url(/mosii/fonts/adccd0ac-cb68-4d23-9701-7292ca8ced6d.woff2) format("woff2"),url(/mosii/fonts/810d4ba0-024a-4aa7-ab1f-7a07fd7e43ad.woff) format("woff"),url(/mosii/fonts/54382693-6812-4e8c-bc26-e706bdc1a889.otf) format("opentype");
font-display:auto;font-style:normal;font-weight:300;font-stretch:normal;
}

@font-face {
font-family:"commuters-sans";
src:url(/mosii/fonts/7515a3f0-1a1f-48a5-a8eb-96e805493975.woff2) format("woff2"),url(/mosii/fonts/8fcb7ccf-8c98-41ee-a5f5-4e9e66774038.woff) format("woff"),url(/mosii/fonts/04e33e78-913e-4ecb-bbfe-6114c52bb870.otf) format("opentype");
font-display:auto;font-style:italic;font-weight:400;font-stretch:normal;
}

@font-face {
font-family:"commuters-sans";
src:url(/mosii/fonts/61cf3c65-c0a1-4941-8d11-4c18bf7caab9.woff2) format("woff2"),url(/mosii/fonts/50bb6613-b77b-4333-b5aa-3b2b0730e4d9.woff) format("woff"),url(/mosii/fonts/609f9c9c-1598-4645-a720-a057b9a511a7.otf) format("opentype");
font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
}

@font-face {
font-family:"commuters-sans";
src:url(/mosii/fonts/ae01f933-9e5e-4f9a-9aba-9cd935d2043f.woff2) format("woff2"),url(/mosii/fonts/a0f0d17b-94b6-425c-b689-47248d2b2643.woff) format("woff"),url(/mosii/fonts/4b4eea0c-9232-4deb-81bd-51881726a817.otf) format("opentype");
font-display:auto;font-style:italic;font-weight:600;font-stretch:normal;
}

@font-face {
font-family:"commuters-sans";
src:url(/mosii/fonts/ce690d75-0078-4167-9903-bfd921c008e6.woff2) format("woff2"),url(/mosii/fonts/ff24fa00-e545-4026-8046-c817daff66bd.woff) format("woff"),url(/mosii/fonts/65f68d39-de3f-4a4a-86b5-511372fe4638.otf) format("opentype");
font-display:auto;font-style:normal;font-weight:600;font-stretch:normal;
}

@font-face {
font-family:"commuters-sans";
src:url(/mosii/fonts/02a50a51-c4e4-42da-bfaa-4eb3563ba44a.woff2) format("woff2"),url(/mosii/fonts/4c9aca53-fef5-4b4e-a0dd-056048d7ce57.woff) format("woff"),url(/mosii/fonts/3c0a4daa-aa8f-4a9d-9d1d-029b3d3991e0.otf) format("opentype");
font-display:auto;font-style:italic;font-weight:700;font-stretch:normal;
}

@font-face {
font-family:"commuters-sans";
src:url(/mosii/fonts/f1460a4e-3f5f-46f9-b751-df128aee24a3.woff2) format("woff2"),url(/mosii/fonts/95e59f10-b06a-40a7-8f6f-734d2db6869f.woff) format("woff"),url(/mosii/fonts/f85b07f0-1f9f-44fe-a74c-7744dc7ed1fb.otf) format("opentype");
font-display:auto;font-style:normal;font-weight:700;font-stretch:normal;
}

@font-face {
font-family:"commuters-sans";
src:url(/mosii/fonts/f5f86040-b9bf-4162-9806-b374ece8d5c9.woff2) format("woff2"),url(/mosii/fonts/ee8535db-7b2b-4ea1-a75e-be0beb0336b1.woff) format("woff"),url(/mosii/fonts/3003bacf-b345-42e5-9bbe-3c346ece02a5.otf) format("opentype");
font-display:auto;font-style:normal;font-weight:800;font-stretch:normal;
}

@font-face {
font-family:"commuters-sans";
src:url(/mosii/fonts/44e23d79-8418-4b11-9d56-a78e89c79327.woff2) format("woff2"),url(/mosii/fonts/2059570a-abdc-4437-acce-1d15a5ad2db3.woff) format("woff"),url(/mosii/fonts/412ac4e9-8f0b-4457-8380-e90413f68069.otf) format("opentype");
font-display:auto;font-style:italic;font-weight:800;font-stretch:normal;
}

@font-face {
font-family:"ivypresto-headline";
src:url(/mosii/fonts/b0b39d4a-7008-497a-97af-90af1ec386d1.woff2) format("woff2"),url(/mosii/fonts/f5c06ab6-21f9-4acd-a940-71515bde9cd9.woff) format("woff"),url(/mosii/fonts/8b9c2e17-567b-45f5-a82c-0744bd27e176.otf) format("opentype");
font-display:auto;font-style:normal;font-weight:100;font-stretch:normal;
}

@font-face {
font-family:"ivypresto-headline";
src:url(/mosii/fonts/d1ff6d5c-ebae-48b2-a9be-4f935e81abda.woff2) format("woff2"),url(/mosii/fonts/86182388-9ab3-4fc1-8abb-524df6496540.woff) format("woff"),url(/mosii/fonts/28cd709e-ece2-49a4-8d52-5d5bd7601ec6.otf) format("opentype");
font-display:auto;font-style:italic;font-weight:100;font-stretch:normal;
}

@font-face {
font-family:"ivypresto-headline";
src:url(/mosii/fonts/72c5ac8b-5b31-494a-b376-2e2b428880cf.woff2) format("woff2"),url(/mosii/fonts/98dfe268-c8aa-4b95-ba23-241a2cd263ef.woff) format("woff"),url(/mosii/fonts/0a6fe833-8267-46e1-9653-d0bd7775d85f.otf) format("opentype");
font-display:auto;font-style:normal;font-weight:300;font-stretch:normal;
}

@font-face {
font-family:"ivypresto-headline";
src:url(/mosii/fonts/257cb661-2bf2-425f-a0e8-716da6395129.woff2) format("woff2"),url(/mosii/fonts/c67d771e-2250-4b7d-8719-b310d4015dec.woff) format("woff"),url(/mosii/fonts/432a1b74-2487-4ae1-a4a8-597a45f465c9.otf) format("opentype");
font-display:auto;font-style:italic;font-weight:300;font-stretch:normal;
}

@font-face {
font-family:"elza";
src:url(/mosii/fonts/e296916f-e101-45b4-b1e6-4114967ef4d8.woff2) format("woff2"),url(/mosii/fonts/03f8bfe9-4b79-431f-974f-b565e347f96e.woff) format("woff"),url(/mosii/fonts/e1540272-ec19-4c8f-af63-3f9cef1e3612.otf) format("opentype");
font-display:auto;font-style:normal;font-weight:300;font-stretch:normal;
}

@font-face {
font-family:"elza";
src:url(/mosii/fonts/50242871-f1bf-4b17-95c9-138592654452.woff2) format("woff2"),url(/mosii/fonts/89c8603c-345d-4147-923b-f3cb75460792.woff) format("woff"),url(/mosii/fonts/2af4dcf0-e7b1-4978-b3d5-7b8ef560ada1.otf) format("opentype");
font-display:auto;font-style:italic;font-weight:300;font-stretch:normal;
}

@font-face {
font-family:"elza";
src:url(/mosii/fonts/9f10d0cc-31d6-4a46-902b-d9d7a3cf85f9.woff2) format("woff2"),url(/mosii/fonts/9437fb21-4803-44f4-98ad-b3028035542c.woff) format("woff"),url(/mosii/fonts/80e3dce0-bb76-485b-9435-84a13afff74a.otf) format("opentype");
font-display:auto;font-style:italic;font-weight:400;font-stretch:normal;
}

@font-face {
font-family:"elza";
src:url(/mosii/fonts/fe6c938c-ca38-46a2-8584-26f10e062a9f.woff2) format("woff2"),url(/mosii/fonts/26d8a1ab-5103-409f-af49-beba7bce9ae9.woff) format("woff"),url(/mosii/fonts/3c4f7f25-285d-453a-8569-b1e5ecd5b243.otf) format("opentype");
font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
}

.tk-benton-modern-display { font-family: "benton-modern-display",serif; }
.tk-commuters-sans { font-family: "commuters-sans",sans-serif; }
.tk-ivypresto-headline { font-family: "ivypresto-headline",serif; }
.tk-elza { font-family: "elza",sans-serif; }
 /* bump ?v= after editing the kit to bust browser cache */
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/mosii/fonts/5b039dd5-d38d-43e6-bc63-2cda363b4a03.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/mosii/fonts/a025130a-401f-4202-860d-911ccba60750.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/mosii/fonts/5d47153c-c373-4f6c-b7a7-2a097a3983bc.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/mosii/fonts/3216c2c4-6cd5-4b8a-94b8-9adad516d992.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/mosii/fonts/a1109461-b661-4934-921e-eeec46e02452.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/mosii/fonts/5b039dd5-d38d-43e6-bc63-2cda363b4a03.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/mosii/fonts/a025130a-401f-4202-860d-911ccba60750.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/mosii/fonts/5d47153c-c373-4f6c-b7a7-2a097a3983bc.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/mosii/fonts/3216c2c4-6cd5-4b8a-94b8-9adad516d992.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/mosii/fonts/a1109461-b661-4934-921e-eeec46e02452.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/mosii/fonts/5b039dd5-d38d-43e6-bc63-2cda363b4a03.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/mosii/fonts/a025130a-401f-4202-860d-911ccba60750.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/mosii/fonts/5d47153c-c373-4f6c-b7a7-2a097a3983bc.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/mosii/fonts/3216c2c4-6cd5-4b8a-94b8-9adad516d992.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/mosii/fonts/a1109461-b661-4934-921e-eeec46e02452.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/mosii/fonts/5b039dd5-d38d-43e6-bc63-2cda363b4a03.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/mosii/fonts/a025130a-401f-4202-860d-911ccba60750.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/mosii/fonts/5d47153c-c373-4f6c-b7a7-2a097a3983bc.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/mosii/fonts/3216c2c4-6cd5-4b8a-94b8-9adad516d992.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/mosii/fonts/a1109461-b661-4934-921e-eeec46e02452.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


:root{
  /* Primary */
  --mosii-bone:#ECEBE6;      /* CMYK 6 5 7 0 */
  --mosii-ink:#11161C;       /* CMYK 79 70 61 77 */
  /* Secondary */
  --mosii-fog:#B2B6B9;       /* CMYK 31 23 22 0 */
  --mosii-slate:#282F37;     /* CMYK 78 67 56 57 */
  --mosii-graphite:#707078;  /* CMYK 58 50 42 12 */
  --mosii-signal:#185EF3;    /* CMYK 82 65 0 0 */
  --mosii-flare:#FE3D22;     /* CMYK 0 89 93 0 */
  --mosii-white:#FFFFFF;

  /* Extended — built by lightness steps only (brandbook p.17) */
  --ink-900:#11161C; --ink-800:#1C2229; --ink-700:#282F37; --ink-600:#3D444C; --ink-500:#5A6068; --ink-400:#707078;
  --ink-300:#8E9196; --ink-200:#B2B6B9; --ink-150:#CFD1D1; --ink-100:#DEDDD8; --ink-50:#ECEBE6; --ink-25:#F5F4F1;
  --signal-900:#0F2350; --signal-700:#133A9A; --signal-500:#185EF3; --signal-300:#6E97F7; --signal-100:#DCE6FD;
  --flare-700:#C82A14; --flare-500:#FE3D22; --flare-300:#FA8B76; --flare-100:#F3D1CA;

  /* Semantic */
  --bg-page:var(--mosii-white);
  --bg-subtle:var(--mosii-bone);
  --bg-inverse:var(--mosii-ink);
  --bg-inverse-soft:var(--mosii-slate);
  --surface-card:var(--mosii-white);
  --surface-image:var(--ink-100);
  --text-primary:var(--mosii-ink);
  --text-secondary:var(--mosii-graphite);
  --text-muted:var(--ink-300);
  --text-inverse:var(--mosii-bone);
  --text-on-accent:var(--mosii-white);
  --border-strong:var(--mosii-ink);
  --border-default:var(--ink-150);
  --border-subtle:var(--ink-100);
  --accent:var(--mosii-signal);
  --accent-hot:var(--mosii-flare);
  --sale:var(--mosii-flare);
  --success:#2F6B4A;
  --danger:var(--flare-700);
  --focus-ring:var(--mosii-signal);
  --overlay-scrim:rgba(17,22,28,.45);
  --image-protect:linear-gradient(180deg,rgba(17,22,28,0) 40%,rgba(17,22,28,.55) 100%); /* @kind color */
}

:root{
  --font-sans:'commuters-sans','Montserrat',ui-sans-serif,system-ui,sans-serif;
  --font-body:'elza','commuters-sans','Montserrat',ui-sans-serif,system-ui,sans-serif;
  --font-serif:'ivypresto-headline',Georgia,'Times New Roman',serif;
  --font-display:var(--font-serif);
  --font-statement:var(--font-serif);

  --fw-light:300; /* @kind font */ --fw-regular:400; /* @kind font */ --fw-medium:500; /* @kind font */ --fw-semibold:600; /* @kind font */ --fw-bold:700; /* @kind font */ --fw-black:800; /* @kind font */

  --fs-10:10px; --fs-11:11px; --fs-12:12px; --fs-13:13px; --fs-14:14px; --fs-16:16px; --fs-18:18px;
  --fs-22:22px; --fs-28:28px; --fs-36:36px; --fs-48:48px; --fs-64:64px; --fs-88:88px; --fs-120:120px;

  --lh-tight:0.92; /* @kind font */ --lh-snug:1.1; /* @kind font */ --lh-normal:1.45; /* @kind font */ --lh-relaxed:1.6; /* @kind font */
  --ls-body:0.04em; /* @kind font */ --ls-tightest:-0.04em; /* @kind font */ --ls-tight:-0.02em; /* @kind font */ --ls-normal:0; /* @kind font */ --ls-label:0.08em; /* @kind font */ --ls-wide:0.14em; /* @kind font */

  /* Semantic roles */
  --type-display:100 var(--fs-88)/var(--lh-tight) var(--font-serif); /* @kind font */         /* "New Collection" */
  --type-h1:100 var(--fs-48)/var(--lh-snug) var(--font-serif); /* @kind font */
  --type-h2:100 30px/var(--lh-snug) var(--font-serif); /* @kind font */
  --type-h3:300 var(--fs-22)/1.2 var(--font-serif); /* @kind font */
  --type-h4:700 16px/1.2 var(--font-sans); /* @kind font */          /* section heading — uppercase, letter-spacing .08em (care/shipping, home tiles) */
  --type-statement:100 clamp(24px,3.75vw,63px)/0.88 var(--font-serif); /* @kind font */          /* matches homepage hero */
  --type-tagline:500 var(--fs-16)/1.25 var(--font-sans); /* @kind font */                    /* MADE TO LAST, uppercase */
  --type-body:300 14px/var(--lh-relaxed) var(--font-body); /* @kind font */
  --type-body-sm:300 14px/var(--lh-relaxed) var(--font-body); /* @kind font */
  --type-label:600 var(--fs-11)/1.2 var(--font-sans); /* @kind font */                       /* uppercase + --ls-label */
  --type-nav:600 var(--fs-10)/1.2 var(--font-sans); /* @kind font */
  --type-price:500 var(--fs-13)/1.3 var(--font-sans); /* @kind font */
  --type-minor:300 var(--fs-12)/1.4 var(--font-sans); /* @kind font */                       /* light, uppercase */
}

:root{
  --space-0:0; --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:20px; --space-6:24px;
  --space-8:32px; --space-10:40px; --space-12:48px; --space-16:64px; --space-20:80px; --space-24:96px; --space-32:128px;

  --page-gutter:clamp(16px,2.5vw,40px); /* @kind spacing */   /* full-bleed site: edge padding only, no max container */
  --grid-gap:5px; /* @kind spacing */                         /* product grid seam */
  --grid-gap-loose:var(--space-4);
  --section-y:clamp(48px,7vw,112px); /* @kind spacing */
  --header-h:56px;
  --announce-h:32px;
  --control-h:48px;
  --control-h-sm:36px;
  --hit-min:44px;
  --drawer-w:440px;
}

:root{
  --radius-0:0; --radius-pill:999px;    /* Mosii is square. Pill only for colour swatches. */
  --radius-control:0; --radius-card:0;
  --border-hair:1px solid var(--border-default);
  --border-rule:1px solid var(--border-strong);
  --shadow-none:none;
  --shadow-overlay:0 0 0 1px rgba(17,22,28,.06),0 24px 48px -12px rgba(17,22,28,.18); /* drawers/popovers only */
  --ease-out:cubic-bezier(.2,.7,.2,1); /* @kind other */
  --ease-in-out:cubic-bezier(.65,0,.35,1); /* @kind other */
  --dur-fast:120ms; /* @kind other */ --dur-base:240ms; /* @kind other */ --dur-slow:480ms; /* @kind other */ --dur-image:900ms; /* @kind other */
  --blur-header:saturate(1.2) blur(12px); /* @kind other */
  --z-header:50; /* @kind other */ --z-drawer:80; /* @kind other */ --z-dialog:90; /* @kind other */ --z-toast:100; /* @kind other */
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg-page);color:var(--text-primary);font:var(--type-body);letter-spacing:var(--ls-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none;text-underline-offset:3px}
a:hover{text-decoration:underline;text-decoration-thickness:1px}
img{display:block;max-width:100%}
button{font:inherit;color:inherit}
::selection{background:var(--mosii-ink);color:var(--mosii-bone)}
:focus-visible{outline:1px solid var(--focus-ring);outline-offset:2px}
.mosii-label{font:var(--type-label);letter-spacing:var(--ls-label);text-transform:uppercase}
.mosii-tagline{font:var(--type-tagline);letter-spacing:.02em;text-transform:uppercase}
.mosii-display{font:var(--type-display);letter-spacing:-.01em}
.mosii-statement{font:var(--type-statement);letter-spacing:-.01em}



.mk-show-sm{display:none}
@media (max-width:900px){.mk-hide-sm{display:none!important}.mk-show-sm{display:inline-flex}.mk-cats,.mk-values,.mk-insider{grid-template-columns:1fr!important}.mk-values>div{border-left:0!important;padding-left:0!important}.mk-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))!important}.mk-footer-grid{grid-template-columns:1fr!important}.mk-footer-links{grid-template-columns:1fr 1fr!important;row-gap:40px!important}}
@media (max-width:900px){.mk-standard{padding:72px var(--page-gutter) 0!important;gap:40px!important}.mk-standard-img{position:static!important;order:99;width:calc(100% + 2 * var(--page-gutter))!important;max-width:none!important;height:auto!important;aspect-ratio:4/5;object-position:88% 50%!important;margin:0 calc(-1 * var(--page-gutter))}.mk-stl-life{min-height:125vw!important}.mk-stl-panel{grid-template-columns:auto minmax(0,1fr) auto!important;column-gap:16px!important;padding:40px var(--page-gutter)!important}.mk-cats>a>div{aspect-ratio:4/5!important}}
@media (max-width:600px){.mk-stl-panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;row-gap:24px!important}.mk-stl-panel>div{grid-column:1 / -1;grid-row:1}.mk-stl-panel>button:first-child{grid-row:2;justify-self:start}.mk-stl-panel>button:last-child{grid-row:2;justify-self:end}}
.mk-show-sm{display:none}.mk-sw:hover .mk-sw-alt{opacity:1!important}
@media (max-width:900px){.mk-pdp{grid-template-columns:1fr!important}.mk-pdp>div:last-child{position:static!important}.mk-hide-sm{display:none!important}.mk-show-sm{display:inline-flex}.mk-cats,.mk-values,.mk-insider{grid-template-columns:1fr!important}.mk-values>div{border-left:0!important;padding-left:0!important}.mk-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))!important}.mk-footer-grid{grid-template-columns:1fr!important}.mk-footer-links{grid-template-columns:1fr 1fr!important;row-gap:40px!important}}
@media (max-width:900px){.mk-hide-sm{display:none!important}.mk-show-sm{display:inline-flex}.mk-about-split,.mk-about-trio{grid-template-columns:1fr!important}.mk-footer-grid{grid-template-columns:1fr!important}.mk-footer-links{grid-template-columns:1fr 1fr!important;row-gap:40px!important}}
@media (max-width:900px){.mk-about-col2>:first-child{order:2}.mk-about-right-sm{text-align:right;align-items:flex-end}}
@media (max-width:900px){.mk-acc,.mk-acc-row{grid-template-columns:1fr!important}.mk-acc{row-gap:56px}.mk-acc-col{padding:0!important;border:0!important}.mk-hide-sm{display:none!important}.mk-show-sm{display:inline-flex}.mk-care,.mk-care-img{grid-template-columns:1fr!important}.mk-care-nav{position:static!important}.mk-footer-grid{grid-template-columns:1fr!important}.mk-footer-links{grid-template-columns:1fr 1fr!important;row-gap:40px!important}}
@media (max-width:900px){.mk-acc,.mk-acc-row{grid-template-columns:1fr!important}.mk-acc{row-gap:56px}.mk-acc-col{padding:0!important;border:0!important}.mk-hide-sm{display:none!important}.mk-da-row{grid-template-columns:1fr 1fr!important}.mk-da-nav{position:static!important;flex-direction:row!important;flex-wrap:wrap}.mk-show-sm{display:inline-flex}.mk-care,.mk-care-img{grid-template-columns:1fr!important}.mk-care-nav{position:static!important}.mk-footer-grid{grid-template-columns:1fr!important}.mk-footer-links{grid-template-columns:1fr 1fr!important;row-gap:40px!important}}
@media (max-width:900px){.mk-hide-sm{display:none!important}.mk-show-sm{display:inline-flex}.mk-contact,.mk-contact-row{grid-template-columns:1fr!important}.mk-footer-grid{grid-template-columns:1fr!important}.mk-footer-links{grid-template-columns:1fr 1fr!important;row-gap:40px!important}}
@media (max-width:900px){.mk-bnpl{grid-template-columns:1fr!important}.mk-hide-sm{display:none!important}.mk-show-sm{display:inline-flex}.mk-care{grid-template-columns:1fr!important}.mk-care-nav{position:static!important}.mk-footer-grid{grid-template-columns:1fr!important}.mk-footer-links{grid-template-columns:1fr 1fr!important;row-gap:40px!important}}
@media (max-width:900px){.mk-hide-sm{display:none!important}.mk-show-sm{display:inline-flex}.mk-care,.mk-care-img{grid-template-columns:1fr!important}.mk-care-nav{position:static!important}.mk-footer-grid{grid-template-columns:1fr!important}.mk-footer-links{grid-template-columns:1fr 1fr!important;row-gap:40px!important}}
@media (max-width:1100px){.mk-fin-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.mk-fin-grid{row-gap:0!important}.mk-fin-col{border-left:0!important}}@media (max-width:600px){.mk-fin-grid{grid-template-columns:1fr!important}.mk-fin-col{padding:40px 0!important;border-top:1px solid var(--border-default)!important}.mk-fin-col:first-child{border-top:0!important}}
@media (max-width:900px){.mk-hide-sm{display:none!important}.mk-show-sm{display:inline-flex}.mk-care{grid-template-columns:1fr!important}.mk-care-nav{position:static!important}.mk-footer-grid{grid-template-columns:1fr!important}.mk-footer-links{grid-template-columns:1fr 1fr!important;row-gap:40px!important}}
@media (max-width:900px){.mk-essentials{justify-content:flex-end!important;padding-bottom:20px!important}:root{--type-h4:700 13px/1.2 var(--font-sans)}}
@media (max-width:900px){.mk-footer-links{grid-template-rows:auto 1fr!important;row-gap:50px!important}.mk-footer-links>:nth-child(1){grid-row:1/3!important}.mk-footer-links>:nth-child(2){grid-column:2!important;grid-row:1!important}.mk-footer-links>:nth-child(3){grid-column:2!important;grid-row:2!important;align-self:start}}
@media (max-width:900px){.mk-about-hero{height:calc(min(85vh,860px)*.7)!important;min-height:294px!important}}
@media (min-width:601px) and (max-width:900px){.mk-cats{grid-template-columns:repeat(3,minmax(0,1fr))!important}.mk-cats>a>div{aspect-ratio:3/4!important;padding:16px!important}.mk-cats>a>div>span:first-of-type{font-size:13px!important}}
@media (max-width:900px){.mk-stl-life{order:2}.mk-standard{padding:72px var(--page-gutter)!important;min-height:125vw}.mk-standard-img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;aspect-ratio:auto!important;order:0}}
@media (max-width:600px){.mk-insider-form{flex-direction:column!important;align-items:stretch!important;flex-wrap:nowrap!important}.mk-insider-form>label{flex:none!important;width:100%}.mk-insider-form>button{align-self:flex-start}}
@media (max-width:900px){.mk-cats>a>div>div:not(image-slot){background:linear-gradient(to top,rgba(0,0,0,.55),rgba(0,0,0,.2) 60%)!important}.mk-standard{color:var(--mosii-white)!important}.mk-standard::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.38);z-index:-1}.mk-standard-img{z-index:-2!important}.mk-standard .mk-values span{color:inherit!important}.mk-standard .mk-values>div{border-color:rgba(255,255,255,.3)!important}.mk-standard button{color:inherit!important}}
@media (min-width:601px) and (max-width:900px){.mk-standard{justify-content:flex-end!important}}
@media (max-width:600px){.mk-standard{color:var(--mosii-ink)!important}.mk-standard::before{display:none}.mk-standard-img{left:50%!important;width:50%!important;object-position:90% 50%!important}.mk-standard>div{max-width:calc(50% - 12px)!important}.mk-standard .mk-values>div{border-color:rgba(17,22,28,.18)!important}}
@media (max-width:600px){.mk-standard{display:none!important}}

@media (max-width:900px){.mk-std2{grid-template-columns:1fr!important;min-height:0!important}.mk-std2-media{aspect-ratio:4/5}}
@media (max-width:900px){.mk-std2-media{margin:0!important;width:100%}}
@media (max-width:900px){.mk-na .mk-grid{display:grid!important;grid-auto-flow:column!important;grid-template-columns:none!important;grid-auto-columns:82%!important;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.mk-na .mk-grid::-webkit-scrollbar{display:none}.mk-na .mk-grid>*{scroll-snap-align:start}}
@media (max-width:900px){.mk-na .mk-grid{display:grid!important;grid-auto-flow:column!important;grid-template-columns:none!important;grid-auto-columns:82%!important;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.mk-na .mk-grid::-webkit-scrollbar{display:none}.mk-na .mk-grid>*{scroll-snap-align:start}}
.mk-na-arrows{display:none}@media (max-width:900px){.mk-na-arrows{display:flex}.mk-na .mk-grid{touch-action:pan-x pan-y}}
@media (max-width:900px){.mk-insider{margin-top:0!important;padding-top:48px!important;padding-bottom:40px!important}.mk-essentials{height:62vh!important;min-height:380px!important}.mk-stl-panel{padding:40px 40px!important}}
@media (max-width:900px){.mk-footer-links{margin-top:12px!important}}
@media (min-width:601px) and (max-width:900px){.mk-footer-brand{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:32px!important;row-gap:20px!important;max-width:none!important;align-content:start}.mk-footer-brand>:nth-child(1){grid-column:1;grid-row:1}.mk-footer-brand>:nth-child(2){grid-column:1;grid-row:2/span 6}.mk-footer-brand>:nth-child(n+3){grid-column:2;margin-top:0!important}.mk-footer-brand>:nth-child(3){grid-row:1}}

@media (max-width:600px){
  .mk-sg-wrap{overflow-x:visible!important}
  .mk-sg-table{min-width:0!important;font-size:12px!important;line-height:1.3!important}
  .mk-sg-table th,.mk-sg-table td{padding:12px 2px!important;letter-spacing:0!important}
  .mk-sg-table td:first-child{width:26%!important;text-align:left!important;padding-left:8px!important}
  .mk-sg-table th:first-child{width:26%!important;text-align:left!important;padding-left:8px!important}
}

@media (max-width:600px){
  .mk-cat-tabs{flex-wrap:nowrap!important;justify-content:flex-start!important;gap:22px!important;overflow-x:auto;scrollbar-width:none;width:calc(100% + 2*var(--page-gutter));margin:0 calc(-1*var(--page-gutter));padding:6px var(--page-gutter) 2px!important}
  .mk-cat-tabs::-webkit-scrollbar{display:none}
  .mk-cat-tabs>button{flex:none;white-space:nowrap}
}

@media (max-width:600px){
  .mk-cat-tabs>button{text-transform:none!important;letter-spacing:.01em!important;font:400 14px/1.2 'elza',var(--font-sans)!important;color:var(--text-secondary)!important;border-bottom-color:transparent!important}
  .mk-cat-tabs>button.on{color:var(--mosii-ink)!important}
}

.mk-footer-credit{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font:var(--type-minor);font-size:10px;letter-spacing:0;color:var(--text-secondary)}
.mk-footer-credit-agency{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.mk-footer-credit-agency img{display:block;width:112px;height:auto;object-fit:contain}
.mk-pdp-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:5px;cursor:grab;user-select:none}
.mk-pdp-track::-webkit-scrollbar{display:none}
.mk-pdp-gallery{container-type:inline-size}
.mk-pdp-slide{position:relative;overflow:hidden;flex:0 0 calc(50% - 2.5px);aspect-ratio:4/5;scroll-snap-align:start}
.mk-pdp-photo-previous{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;animation:pdp-photo-out var(--dur-base) var(--ease-out) both}
.mk-pdp-photo-enter{animation:pdp-photo-in var(--dur-base) var(--ease-out) both}
@keyframes pdp-photo-out{from{opacity:1}to{opacity:0}}
@keyframes pdp-photo-in{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.mk-pdp-photo-previous{display:none}.mk-pdp-photo-enter{animation:none}}
@media (min-width:901px){.mk-pdp-track{min-height:calc(var(--pdp-rows) * (100cqw - 5px) * .625 + (var(--pdp-rows) - 1) * 5px);align-content:start}}
.mk-pdp-dots{position:absolute;left:0;right:0;bottom:14px;display:flex;justify-content:center;gap:6px;pointer-events:none}
.mk-pdp-dots button{pointer-events:auto;width:18px;height:2px;padding:0;border:0;background:rgba(17,22,28,.25);cursor:pointer}
.mk-pdp-dots button.on{background:var(--mosii-ink)}
.mk-sg-drawer th,.mk-sg-drawer td{padding:12px 4px!important}
@media (max-width:900px){.mk-pdp-slide{flex-basis:100%}.mk-pdp-arrow{display:none!important}.mk-pdp-track{cursor:auto}}
@media (max-width:900px){.mk-hero-dots{display:none!important}.mk-essentials{gap:11px!important}}
[class$="cat-about-shirts"]>img{transform:translateY(-25px) scale(1.1)!important;transform-origin:50% 0!important}
.mk-hero-dots{display:none!important}
[class$="cat-about-denim"]>img,[class$="cat-about-most-loved"]>img,[class$="cat-about-shirts"]>img{transition:transform .8s cubic-bezier(.2,.7,.2,1)!important}
@media (hover:hover){a:hover>[class$="cat-about-denim"]>img,a:hover>[class$="cat-about-most-loved"]>img{transform:scale(1.06)!important}a:hover>[class$="cat-about-shirts"]>img{transform:translateY(-25px) scale(1.16)!important}}
img[src*="cdn.shopify.com"]{filter:saturate(1.15) contrast(1.05) brightness(1.02)}
@media (min-width:601px) and (max-width:900px){.mk-pdp-slide{flex-basis:calc(50% - 2.5px)!important}}
@media (min-width:901px){.mk-pdp-track{display:grid!important;grid-template-columns:1fr 1fr;overflow:visible;scroll-snap-type:none;cursor:auto}.mk-pdp-slide{flex:none;width:100%}.mk-pdp-arrow,.mk-pdp-dots{display:none!important}}
@media (max-width:600px){.mk-pdp>div:last-child{padding-top:20px!important}}
img.mk-square{object-fit:contain!important;background:#fff!important;width:100%!important;height:100%!important}
:has(>img.mk-square),:has(>*>img.mk-square){background:#fff!important}