/* Selected desktop hero: one kitchen photograph with a directional reading overlay. */
.mpp-hero {
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: center;
  height: calc(100svh - 89px);
  min-height: 0;
  padding: 56px;
  background: #25281d;
  color: #fff;
}
.mpp-hero__photo { position: absolute; inset: 0; margin: 0; overflow: hidden; z-index: -2; }
.mpp-hero__photo img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.mpp-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(90deg, rgba(12, 17, 10, .76) 0%, rgba(12, 17, 10, .64) 23%, rgba(12, 17, 10, .30) 36%, rgba(12, 17, 10, .08) 48%, transparent 65%);
  pointer-events: none;
}
.mpp-hero__copy { position: relative; max-width: 620px; }
.mpp-hero h1 { margin: 0; font-size: clamp(72px, 5.6vw, 96px); font-weight: 500; line-height: 1.02; letter-spacing: -.055em; color: #fff; }
.mpp-hero__description strong { font-weight: 700; }
.mpp-hero__description { margin: 26px 0 0; max-width: 350px; font-size: 18px; line-height: 1.55; color: rgba(255, 255, 255, .96); }
.mpp-hero__conversion { margin-top: 32px; }
.mpp-hero__actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.mpp-hero__primary { background: #fff; color: #111; border-color: #fff; }
.mpp-hero__primary:hover { background: #f5f0e6; color: #111; border-color: #f5f0e6; }
.mpp-hero__secondary { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 14px 20px; border: 1px solid rgba(255, 255, 255, .7); border-radius: 999px; color: #fff; font-size: 14px; font-weight: 600; line-height: 1.4; text-decoration: none; }
.mpp-hero__secondary:hover { border-color: #fff; background: rgba(255, 255, 255, .08); color: #fff; }
.mpp-hero__actions a:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }
.mpp-hero__retailer { margin: 16px 0 0; font-size: 14px; line-height: 1.5; color: rgba(255, 255, 255, .96); }
@media (max-width: 700px) {
  .mpp-hero {
    min-height: calc(100svh - 76px);
    height: auto;
    padding: 56px 20px 36px;
    align-items: flex-start;
  }
  .mpp-hero__photo img { object-position: 48% center; }
  .mpp-hero::before {
    background: linear-gradient(180deg, rgba(12, 17, 10, .78), rgba(12, 17, 10, .58) 65%, rgba(12, 17, 10, .38));
  }
  .mpp-hero__copy { width: 100%; max-width: none; min-width: 0; }
  .mpp-hero h1 { font-size: clamp(42px, 11vw, 56px); line-height: 1.04; }
  .mpp-hero__description { max-width: 100%; margin-top: 22px; font-size: 16px; }
  .mpp-hero__conversion { margin-top: 28px; }
  .mpp-hero__actions { align-items: stretch; flex-direction: column; }
  .mpp-hero__actions a { width: 100%; }
  .mpp-hero__retailer { display: none; }
}