body.sv-lifestyle {
  --sv-photo-height: clamp(400px, 62vw, 820px);
  background-color: #f6f3ed;
  background-image: linear-gradient(180deg, rgba(246,243,237,.70), rgba(246,243,237,.86) calc(var(--sv-photo-height) * .56), #f6f3ed var(--sv-photo-height)), url("hero-lifestyle.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% 100%, auto var(--sv-photo-height);
}

@media (min-width: 800px) {
  body.sv-lifestyle {
    background-size: 100% 100%, 100% auto;
  }
}

body.sv-lifestyle.sv-home {
  background-position: center 480px;
}

body.sv-lifestyle.sv-event-page {
  --sv-photo-height: clamp(560px, 62vw, 960px);
  background-image: linear-gradient(180deg, rgba(246,243,237,.48), rgba(246,243,237,.78) calc(var(--sv-photo-height) * .62), #f6f3ed var(--sv-photo-height)), url("hero-lifestyle.png");
  background-size: 100% 100%, max(100%, calc(var(--sv-photo-height) * 1.5)) auto;
}