/* ============================================================
   PROMO GRID (Matas hero: 1 big + 2 small)
   ============================================================ */

.mh-promo {
  background: #FFFFFF;
  padding: 1.5rem 0 0;
}

.mh-promo__grid {
  max-width: var(--bz-max);
  margin: 0 auto;
  padding: 0 var(--bz-pad);
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-template-rows: repeat(2, minmax(220px, 1fr));
  gap: 1rem;
}

.mh-promo__big {
  grid-row: span 2;
  position: relative;
  border-radius: 22px;
  overflow: hidden;
  min-height: 460px;
  background-size: cover;
  background-position: center;
  text-decoration: none;
  color: #FFFFFF;
  display: flex;
  align-items: stretch;
  padding: clamp(2rem, 4vw, 3.5rem);
  isolation: isolate;
}

.mh-promo__big-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1.1rem;
  max-width: 540px;
}

.mh-promo__eyebrow {
  font-family: var(--mh-font-body);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--mh-primary-deep);
}

.mh-promo__eyebrow--light { color: rgba(255, 255, 255, 0.85); }

.mh-promo__big-title {
  font-family: var(--mh-font-heading);
  font-weight: 800;
  font-size: clamp(2.4rem, 4.2vw, 3.6rem);
  line-height: 1.02;
  margin: 0;
  color: #FFFFFF;
  letter-spacing: -0.025em;
}

.mh-promo__big-lede {
  color: rgba(255, 255, 255, 0.92);
  font-size: 1.05rem;
  line-height: 1.55;
  margin: 0;
  max-width: 44ch;
}

.mh-promo__btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: #FFFFFF;
  color: var(--mh-plum);
  padding: 0.85rem 1.5rem;
  border-radius: 999px;
  font-weight: 700;
  font-size: 14.5px;
  align-self: flex-start;
  transition: transform .18s ease, background-color .18s ease;
}

.mh-promo__big:hover .mh-promo__btn { transform: translateX(4px); background: var(--mh-lime); }

