/* Approved website hero, adapted to the current one-page membership message. */
.membership-hero-restored .hero-grid { height: clamp(700px, 52.75vw, 911px); }
.membership-hero-restored .hero-copy { top: 6.5%; width: 43%; }
.membership-hero-restored .membership-eyebrow { margin-bottom: 14px; }
.membership-hero-restored .membership-logo { width: 180px; margin-bottom: 16px; }
.membership-hero-restored h1 { font-size: clamp(30px, 3.15vw, 50px); font-weight: 700; line-height: 1.4; letter-spacing: .01em; }
.membership-hero-restored h1 .membership-subject { margin-bottom: 8px; font-size: clamp(19px, 1.8vw, 29px); line-height: 1.6; }
.membership-hero-restored .membership-lead { max-width: 31em; margin-top: 18px; font-size: clamp(13px, 1.05vw, 16px); line-height: 1.9; }
.membership-hero-restored .membership-update { margin-top: 14px; font-size: 12px; }
.membership-hero-restored .membership-group-link { margin-top: 14px; font-size: 13px; }
.membership-hero-restored .hero-pet-illustration { width: 23%; filter: url('#one-page-pet-color'); }
.membership-hero-restored .hero-layered-backdrop::after { filter: url('#sky-background-color'); }
.membership-hero-restored .hero-floor-card { padding: clamp(4px, .4vw, 7px); }
@media (min-width: 768px) and (max-width: 1050px) {
  .membership-hero-restored .hero-grid { height: 700px; }
  .membership-hero-restored .hero-copy { width: 44%; }
  .membership-hero-restored h1 { font-size: clamp(27px, 3.15vw, 34px); }
  .membership-hero-restored h1 .membership-subject { font-size: clamp(17px, 1.85vw, 21px); }
  .membership-hero-restored .membership-logo { width: 160px; }
  .membership-hero-restored .membership-lead { font-size: 13px; }
}
@media (max-width: 767px) {
  .membership-hero-restored .hero-grid { height: auto; }
  .membership-hero-restored .hero-copy { top: auto; width: 100%; }
  .membership-hero-restored h1 { font-size: clamp(27px, 7.2vw, 44px); line-height: 1.45; }
  .membership-hero-restored h1 .membership-subject { font-size: clamp(17px, 4.8vw, 25px); }
  .membership-hero-restored h1 .membership-group,
  .membership-hero-restored h1 em { display: inline; white-space: normal; }
  .membership-hero-restored .membership-logo { width: 170px; }
  .membership-hero-restored .membership-lead { font-size: 14px; }
  .membership-hero-restored .membership-update { font-size: 12px; }
  .membership-hero-restored .hero-pet-illustration { width: 170px; margin: 10px 0 270px; }
  .membership-hero-restored .hero-layered-backdrop,
  .membership-hero-restored .hero-layered-detail { bottom: 66px; }
  .membership-hero-restored .hero-layered-photo-trigger { bottom: 91px; }
}