.mps-men-page {
  overflow: clip;
  background: var(--mps-color-background);
}

.mps-men-hero {
  --mps-pattern-width: 42%;
  --mps-pattern-right: -18%;
  --mps-pattern-opacity: .08;
  padding-block: var(--section-space-desktop);
  background: #f7f3ef;
}

.mps-men-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(520px, 1.1fr);
  gap: clamp(56px, 7vw, 120px);
  align-items: center;
}

.mps-men-hero__content { max-width: 720px; }
.mps-men-hero h1 {
  margin: 18px 0 30px;
  font-size: clamp(62px, 6.5vw, 112px);
  line-height: .94;
  letter-spacing: -.035em;
}
.mps-men-hero__lead {
  max-width: 650px;
  margin: 0 0 18px;
  font-size: clamp(20px, 1.6vw, 28px);
  font-weight: 600;
  line-height: 1.45;
}
.mps-men-hero__text {
  max-width: 650px;
  margin: 0;
  color: var(--mps-color-text-muted);
  font-size: var(--mps-body-large-size);
  line-height: 1.7;
}
.mps-men-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 22px;
  align-items: center;
  margin-top: 38px;
}
.mps-men-text-link {
  display: inline-flex;
  gap: 16px;
  align-items: center;
  padding-bottom: 7px;
  border-bottom: 1px solid currentColor;
  color: var(--mps-color-text);
  font-weight: 700;
  text-decoration: none;
}
.mps-men-text-link span { transition: transform var(--mps-transition); }
.mps-men-text-link:hover span,
.mps-men-text-link:focus-visible span { transform: translateX(5px); }
.mps-men-hero__media {
  position: relative;
  margin: 0;
  min-height: 700px;
  overflow: hidden;
  background: #d8cdc4;
}
.mps-men-hero__media img {
  width: 100%;
  height: 100%;
  min-height: 700px;
  object-fit: cover;
}
.mps-men-hero__media figcaption {
  position: absolute;
  right: 30px;
  bottom: 24px;
  color: rgba(255,255,255,.9);
  font-family: var(--mps-font-heading);
  font-size: 26px;
  letter-spacing: .08em;
}
.mps-men-hero__media figcaption span {
  display: block;
  font-family: var(--mps-font-body);
  font-size: 11px;
  letter-spacing: .35em;
}

.mps-men-nav {
  border-block: 1px solid var(--mps-color-border);
  background: #fff;
}
.mps-men-nav .mps-container {
  display: flex;
  gap: clamp(28px, 5vw, 84px);
  min-height: 78px;
  align-items: center;
}
.mps-men-nav a {
  color: var(--mps-color-text);
  font-size: var(--mps-label-size);
  font-weight: 700;
  letter-spacing: .08em;
  text-decoration: none;
  text-transform: uppercase;
}

.mps-men-section-heading {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(320px, .9fr);
  gap: clamp(48px, 8vw, 130px);
  align-items: end;
  margin-bottom: clamp(64px, 7vw, 110px);
}
.mps-men-section-heading--compact { grid-template-columns: minmax(0, 880px); }
.mps-men-section-heading h2,
.mps-men-tech h2 {
  margin: 12px 0 0;
  font-size: var(--mps-h2-size);
  line-height: var(--mps-h2-line);
}
.mps-men-section-heading > p {
  margin: 0;
  color: var(--mps-color-text-muted);
  font-size: var(--mps-body-large-size);
  line-height: 1.7;
}

.mps-men-service-list { display: grid; gap: clamp(90px, 11vw, 170px); }
.mps-men-service {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
  gap: clamp(56px, 8vw, 130px);
  align-items: center;
}
.mps-men-service--reverse .mps-men-service__media { order: 2; }
.mps-men-service__media {
  margin: 0;
  overflow: hidden;
  background: #eee7e0;
}
.mps-men-service__media img {
  width: 100%;
  aspect-ratio: 1.18 / 1;
  object-fit: cover;
  transition: transform .6s ease;
}
.mps-men-service:hover .mps-men-service__media img { transform: scale(1.025); }
.mps-men-service__code,
.mps-men-service__content > p:first-of-type {
  color: #917968;
  font-size: var(--mps-label-size);
  font-weight: 700;
  letter-spacing: .11em;
  text-transform: uppercase;
}
.mps-men-service h3 {
  margin: 16px 0 24px;
  font-size: clamp(40px, 4.2vw, 70px);
  line-height: 1.02;
}
.mps-men-service__content > p:not(.mps-men-service__code) {
  color: var(--mps-color-text-muted);
  font-size: var(--mps-body-large-size);
  line-height: 1.7;
}
.mps-men-service ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 24px;
  margin: 28px 0 34px;
  padding: 0;
  list-style: none;
}
.mps-men-service li { position: relative; padding-left: 18px; }
.mps-men-service li::before {
  position: absolute;
  top: .72em;
  left: 0;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #b79784;
  content: "";
}