.mh-promo__btn--light { background: #FFFFFF; color: var(--mh-plum); }
.mh-promo__btn--ghost { background: var(--mh-plum); color: #FFFFFF; }

.mh-promo__splash {
  position: absolute;
  top: 1.75rem;
  right: 1.75rem;
  background: #FFFFFF;
  color: var(--mh-primary-deep);
  border-radius: 999px;
  width: 110px;
  height: 110px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: var(--mh-font-heading);
  font-weight: 800;
  text-align: center;
  line-height: 1;
  border: 3px solid var(--mh-primary-deep);
}

.mh-promo__splash > span:first-child {
  font-size: 9.5px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-weight: 800;
  margin-bottom: 0.1rem;
}

.mh-promo__splash strong {
  font-size: 2.5rem;
  margin-bottom: 0.1rem;
  font-weight: 800;
}

.mh-promo__splash strong small { font-size: 1.2rem; font-weight: 800; }

.mh-promo__splash > span:last-child {
  font-size: 9.5px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-weight: 800;
}

.mh-promo__small {
  position: relative;
  border-radius: 22px;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  padding: 1.75rem;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1rem;
  isolation: isolate;
  transition: transform .25s ease, box-shadow .25s ease;
}

.mh-promo__small:hover { transform: translateY(-3px); box-shadow: 0 18px 38px rgba(61, 21, 48, 0.14); }

.mh-promo__small--1 { color: #FFFFFF; }
.mh-promo__small--2 { color: var(--mh-plum); }

.mh-promo__small-title {
  font-family: var(--mh-font-heading);
  font-weight: 800;
  font-size: clamp(1.4rem, 2vw, 1.8rem);
  line-height: 1.1;
  margin: 0;
  color: inherit;
  letter-spacing: -0.02em;
}

.mh-promo__small-title em {
  font-style: normal;
  color: var(--mh-primary);
}

.mh-promo__small--1 .mh-promo__small-title em {
  color: var(--mh-primary-soft);
}

@media (max-width: 900px) {
  .mh-promo__grid { grid-template-columns: 1fr; grid-template-rows: auto; }
  .mh-promo__big { grid-row: auto; min-height: 360px; padding: 2rem; }
  .mh-promo__splash { width: 92px; height: 92px; top: 1rem; right: 1rem; }
  .mh-promo__splash strong { font-size: 1.6rem; }
}

/* ============================================================
   PREMIUM REVIEWS SECTION (avatars + product chips)
   ============================================================ */

.mh-reviews-section {
  background: #FAFAFA;
  padding: clamp(3.5rem, 6vw, 5rem) 0;
}

.mh-reviews-section__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 0.85rem;
  padding-bottom: 2.5rem;
  margin-bottom: 2.5rem;
  border-bottom: 1px solid var(--mh-line);
}

.mh-reviews-section__score {
  text-align: center;
}

.mh-reviews-section__big {
  font-family: var(--mh-font-heading);
  font-weight: 700;
  font-size: 4rem;
  line-height: 1;
  letter-spacing: -0.03em;
  color: var(--mh-plum);
  display: block;
}

.mh-reviews-section__stars {
  color: var(--mh-tp-green);
  font-size: 22px;
  letter-spacing: 0.06em;
  margin: 0.35rem 0 0.25rem;
}

.mh-reviews-section__count {
  font-size: 12.5px;
  color: var(--mh-muted);
}

.mh-reviews-section__title-block { display: flex; flex-direction: column; align-items: center; gap: 0.5rem; }

.mh-reviews-section__brand {
  font-size: 12.5px;
  font-weight: 700;
  color: var(--mh-tp-green);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.mh-reviews-section__title {
  font-family: var(--mh-font-heading);
  font-weight: 600;
  font-size: clamp(1.75rem, 2.6vw, 2.2rem);
  letter-spacing: -0.025em;
  margin: 0;
  color: var(--mh-plum);
  line-height: 1.1;
}

.mh-reviews-section__more {
  font-size: 13.5px;
  font-weight: 700;
  color: var(--mh-plum);
  text-decoration: underline;
  text-underline-offset: 4px;
  align-self: center;
}

.mh-reviews-cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
}

.mh-reviews-card {
  background: #FFFFFF;
  border-radius: 4px;
  padding: 1.5rem 1.35rem 1.4rem;
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}

.mh-reviews-card__head {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 0.75rem;
  align-items: center;
}

.mh-reviews-card__avatar {
  width: 38px;
  height: 38px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.02em;
}

.mh-reviews-card__name { font-weight: 700; font-size: 13.5px; color: var(--mh-plum); }
.mh-reviews-card__meta { font-size: 11.5px; color: var(--mh-muted); }
.mh-reviews-card__stars { color: var(--mh-tp-green); font-size: 14px; letter-spacing: 0.04em; }

.mh-reviews-card__quote {
  font-size: 14px;
  line-height: 1.5;
  color: var(--mh-plum);
  margin: 0;
}

.mh-reviews-card__chip {
  font-size: 11.5px;
  font-weight: 600;
  color: var(--mh-plum);
  background: #F4F4F2;
  padding: 0.35rem 0.6rem;
  border-radius: 2px;
  align-self: flex-start;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mh-reviews-card__verified {
  font-size: 11px;
  color: var(--mh-tp-green);
  font-weight: 600;
  letter-spacing: 0.01em;
  margin-top: auto;
}

@media (max-width: 1100px) {
  .mh-reviews-section__head { grid-template-columns: 1fr; text-align: center; }
  .mh-reviews-section__title-block { align-items: center; }
  .mh-reviews-cards { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
  .mh-reviews-cards { grid-template-columns: 1fr; }
}

/* ============================================================
   FULL-WIDTH BANNER (legacy)
   ============================================================ */

.mh-banner {
  display: block;
  width: 100%;
  line-height: 0;
  text-decoration: none;
  background: #F7F7F5;
}

.mh-banner__img {
  width: 100%;
  height: auto;
  display: block;
}

/* ============================================================
   BOOZT-INSPIRED HOMEPAGE BANNERS
   ============================================================ */

/* 1) Wide skinny hero billboard */
.mh-billboard {
  display: block;
  max-width: var(--bz-max);
  margin: 1.5rem auto 1.5rem;
  padding: 0 var(--bz-pad);
  line-height: 0;
  text-decoration: none;
}
.mh-billboard img { width: 100%; height: auto; display: block; border-radius: 2px; }

/* Hero billboard sits on the same 1650px grid as the rest of the page */
.mh-billboard--full {
  max-width: var(--bz-max);
  margin: 1.5rem auto;
  padding: 0 var(--bz-pad);
}
.mh-billboard--full img { border-radius: 8px; }

/* 2/3/7/8/10) Banner grids */
.mh-bzgrid {
  max-width: var(--bz-max);
  margin: 0 auto 1.5rem;
  padding: 0 var(--bz-pad);
  display: grid;
  gap: var(--bz-gap);
}

.mh-bzgrid--4 { grid-template-columns: repeat(4, 1fr); }
.mh-bzgrid--2sq { grid-template-columns: repeat(2, 1fr); }
.mh-bzgrid--3 { grid-template-columns: repeat(3, 1fr); }
.mh-bzgrid--4p { grid-template-columns: repeat(4, 1fr); }
.mh-bzgrid--2ld { grid-template-columns: repeat(2, 1fr); }

.mh-bzgrid__tile {
  display: block;
  position: relative;
  line-height: 0;
  border-radius: 2px;
  overflow: hidden;
  background: #F4F4F2;
  text-decoration: none;
  color: inherit;
  transition: transform .25s ease;
}

.mh-bzgrid__tile:hover { transform: translateY(-2px); }

.mh-bzgrid__tile img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transform: scale(1);
  transition: transform .45s ease;
}

.mh-bzgrid__tile:hover img { transform: scale(1.08); }

.mh-bzgrid--4 .mh-bzgrid__tile,
.mh-bzgrid--3 .mh-bzgrid__tile { aspect-ratio: 1 / 1; }

.mh-bzgrid--2sq .mh-bzgrid__tile { aspect-ratio: 2 / 1; }
.mh-bzgrid--2ld .mh-bzgrid__tile { aspect-ratio: 4 / 1; }
.mh-bzgrid--4p .mh-bzgrid__tile { aspect-ratio: 4 / 5; }

/* Pre-composed promo banners (990x570) — match native ratio so the
   baked-in text + CTA are never cropped */
.mh-bzgrid--banners .mh-bzgrid__tile { aspect-ratio: 99 / 57; background: #F4F0EC; }
.mh-bzgrid--banners .mh-bzgrid__tile img { object-fit: cover; }

.mh-bzgrid__tile--portrait .mh-bzgrid__caption {
  position: absolute;
  left: 1rem;
  bottom: 1rem;
  background: rgba(255, 255, 255, 0.92);
  color: var(--mh-plum);
  font-weight: 700;
  font-size: 13px;
  padding: 0.45rem 0.85rem;
  border-radius: 2px;
  line-height: 1;
  backdrop-filter: blur(4px);
}

@media (max-width: 1100px) {
  .mh-bzgrid--4, .mh-bzgrid--4p { grid-template-columns: repeat(2, 1fr); }
  .mh-bzgrid--3 { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
  .mh-bzgrid--4, .mh-bzgrid--2sq, .mh-bzgrid--4p, .mh-bzgrid--2ld { grid-template-columns: 1fr; }
}

/* Aktuelle kampagner — Coolshop-style 4-up inspiration cards */
.mh-campaigns {
  max-width: var(--bz-max);
  margin: 1.5rem auto 2rem;
  padding: 20px var(--bz-pad) 0;
}

.mh-campaigns__head {
  margin-bottom: 1.25rem;
}

.mh-campaigns__head h2 {
  font-family: var(--mh-font-heading);
  font-weight: 700;
  font-size: 1.8rem;
  letter-spacing: -0.025em;
  margin: 0 0 0.35rem;
  color: var(--mh-plum);
}

.mh-campaigns__head p {
  font-size: 14.5px;
  color: var(--mh-muted);
  margin: 0;
}

.mh-campaigns__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--bz-gap);
}

.mh-campaigns__card {
  text-decoration: none;
  color: inherit;
  display: flex;
  flex-direction: column;
  transition: transform .25s ease;
}

.mh-campaigns__card:hover { transform: translateY(-3px); color: inherit; }

.mh-campaigns__media {
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background: #F4F4F2;
}

.mh-campaigns__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transform: scale(1);
  transition: transform .45s ease;
}

.mh-campaigns__card:hover .mh-campaigns__media img { transform: scale(1.09); }

.mh-campaigns__body { padding: 1rem 0 0.5rem; }

.mh-campaigns__eyebrow {
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--mh-primary);
  margin-bottom: 0.45rem;
  display: inline-block;
}

.mh-campaigns__title {
  font-family: var(--mh-font-heading);
  font-weight: 700;
  font-size: 1.1rem;
  line-height: 1.2;
  letter-spacing: -0.015em;
  margin: 0 0 0.3rem;
  color: var(--mh-plum);
}

.mh-campaigns__lede {
  font-size: 13.5px;
  color: var(--mh-muted);
  line-height: 1.45;
  margin: 0 0 0.85rem;
}

.mh-campaigns__date {
  font-size: 11.5px;
  font-weight: 700;
  color: var(--mh-ink);
  margin: 0;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

@media (max-width: 1100px) { .mh-campaigns__grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 520px)  { .mh-campaigns__grid { grid-template-columns: 1fr; } }

/* 5) Text-link chip strip */
.mh-chiplinks {
  max-width: var(--bz-max);
  margin: 0.5rem auto 2rem;
  padding: 0 var(--bz-pad);
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: var(--bz-gap);
}

.mh-chiplinks a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 68px;
  border-radius: 2px;
  background: #F4F4F2;
  color: var(--mh-plum);
  text-decoration: none;
  font-size: 13.5px;
  font-weight: 600;
  letter-spacing: -0.005em;
  transition: background-color .15s ease, color .15s ease;
}

.mh-chiplinks a:hover { background: var(--mh-plum); color: #FFFFFF; }

@media (max-width: 1100px) { .mh-chiplinks { grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 600px) { .mh-chiplinks { grid-template-columns: repeat(2, 1fr); } }

/* 6) Editorial duo — 2-up image cards */
.mh-bzasy {
  max-width: var(--bz-max);
  margin: 0 auto 1.5rem;
  padding: 0 var(--bz-pad);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--bz-gap);
  align-items: stretch;
}

.mh-bzasy__card {
  position: relative;
  display: block;
  text-decoration: none;
  color: #FFFFFF;
  border-radius: 2px;
  overflow: hidden;
  aspect-ratio: 1 / 1;
  min-height: 395px;
  background: #1A1A1A;
}

.mh-bzasy__card img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .35s ease;
}

.mh-bzasy__card:hover img { transform: scale(1.04); }

.mh-bzasy__overlay {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 1.75rem;
  width: 100%;
  background: linear-gradient(to top, rgba(0,0,0,0.7), transparent 75%);
}

.mh-bzasy__eyebrow {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.85);
  margin-bottom: 0.5rem;
  display: inline-block;
}

