.brand-logo {
  display: block;
  flex: 0 0 auto;
  line-height: 0;
}

.site-header .brand-logo {
  width: clamp(270px, 31vw, 390px);
}

.brand-logo img {
  display: block;
  width: 100%;
  height: auto;
}

.footer-logo {
  width: min(100%, 330px);
  padding: 9px 12px;
  background: #fffdf8;
}

.manufactured-home-scene {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 520px;
}

.hero > .home-scene-mfg + .home-scene {
  display: none;
}

.hero > .home-scene:not(.home-scene-angle) {
  display: none;
}

.hero > .home-scene:not(.home-scene-basic) {
  display: none;
}

.hero > .home-scene.home-scene-basic {
  display: block;
}

.hero > .home-scene:not(.home-scene-reference) {
  display: none;
}

.hero > .home-scene.home-scene-reference {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 28px 18px;
}

.reference-home-art {
  display: block;
  width: 104%;
  max-width: none;
  height: auto;
  object-fit: contain;
}

.basic-home-scene {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 520px;
}

.angle-home-scene {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 520px;
}

/* A recognizable low-pitch manufactured-home gable, in the Plumb SVG style. */
.manufactured-home-scene:not(.mfg-home-v2) > g[stroke] > path:nth-of-type(2) {
  d: path("M 24 249 L 233 188 L 445 249 Z");
}

.manufactured-home-scene:not(.mfg-home-v2) > g[stroke] > path:nth-of-type(3) {
  d: path("M 43 242 L 233 198 L 426 242 Z");
}

/* Revised manufactured-home silhouette: a restrained 4:12-style gable. */
.mfg-home-v2 > g[stroke] > path:nth-of-type(2) {
  d: path("M 27 247 L 230 180 L 433 247 Z");
}

/* Small residential porch roof, distinct from the main roofline. */
.mfg-home-v2 > g[stroke] > path:nth-of-type(6) {
  d: path("M 220 269 V 348 M 230 269 V 348 M 240 269 V 348");
}

.mfg-home-v2 > g[stroke] > path:nth-of-type(7) {
  d: path("M 187 260 L 230 241 L 274 260 Z");
}

@media (max-width: 600px) {
  .site-header .brand-logo {
    width: min(76vw, 315px);
  }

  .manufactured-home-scene {
    min-height: 410px;
  }

  .angle-home-scene {
    min-height: 410px;
  }

  .basic-home-scene {
    min-height: 410px;
  }

  .hero > .home-scene.home-scene-reference {
    padding: 22px 8px 16px;
  }
}