.svp-subsite-logo {
  display: flex;
  height: var(--svp-header-subsite-logo-height);
  justify-content: flex-start;
  align-items: center;
  gap: 0.5em;
  color: var(--svp-header-link-font-color) !important;
  text-decoration: none !important;
  font-weight: var(--svp-header-link-font-weight);
  font-size: var(--svp-header-subsite-logo-font-size);
  line-height: 1.2;
}

.svp-subsite-logo:hover, .svp-subsite-logo:focus {
  color: var(--svp-header-link-hover-font-color) !important;
  text-decoration: none !important;
}

.svp-subsite-logo img {
  display: block;
  max-height: 100%;
}

.svp-subsite-hero {
  display: block;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 40vh;
  -o-object-fit: cover;
     object-fit: cover;
  top: -7rem;
  margin-bottom: -7rem;
}

.svp-main--subsite:has(.svp-hero img) .svp-subsite-home-content {
  margin-top: max(-55vw, -400px);
}

.svp-subsite-home-content {
  background-color: #ffffff;
  box-sizing: border-box;
  position: relative;
  z-index: 2;
  max-width: 1350px;
  margin: 0 auto;
  padding: 0.5rem 2rem;
  border-radius: 2rem;
}

.svp-main--subsite .sv-marketplace-sitevision-image-viewer .env-cardholder-grid {
  --env-cardholder-grid-column-width: min(25cqw, 20em);
  --env-cardholder-grid-gap: min(2.5cqw, 40px);
}
   
@media (min-width: 1024px) {
  .svp-subsite-hero {
     height: 90vh;
   }
   
   .svp-subsite-home-content {
     padding: 2rem 3rem;
   }
}