.mh-bzasy__title {
  font-family: var(--mh-font-heading);
  font-weight: 700;
  font-size: clamp(1.4rem, 2vw, 1.85rem);
  line-height: 1.1;
  margin: 0 0 0.65rem;
  color: #FFFFFF;
  letter-spacing: -0.02em;
}

.mh-bzasy__link {
  display: inline-flex;
  align-items: center;
  font-size: 13.5px;
  font-weight: 700;
  color: #FFFFFF;
  text-decoration: underline;
  text-underline-offset: 3px;
}

@media (max-width: 900px) {
  .mh-bzasy { grid-template-columns: 1fr; }
  .mh-bzasy__card { min-height: 280px; aspect-ratio: 16 / 10; }
}

/* 9 / 12) Thin promo strip */
.mh-bzstrip {
  display: block;
  max-width: var(--bz-max);
  margin: 0.5rem auto;
  padding: 0 var(--bz-pad);
  text-decoration: none;
  line-height: 0;
  position: relative;
}

.mh-bzstrip img {
  width: 100%;
  height: 152px;
  object-fit: cover;
  display: block;
  border-radius: 2px;
}

.mh-bzstrip__overlay {
  position: absolute;
  inset: 0 var(--bz-pad);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  font-weight: 600;
  font-size: 15px;
  letter-spacing: 0.01em;
  text-align: center;
  background: linear-gradient(90deg, rgba(0,0,0,0.4), rgba(0,0,0,0.2), rgba(0,0,0,0.4));
  border-radius: 2px;
}