.mps-men-audience {
  --mps-pattern-width: 46%;
  --mps-pattern-right: -16%;
  --mps-pattern-opacity: .1;
  background: #f8f5f2;
}
.mps-men-audience__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-top: 1px solid var(--mps-color-border);
  border-bottom: 1px solid var(--mps-color-border);
}
.mps-men-audience article {
  min-height: 260px;
  padding: 38px 32px;
  border-right: 1px solid var(--mps-color-border);
}
.mps-men-audience article:last-child { border-right: 0; }
.mps-men-audience article span {
  color: #b79784;
  font-family: var(--mps-font-heading);
  font-size: 25px;
}
.mps-men-audience h3 {
  margin: 44px 0 14px;
  font-size: var(--mps-h4-size);
}
.mps-men-audience p { margin: 0; color: var(--mps-color-text-muted); line-height: 1.65; }

.mps-men-tech { background: #232323; color: #fff; }
.mps-men-tech__grid {
  display: grid;
  grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
  gap: clamp(60px, 9vw, 150px);
  align-items: start;
}
.mps-men-tech .mps-eyebrow { color: #d7c5b9; }
.mps-men-tech h2 { color: #fff; }
.mps-men-tech__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-top: 1px solid rgba(255,255,255,.18);
}
.mps-men-tech__list span {
  padding: 24px 0;
  border-bottom: 1px solid rgba(255,255,255,.18);
  color: rgba(255,255,255,.78);
}

.mps-men-products .products { margin-top: 56px; }
.mps-men-products__empty {
  margin: 50px 0 0;
  padding: 34px;
  border: 1px solid var(--mps-color-border);
  background: #f8f5f2;
}
.mps-men-products__fallback { margin: 50px 0 0; }
.mps-men-products__fallback img { width: 100%; max-height: 520px; object-fit: cover; }
.mps-men-products__fallback figcaption { margin-top: 16px; color: var(--mps-color-text-muted); }

.mps-men-cta {
  --mps-pattern-width: 42%;
  --mps-pattern-right: -14%;
  --mps-pattern-opacity: .09;
  padding-block: var(--section-space-desktop);
  background: #242424;
  color: #fff;
}
.mps-men-cta__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(340px, .55fr);
  gap: clamp(60px, 10vw, 170px);
  align-items: center;
}
.mps-men-cta .mps-eyebrow { color: #d7c5b9; }
.mps-men-cta h2 {
  margin: 12px 0 0;
  color: #fff;
  font-size: var(--mps-h2-size);
  line-height: var(--mps-h2-line);
}
.mps-men-cta__inner > div:last-child p {
  margin: 0 0 28px;
  color: rgba(255,255,255,.72);
  font-size: var(--mps-body-large-size);
  line-height: 1.7;
}

@media (max-width: 1024px) {
  .mps-men-hero,
  .mps-men-cta { padding-block: var(--section-space-tablet); }
  .mps-men-hero__grid { grid-template-columns: 1fr 1fr; gap: 42px; }
  .mps-men-hero__media,
  .mps-men-hero__media img { min-height: 560px; }
  .mps-men-service { gap: 48px; }
  .mps-men-audience__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mps-men-audience article:nth-child(2) { border-right: 0; }
  .mps-men-audience article:nth-child(-n+2) { border-bottom: 1px solid var(--mps-color-border); }
}

@media (max-width: 767px) {
  .mps-men-hero,
  .mps-men-cta { padding-block: var(--section-space-mobile); }
  .mps-men-hero__grid,
  .mps-men-section-heading,
  .mps-men-service,
  .mps-men-tech__grid,
  .mps-men-cta__inner { grid-template-columns: 1fr; gap: 34px; }
  .mps-men-hero__content { padding-inline: 0; }
  .mps-men-hero h1 { font-size: clamp(50px, 15vw, 72px); }
  .mps-men-hero__media { margin-inline: calc(var(--gutter-mobile) * -1); min-height: 520px; }
  .mps-men-hero__media img { min-height: 520px; }
  .mps-men-hero__actions { display: grid; align-items: stretch; }
  .mps-men-hero__actions .mps-button { width: 100%; }
  .mps-men-nav { overflow-x: auto; }
  .mps-men-nav .mps-container { width: max-content; min-width: 100%; min-height: 66px; padding-inline: var(--gutter-mobile); }
  .mps-men-section-heading { margin-bottom: 48px; }
  .mps-men-service-list { gap: 78px; }
  .mps-men-service--reverse .mps-men-service__media { order: 0; }
  .mps-men-service h3 { font-size: clamp(38px, 11vw, 52px); }
  .mps-men-service ul { grid-template-columns: 1fr; }
  .mps-men-audience__grid { grid-template-columns: 1fr; }
  .mps-men-audience article { min-height: auto; border-right: 0; border-bottom: 1px solid var(--mps-color-border); }
  .mps-men-audience article:last-child { border-bottom: 0; }
  .mps-men-audience h3 { margin-top: 24px; }
  .mps-men-tech__list { grid-template-columns: 1fr; }
  .mps-men-cta__inner .mps-button { width: 100%; }
}