@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/Montserrat-italic-400.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/Montserrat-italic-500.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/Montserrat-italic-600.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/Montserrat-italic-700.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/Montserrat-normal-400.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/Montserrat-normal-500.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/Montserrat-normal-600.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/Montserrat-normal-700.ttf) format('truetype');
}

/* Brand typography preview: Michael's Montserrat 400 / 500 / 600 / 700. */
html, body { font-family: 'Montserrat', sans-serif; font-weight: 400; }
body, body *, body *::before, body *::after {
 font-family: 'Montserrat', sans-serif !important;
 font-stretch: normal !important;
 font-variation-settings: normal !important;
 font-synthesis: none;
}
h1, h2, h3 { font-weight: 700 !important; }
button, .btn, .button, .primary, .header-cta, .hero-action, .desktop-nav a,
.header-box-link, .underwear-explore, .action { font-weight: 700 !important; }
.hero-lead { font-weight: 400 !important; }
.hero-optional { font-weight: 600 !important; }
.collection-line { font-weight: 500; }
.eyebrow, .category-number, .collection-category, .faq summary { font-weight: 600; }

/* Restrained brand hierarchy, including browser-default bold elements. */
strong, b { font-weight: 700; }
.brief-assurance h2 { font-weight: 500 !important; }
#pick-your-box h3 { font-weight: 600 !important; }
.hero .hero-add-on { font-weight: 600 !important; }
/* Montserrat is wider than the previous serif; retain the two-line concepts. */
.headline { --headline-size: clamp(28px, 11.4cqw, 80px); }