.mh-bzstrip__overlay strong { font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; margin-right: 0.5rem; }

.mh-bzstrip--thin .mh-bzstrip__solid {
  width: 100%;
  height: 98px;
  background: var(--mh-plum);
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  font-weight: 600;
  border-radius: 2px;
  text-align: center;
}

.mh-bzstrip--thin .mh-bzstrip__solid strong { font-weight: 800; margin-right: 0.5rem; }

/* SEO text block below the home brand grid */
.mh-seo {
  background: #FAFAFA;
  padding: clamp(3rem, 6vw, 5rem) 0;
}

.mh-seo__inner {
  max-width: var(--bz-max);
  margin: 0 auto;
  padding: 0 var(--bz-pad);
}

.mh-seo__head {
  text-align: center;
  margin-bottom: 2.5rem;
}

.mh-seo__eyebrow {
  font-size: 11.5px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--mh-muted);
  margin-bottom: 0.6rem;
  display: inline-block;
}

.mh-seo__title {
  font-family: "Bricolage Grotesque", var(--mh-font-heading);
  font-weight: 600;
  font-size: clamp(1.65rem, 2.6vw, 2.25rem);
  letter-spacing: -0.025em;
  line-height: 1.1;
  margin: 0 auto 0.85rem;
  color: var(--mh-plum);
  max-width: 36ch;
}

.mh-seo__lede {
  font-size: 15px;
  line-height: 1.6;
  color: var(--mh-plum-soft);
  margin: 0 auto;
  max-width: 56ch;
}

.mh-seo__text {
  max-width: 920px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.6rem 3.25rem;
}

.mh-seo__point h3 {
  font-family: "Bricolage Grotesque", var(--mh-font-heading);
  font-weight: 600;
  font-size: 1.02rem;
  letter-spacing: -0.015em;
  color: var(--mh-plum);
  margin: 0 0 0.4rem;
  line-height: 1.3;
}

.mh-seo__point p {
  font-size: 14px;
  line-height: 1.7;
  color: var(--mh-plum-soft);
  margin: 0;
}

@media (max-width: 700px) {
  .mh-seo { padding: 2.5rem 0; }
  .mh-seo__head { margin-bottom: 1.6rem; text-align: left; }
  .mh-seo__title { font-size: 1.4rem; margin-left: 0; }
  .mh-seo__lede { font-size: 13.5px; margin-left: 0; }
  .mh-seo__text { grid-template-columns: 1fr; gap: 1.4rem; }
  .mh-seo__point p { font-size: 13.5px; }
}

/* 11) USP service strip */
.mh-bzusp {
  max-width: var(--bz-max);
  margin: 0 auto;
  padding: clamp(3.5rem, 6vw, 5rem) var(--bz-pad);
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2.5rem;
}

.mh-bzusp__card {
  background: transparent;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 0.45rem;
  min-height: 0;
}

.mh-bzusp__card i {
  font-size: 34px;
  line-height: 1;
  color: var(--mh-plum);
  margin-bottom: 0.5rem;
}

.mh-bzusp__card h4 {
  font-family: var(--mh-font-body);
  font-weight: 700;
  font-size: 14.5px;
  letter-spacing: 0;
  color: var(--mh-plum);
  margin: 0;
}

.mh-bzusp__card p {
  font-size: 13px;
  color: var(--mh-muted);
  line-height: 1.5;
  margin: 0;
  max-width: 24ch;
}

.mh-bzusp__card a {
  font-size: 12.5px;
  font-weight: 600;
  color: var(--mh-plum);
  text-decoration: underline;
  text-underline-offset: 3px;
  margin-top: 0.2rem;
  align-self: center;
}

