.milf-page .milf-hero {
  background-color: #24150b;
  background-image: url("assets/milf/hero-blonde.png");
  background-position: right center;
  background-size: auto 100%;
  background-repeat: no-repeat;
}

.milf-page .milf-hero .hero-shade {
  background:
    linear-gradient(90deg, rgba(36, 21, 11, .99) 0%, rgba(36, 21, 11, .88) 46%, rgba(36, 21, 11, .2) 75%, rgba(36, 21, 11, .08) 100%),
    linear-gradient(0deg, rgba(36, 21, 11, .98), transparent 34%);
}

.milf-page .milf-hero::before {
  right: auto;
  left: -64px;
  top: 14%;
  opacity: .26;
}

.milf-page .milf-hero::after {
  content: "◆  ◆  ◆  ◆  ◆";
  position: absolute;
  z-index: 1;
  right: 4vw;
  bottom: 28px;
  color: #ffd24a;
  font-size: .58rem;
  letter-spacing: .7em;
  text-shadow: 12px 0 #df2e69, -12px 0 #36b7b0;
  opacity: .85;
}

.milf-page .milf-hero .hero-grid {
  grid-template-columns: minmax(0, 760px) 1fr;
}

.milf-page .milf-intro > .section-head { max-width: 1040px; }
.milf-page .milf-intro > .section-head .btn { margin-top: 18px; }

.milf-page .milf-intro-lead {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(280px, .45fr);
  gap: clamp(22px, 3vw, 42px);
  align-items: stretch;
  margin-bottom: 24px;
}

.milf-page .milf-intro-lead > .section-head { max-width: 1040px; }
.milf-page .milf-intro-lead > .section-head .btn { margin-top: 18px; }

.milf-page .milf-intro-photo {
  min-height: 440px;
  margin: 0;
  overflow: hidden;
  border: 1px solid rgba(255, 210, 74, .34);
  border-radius: 26px;
  background: #4d260c;
}

.milf-page .milf-intro-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 18%;
}

.milf-design-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.milf-use-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }

.milf-design-cards article,
.milf-use-cards article,
.milf-feature-articles article { min-height: 0; }

.milf-page .milf-gallery-section .media-slider {
  grid-auto-columns: minmax(280px, 22vw);
}

.milf-page .milf-gallery-section .persona-slide,
.milf-page .milf-gallery-section .persona-slide img {
  height: 510px;
  min-height: 510px;
}

.milf-page .milf-gallery-section .persona-slide img { object-position: center 18%; }
.milf-page .milf-feature-articles { align-items: stretch; }
.milf-page .milf-more-grid article { min-height: 210px; }

.milf-page .milf-final-banner::before {
  background-image: url("assets/milf/black-robe.png");
  background-position: right 26%;
  opacity: .3;
}

.milf-page .milf-final-banner::after {
  background: linear-gradient(90deg, rgba(60, 25, 6, .96), rgba(111, 49, 13, .84) 62%, rgba(211, 100, 14, .52));
}

@media (max-width: 1000px) {
  .milf-page .milf-intro-lead { grid-template-columns: 1fr; }
  .milf-page .milf-intro-photo { min-height: 420px; }
  .milf-design-cards,
  .milf-use-cards { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
  .milf-page .milf-hero {
    background-position: right bottom;
    background-size: auto 72%;
  }
  .milf-page .milf-hero .hero-grid { grid-template-columns: 1fr; }
  .milf-page .milf-gallery-section .persona-slide,
  .milf-page .milf-gallery-section .persona-slide img {
    height: 470px;
    min-height: 470px;
  }
}

@media (max-width: 620px) {
  .milf-page .milf-hero { background-size: auto 58%; }
  .milf-page .milf-hero .hero-shade {
    background:
      linear-gradient(180deg, rgba(36, 21, 11, .98) 0%, rgba(36, 21, 11, .94) 56%, rgba(36, 21, 11, .45) 100%),
      linear-gradient(90deg, rgba(36, 21, 11, .96), rgba(36, 21, 11, .32));
  }
  .milf-page .milf-hero::after { right: 12px; bottom: 16px; }
  .milf-page .milf-gallery-section .media-slider { grid-auto-columns: 86vw; }
  .milf-page .milf-final-banner::before { background-position: 58% center; }
}