/* v0.4.31 — enlarged, tightened FresHot display typography. */
@font-face{font-family:MEOMFresHot;src:url('../fonts/freshot.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:MEOMBarlowCondensed;src:url('../fonts/barlow-condensed-medium.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}

:root{
  --brush:MEOMBarlowCondensed,Arial,sans-serif;
  --page-display:MEOMFresHot,MEOMBarlowCondensed,Arial,sans-serif;
}

/* FresHot is reserved for the hero statement and main page titles. */
.meom-page h1,
.meom-home-hero-copy h1,
.meom-page-hero h1{
  font-family:var(--page-display)!important;
  font-weight:400!important;
  font-style:normal!important;
  letter-spacing:.01em!important;
  line-height:.96!important;
  transform:none!important;
}
.meom-home-hero-copy h1 .meom-hero-line{display:block}
.meom-home-hero-copy h1 .meom-creativity{color:#c19aef!important}
.meom-home-hero-copy h1{
  font-size:clamp(7.5rem,11.25vw,11.5rem)!important;
  line-height:.69!important;
  transform:rotate(-4deg)!important;
  transform-origin:left center!important;
}
.meom-page-hero h1{font-size:clamp(6.875rem,11.25vw,10rem)!important;line-height:.88!important}

/* Navigation typography is 25% larger than the v0.4.29 setting. */
.meom-nav a{font-size:.96rem!important}
.meom-header .meom-btn-small{font-size:.91rem!important}
.meom-mobile-nav a{font-size:1.25rem}

/* Barlow Condensed provides the consistent, readable section-headline layer. */
.meom-page main h2:not(.meom-eyebrow),
.meom-page .meom-brush-heading,
.meom-page .meom-editorial-copy>h2,
.meom-page .meom-studio-callout h3,
.meom-page .meom-visual-canvas strong,
.meom-page .meom-studio-guide-copy>strong{
  font-family:MEOMBarlowCondensed,Arial,sans-serif!important;
  font-weight:500!important;
  font-style:normal!important;
  letter-spacing:.02em!important;
  line-height:1.02!important;
  transform:none!important;
}

@media(max-width:780px){
  .meom-home-hero-copy h1{font-size:clamp(6.25rem,27.5vw,8.125rem)!important;line-height:.69!important}
  .meom-page-hero h1{font-size:clamp(5.875rem,23.75vw,7.5rem)!important;line-height:.88!important;overflow-wrap:anywhere}
}

@media print{.meom-page h1,.meom-page main h2{font-family:Arial,sans-serif!important}}