@media (max-width: 900px) { .mh-bzusp { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 500px) { .mh-bzusp { grid-template-columns: 1fr; } }

/* 13) Brand logo grid */
.mh-bzbrands {
  max-width: var(--bz-max);
  margin: 1.5rem auto 3rem;
  padding: 0 var(--bz-pad);
}

.mh-bzbrands__head {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 1rem;
}

.mh-bzbrands__head h3 {
  font-family: var(--mh-font-heading);
  font-weight: 600;
  font-size: 1.15rem;
  letter-spacing: -0.015em;
  margin: 0;
  color: var(--mh-plum);
}

.mh-bzbrands__head a {
  font-size: 12.5px;
  font-weight: 700;
  color: var(--mh-plum);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.mh-bzbrands__grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: var(--bz-gap);
}

.mh-bzbrands__tile {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  height: 140px;
  padding: 1rem;
  background: #F4F4F2;
  border-radius: 2px;
  text-decoration: none;
  transition: background-color .15s ease;
}

.mh-bzbrands__tile:hover { background: #E8E8E5; }

.mh-bzbrands__tile::before,
.mh-bzbrands__tile::after { content: none; }

.mh-bzbrands__logo {
  width: auto;
  height: auto;
  max-width: 80%;
  max-height: 56px;
  object-fit: contain;
  mix-blend-mode: multiply;
  transition: none;
}

.mh-bzbrands__tile:hover .mh-bzbrands__logo { transform: none; }

.mh-bzbrands__name {
  position: static;
  left: auto;
  bottom: auto;
  z-index: auto;
  margin: 0;
  font-family: var(--mh-font-body);
  font-weight: 600;
  font-size: 12px;
  color: var(--mh-plum);
  letter-spacing: 0.01em;
  text-align: center;
}

@media (max-width: 1100px) { .mh-bzbrands__grid { grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 600px) { .mh-bzbrands__grid { grid-template-columns: repeat(3, 1fr); } }

/* ============================================================
   ROUND CATEGORY CIRCLES (Matas signature)
   ============================================================ */

.mh-circles {
  background: #FFFFFF;
  padding: 1.6rem 0 1.2rem;
  border-bottom: 0;
}

.mh-circles__inner {
  max-width: var(--bz-max);
  margin: 0 auto;
  padding: 0 var(--bz-pad);
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 1rem;
  overflow-x: auto;
  scrollbar-width: none;
}

.mh-circles__inner::-webkit-scrollbar { display: none; }

.mh-circles__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.6rem;
  text-decoration: none;
  color: var(--mh-plum);
  transition: transform .2s ease;
  min-width: 0;
}

.mh-circles__item:hover { transform: translateY(-4px); }

.mh-circles__bubble {
  width: 100%;
  aspect-ratio: 1;
  border-radius: 50%;
  overflow: hidden;
  background: var(--mh-rose); /* single uniform circle color */
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: box-shadow .25s ease;
  max-width: 96px;
}

.mh-circles__item:hover .mh-circles__bubble {
  box-shadow: 0 10px 24px rgba(var(--mh-primary-rgb), 0.20);
}

.mh-circles__bubble img {
  width: 65%;
  height: 65%;
  object-fit: contain;
  mix-blend-mode: multiply;
}

.mh-circles__bubble--accent {
  background: var(--mh-lime);
  color: var(--mh-plum);
}

.mh-circles__bubble--accent svg { width: 36%; height: 36%; }

.mh-circles__label {
  font-size: 11.5px;
  font-weight: 500;
  color: var(--mh-plum);
  text-align: center;
  letter-spacing: -0.005em;
}

.mh-circles__item--accent .mh-circles__label { color: var(--mh-primary-deep); }

/* Optional section heading above the row (used by .mh-circles--brands) */
.mh-circles__head {
  max-width: var(--bz-max);
  margin: 0 auto 0.9rem;
  padding: 0 var(--bz-pad);
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
}
.mh-circles__title {
  font-family: var(--mh-head, var(--bs-body-font-family));
  font-weight: 700;
  font-size: 1.15rem;
  letter-spacing: -0.015em;
  color: var(--mh-plum);
  margin: 0;
}
.mh-circles__seeall {
  font-size: 13px;
  font-weight: 700;
  color: var(--mh-primary-deep);
  text-decoration: none;
  white-space: nowrap;
}
.mh-circles__seeall:hover { color: var(--mh-plum); }

/* Below 1200px: keep all 12 circles in one row but scrollable horizontally */
@media (max-width: 1200px) {
  .mh-circles__inner {
    grid-template-columns: repeat(12, minmax(100px, 1fr));
    gap: 0.85rem;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 768px) {
  .mh-circles__inner {
    grid-template-columns: repeat(12, minmax(92px, 124px));
    gap: 0.75rem;
  }
}
@media (max-width: 480px) {
  .mh-circles__inner {
    grid-template-columns: repeat(12, minmax(82px, 104px));
    gap: 0.6rem;
  }
  .mh-circles__label { font-size: 11.5px; }
}

/* ============================================================
   USP BAND (compact strip)
   ============================================================ */

.mh-usp-band {
  background: #FAFAFA;
  padding: 1rem 0;
  border-top: 1px solid var(--mh-line);
  border-bottom: 1px solid var(--mh-line);
}

.mh-usp-band__inner {
  max-width: var(--bz-max);
  margin: 0 auto;
  padding: 0 var(--bz-pad);
  display: flex;
  gap: 2rem;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  font-size: 13.5px;
  color: var(--mh-muted);
}

@media (max-width: 760px) {
  .mh-usp-band__inner { justify-content: center; gap: 1.25rem; }
}

.mh-usp-band__item {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
}

.mh-usp-band__item strong { color: var(--mh-plum); font-weight: 700; }
.mh-usp-band__item svg { color: var(--mh-primary); flex-shrink: 0; }

.mh-usp-band__item--accent { color: var(--mh-primary-deep); }
.mh-usp-band__item--accent strong { color: var(--mh-primary-deep); }
.mh-usp-band__item--accent svg { color: var(--mh-yellow); }

/* ============================================================
   SECTION FRAME
   ============================================================ */

.mh-section { padding: clamp(4rem, 7vw, 6.5rem) 0; }
.mh-section--cream { background: #FAFAFA; }
.mh-section--rose { background: var(--mh-rose); }
.mh-section--lilac { background: var(--mh-lilac); }
.mh-section.mh-hookhome { padding-top: 1.5rem; padding-bottom: 3rem; }

.mh-container { max-width: var(--bz-max); margin: 0 auto; padding: 0 var(--bz-pad); }

.mh-section__head {
  margin-bottom: 2.75rem;
  text-align: center;
}

.mh-section__head--row {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 1.5rem;
  flex-wrap: wrap;
  text-align: left;
}

.mh-section__eyebrow {
  font-size: 11px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--mh-muted);
  font-weight: 600;
  margin-bottom: 0.85rem;
  display: inline-block;
}

.mh-section__title {
  font-family: var(--mh-font-heading);
  font-weight: 500;
  font-size: clamp(1.9rem, 3.2vw, 2.75rem);
  line-height: 1.05;
  margin: 0;
  color: var(--mh-plum);
  letter-spacing: -0.03em;
}

.mh-section__title em {
  font-style: normal;
  color: var(--mh-primary);
}

.mh-section__more {
  font-size: 13px;
  font-weight: 600;
  color: var(--mh-plum);
  text-decoration: underline;
  text-underline-offset: 4px;
  white-space: nowrap;
  transition: color .15s ease;
}

.mh-section__more:hover { color: var(--mh-primary-deep); }

/* ============================================================
   BRAND WALL
   ============================================================ */

.mh-brand-grid {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 0.85rem;
}

.mh-brand-tile {
  background: #FFFFFF;
  border: 1px solid var(--mh-border);
  border-radius: 14px;
  padding: 1.4rem 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 92px;
  text-decoration: none;
  transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease, background-color .2s ease;
  box-shadow: 0 1px 0 rgba(61, 21, 48, 0.04);
}

.mh-brand-tile:hover {
  border-color: var(--mh-primary);
  transform: translateY(-3px);
  box-shadow: 0 14px 28px rgba(var(--mh-primary-rgb), 0.14);
  background: var(--mh-rose);
}

.mh-brand-tile__name {
  font-family: var(--mh-font-heading);
  font-weight: 700;
  font-size: 17px;
  color: var(--mh-plum);
  letter-spacing: -0.02em;
  text-align: center;
  line-height: 1;
}

.mh-brand-tile__name--italic { font-style: italic; }

@media (max-width: 1100px) { .mh-brand-grid { grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 600px)  { .mh-brand-grid { grid-template-columns: repeat(3, 1fr); } }

/* ============================================================
   FEATURE CARDS (2-up large)
   ============================================================ */

.mh-feature-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}

.mh-feature {
  border-radius: 22px;
  padding: 2.25rem;
  text-decoration: none;
  color: var(--mh-plum);
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 1.5rem;
  align-items: center;
  min-height: 280px;
  transition: transform .25s ease, box-shadow .25s ease;
  overflow: hidden;
  position: relative;
}

.mh-feature:hover {
  transform: translateY(-3px);
  box-shadow: 0 24px 50px rgba(61, 21, 48, 0.16);
  color: var(--mh-plum);
}

.mh-feature__copy {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}

.mh-feature__tag {
  font-size: 11.5px;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--mh-primary-deep);
}

.mh-feature__tag--light { color: rgba(255, 255, 255, 0.85); }

.mh-feature__title {
  font-family: var(--mh-font-heading);
  font-weight: 800;
  font-size: clamp(1.4rem, 2vw, 1.85rem);
  line-height: 1.1;
  margin: 0;
  letter-spacing: -0.02em;
  color: var(--mh-plum);
}

.mh-feature__title--light { color: #FFFFFF; }

.mh-feature__title em {
  font-style: normal;
  color: var(--mh-primary);
}

.mh-feature__title--light em {
  color: var(--mh-primary-soft);
}

.mh-feature__lede {
  font-size: 14.5px;
  color: var(--mh-plum-soft);
  margin: 0;
  line-height: 1.55;
  font-weight: 500;
}

.mh-feature__lede--light { color: rgba(255, 255, 255, 0.85); }

.mh-feature__cta {
  font-size: 13.5px;
  font-weight: 800;
  color: var(--mh-primary-deep);
  display: inline-flex;
  align-items: center;
  margin-top: 0.5rem;
}

.mh-feature__cta--light { color: var(--mh-lime); }

.mh-feature__visual {
  display: flex;
  align-items: center;
  justify-content: center;
}

.mh-feature__visual img {
  max-width: 100%;
  max-height: 240px;
  width: auto;
  object-fit: contain;
  filter: drop-shadow(0 18px 32px rgba(61, 21, 48, 0.18));
}

@media (max-width: 900px) {
  .mh-feature-grid { grid-template-columns: 1fr; }
  .mh-feature { grid-template-columns: 1fr; padding: 1.75rem; }
}

/* ============================================================
   REVIEWS
   ============================================================ */

.mh-tp-summary {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  justify-content: center;
  margin-bottom: 0.75rem;
  font-size: 13.5px;
}

.mh-tp-summary__logo {
  color: var(--mh-tp-green);
  font-weight: 800;
  font-size: 14px;
}

.mh-tp-summary__stars { color: var(--mh-tp-green); font-size: 16px; letter-spacing: 0.04em; }
.mh-tp-summary__text { color: var(--mh-muted); }
.mh-tp-summary__text strong { color: var(--mh-plum); }

.mh-reviews {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.25rem;
}

.mh-reviews__card {
  background: #FFFFFF;
  border: 1px solid var(--mh-line);
  border-radius: 16px;
  padding: 1.6rem 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
  position: relative;
}

.mh-reviews__stars { color: var(--mh-tp-green); font-size: 17px; letter-spacing: 0.05em; }

.mh-reviews__quote {
  font-family: var(--mh-font-heading);
  font-size: 16px;
  line-height: 1.45;
  font-weight: 500;
  color: var(--mh-plum);
  margin: 0;
  letter-spacing: -0.005em;
}

.mh-reviews__author {
  font-size: 12.5px;
  color: var(--mh-muted);
  margin: 0;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.mh-reviews__author strong { color: var(--mh-plum); font-weight: 700; }

.mh-reviews__verified {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 11px;
  color: var(--mh-lime-deep);
  font-weight: 700;
}

@media (max-width: 900px) { .mh-reviews { grid-template-columns: 1fr; } }

/* ============================================================
   MOBILE POLISH PASS — frontpage sections (≤767px)
   ============================================================ */
@media (max-width: 767px) {
  /* Promo image tiles edge-to-edge, 2px gap */
  .mh-bzgrid {
    gap: 2px;
    margin-left: 0;
    margin-right: 0;
    border-radius: 0;
  }
  .mh-bzgrid--2sq,
  .mh-bzgrid--4,
  .mh-bzgrid--4p,
  .mh-bzgrid--2ld { grid-template-columns: 1fr 1fr; }
  .mh-bzgrid__tile { border-radius: 0; }

  /* Campaign cards: tighter 2-col, 2px gutter */
  .mh-campaigns__grid { gap: 2px; }

  /* USP service strip — clean 2-col cards with subtle surface */
  .mh-bzusp {
    grid-template-columns: 1fr 1fr;
    gap: 0.6rem;
    padding: 2rem 0.85rem;
  }
  .mh-bzusp__card {
    background: #FAFAFA;
    border: 1px solid var(--mh-line);
    border-radius: 10px;
    padding: 1rem 0.85rem;
    gap: 0.3rem;
  }
  .mh-bzusp__card i { font-size: 22px; margin-bottom: 0.15rem; }
  .mh-bzusp__card h4 { font-size: 13px; }
  .mh-bzusp__card p { font-size: 11.5px; line-height: 1.4; }
  .mh-bzusp__card a { font-size: 11.5px; }

  /* Reviews section — fully centered */
  .mh-reviews-section__head { grid-template-columns: 1fr; text-align: center; gap: 1rem; }
  .mh-reviews-section__score,
  .mh-reviews-section__title-block { align-items: center; }
  .mh-reviews-section__stars,
  .mh-reviews-section__brand,
  .mh-reviews-section__more { justify-content: center; }
  .mh-reviews-section__more { display: inline-flex; margin: 0 auto; }

  /* Newsletter — stacked, cleaner card (not a cramped pill) */
  .mh-newsletter { padding: 2.5rem 0; }
  .mh-newsletter__inner { padding: 0 1.25rem; }
  .mh-newsletter__title { font-size: 1.6rem; }
  .mh-newsletter__lede { font-size: 0.9rem; margin-bottom: 1.1rem; }
  .mh-newsletter__form {
    flex-direction: column;
    background: transparent;
    box-shadow: none;
    padding: 0;
    gap: 0.5rem;
    max-width: 340px;
  }
  .mh-newsletter__input {
    background: #FFFFFF;
    border-radius: 10px;
    padding: 0.95rem 1.1rem;
    width: 100%;
    text-align: center;
  }
  .mh-newsletter__btn {
    width: 100%;
    border-radius: 10px;
    padding: 0.95rem 1rem;
    background: var(--mh-primary);
  }

  /* Footer — 40px side padding on mobile */
  .mh-footer__inner,
  .mh-footer__bottom-row { padding-left: 40px; padding-right: 40px; }
}

/* ============================================================
   Mobile header / footer / section refinements
   ============================================================ */

/* Campaign cards — hide the date line everywhere */
.mh-campaigns__date { display: none; }
/* ============================================================
   FAST LAV PRIS — Matas-style yellow promo banner
   ============================================================ */
.mh-fast-promo {
  background: #FBE56A;
  margin: 1.5rem 0;
}
.mh-fast-promo__inner {
  max-width: var(--bz-max);
  margin: 0 auto;
  padding: 1.25rem var(--bz-pad);
  display: grid;
  grid-template-columns: 1.05fr 1fr;
  gap: 3rem;
  align-items: center;
}
.mh-fast-promo__media {
  position: relative;
  background: #C7DEF4;
  border-radius: 4px;
  aspect-ratio: 16 / 7;
  overflow: hidden;
  isolation: isolate;
}
.mh-fast-promo__media::before {
  content: "";
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(135deg, transparent 0 14px, rgba(255,255,255,0.22) 14px 28px);
  z-index: 0;
}
.mh-fast-promo__product {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.mh-fast-promo__product img {
  max-height: 78%;
  max-width: 60%;
  object-fit: contain;
  filter: drop-shadow(0 8px 14px rgba(0,0,0,0.10));
}
.mh-fast-promo__badge {
  position: absolute;
  right: 12%;
  top: 50%;
  width: 140px;
  height: 140px;
  transform: translateY(-50%) rotate(-6deg);
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mh-fast-promo__burst {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  filter: drop-shadow(0 4px 8px rgba(0,0,0,0.12));
}
.mh-fast-promo__badge-text {
  position: relative;
  z-index: 1;
  text-align: center;
  color: #fff;
  line-height: 1;
}
.mh-fast-promo__badge-kicker {
  display: block;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.02em;
  margin-bottom: 3px;
}
.mh-fast-promo__badge-price {
  display: block;
  font-family: var(--mh-head, var(--bs-body-font-family));
  font-weight: 800;
  font-size: 2.2rem;
  letter-spacing: -0.02em;
  margin-bottom: 3px;
}
.mh-fast-promo__badge-price sup {
  font-size: 50%;
  vertical-align: super;
  top: -0.2em;
  font-weight: 700;
}
.mh-fast-promo__badge-foot {
  display: block;
  font-size: 10px;
  font-weight: 400;
}
.mh-fast-promo__body {
  padding: 1rem 0;
}
.mh-fast-promo__kicker {
  font-size: 0.95rem;
  font-weight: 400;
  color: var(--mh-plum);
  margin: 0 0 0.85rem;
}
.mh-fast-promo__title {
  font-family: var(--mh-head, var(--bs-body-font-family));
  font-weight: 800;
  font-size: clamp(1.5rem, 2.6vw, 2.3rem);
  line-height: 1.15;
  letter-spacing: -0.02em;
  color: var(--mh-plum);
  margin: 0 0 1.25rem;
}
.mh-fast-promo__cta {
  display: inline-block;
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--mh-plum);
  text-decoration: underline;
  text-underline-offset: 4px;
}
.mh-fast-promo__cta:hover { color: var(--mh-primary-deep); }

@media (max-width: 900px) {
  .mh-fast-promo__inner { grid-template-columns: 1fr; gap: 1.25rem; }
  .mh-fast-promo__media { aspect-ratio: 16 / 9; }
  .mh-fast-promo__body { padding: 0 0 0.5rem; text-align: center; }
}
@media (max-width: 600px) {
  .mh-fast-promo__badge { width: 110px; height: 110px; right: 6%; }
  .mh-fast-promo__badge-price { font-size: 1.7rem; }
}

/* ============================================================
   HOMEPAGE MAGAZINE / BLOG TEASER
   Left column: title + description + category list
   Right column: 4 latest article cards (2×2 grid)
   ============================================================ */
.mh-mag-home {
  background: #FFFFFF;
  padding: clamp(2.5rem, 5vw, 4.5rem) 0;
}
.mh-mag-home__inner {
  max-width: var(--bz-max, 1400px);
  margin: 0 auto;
  padding: 0 var(--bz-pad, 1.5rem);
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 2.2fr);
  gap: 3rem;
  align-items: start;
}

/* ---------- Left intro ---------- */
.mh-mag-home__intro {
  position: sticky;
  top: 1.5rem;
}
.mh-mag-home__eyebrow {
  display: inline-block;
  font-size: 11.5px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--mh-muted, #6b6470);
  margin-bottom: 0.85rem;
}
.mh-mag-home__title {
  font-family: "Bricolage Grotesque", var(--mh-font-heading, inherit);
  font-weight: 600;
  font-size: clamp(1.65rem, 2.6vw, 2.2rem);
  letter-spacing: -0.025em;
  line-height: 1.1;
  color: var(--mh-plum, #1a1320);
  margin: 0 0 0.85rem;
}
.mh-mag-home__lede {
  font-size: 14.5px;
  line-height: 1.6;
  color: var(--mh-plum-soft, #6b6470);
  margin: 0 0 1.5rem;
  max-width: 38ch;
}
.mh-mag-home__cats {
  list-style: none;
  padding: 0;
  margin: 0 0 1.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem 0.55rem;
}
.mh-mag-home__cats a {
  display: inline-flex;
  align-items: center;
  padding: 0.4rem 0.85rem;
  background: var(--mh-cream, #f7f4ef);
  border: 1px solid var(--mh-line, #eeecf3);
  border-radius: 999px;
  font-size: 13px;
  font-weight: 700;
  color: var(--mh-plum, #1a1320);
  text-decoration: none;
  transition: background .15s ease, border-color .15s ease, color .15s ease;
}
.mh-mag-home__cats a:hover {
  background: var(--mh-rose, #fdeef5);
  border-color: var(--mh-primary, #74648d);
  color: var(--mh-primary-deep, #c81e74);
}
.mh-mag-home__all {
  display: inline-flex;
  align-items: center;
  font-size: 13.5px;
  font-weight: 700;
  color: var(--mh-plum, #1a1320);
  text-decoration: underline;
  text-underline-offset: 4px;
}
.mh-mag-home__all:hover { color: var(--mh-primary-deep, #c81e74); }

/* ---------- Right grid of article cards ---------- */
.mh-mag-home__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.5rem 1.4rem;
}
.mh-mag-home__card {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: inherit;
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid var(--mh-line, #eeecf3);
  transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}
.mh-mag-home__card:hover {
  border-color: var(--mh-primary, #74648d);
  box-shadow: 0 12px 26px rgba(15, 15, 15, 0.08);
  transform: translateY(-3px);
}
.mh-mag-home__media {
  aspect-ratio: 16 / 10;
  overflow: hidden;
  background: var(--mh-cream, #f7f4ef);
}
.mh-mag-home__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .4s ease;
}
.mh-mag-home__card:hover .mh-mag-home__media img { transform: scale(1.04); }
.mh-mag-home__body {
  padding: 1.05rem 1.15rem 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
}
.mh-mag-home__cat {
  font-size: 11px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-weight: 800;
  color: var(--mh-primary-deep, #c81e74);
}
.mh-mag-home__cardtitle {
  font-family: "Bricolage Grotesque", var(--mh-font-heading, inherit);
  font-weight: 600;
  font-size: 1.05rem;
  letter-spacing: -0.015em;
  line-height: 1.25;
  color: var(--mh-plum, #1a1320);
  margin: 0;
}

/* ---------- Responsive ---------- */
@media (max-width: 991.98px) {
  .mh-mag-home__inner { grid-template-columns: 1fr; gap: 2rem; }
  .mh-mag-home__intro { position: static; }
}
@media (max-width: 600px) {
  .mh-mag-home { padding: 2rem 0; }
  .mh-mag-home__grid { grid-template-columns: 1fr; gap: 1rem; }
  .mh-mag-home__title { font-size: 1.5rem; }
  .mh-mag-home__lede { font-size: 13.5px; }
}