/* Generated hero artwork integration */
html { background: #e8e5dd; }
body {
  width: 100%;
  max-width: 1480px;
  margin: 0 auto;
  position: relative;
  overflow-x: clip;
  box-shadow: 0 0 52px rgba(22, 35, 33, .08);
}
.site-header { color: var(--ink); }
.brand-logo { display: block; width: 220px; height: auto; }
footer .brand-logo { filter: brightness(0) invert(1); opacity: .94; }
.honeypot { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.nav-cta { border-color: rgba(22, 35, 33, .6); }
.hero {
  grid-template-columns: 1fr 1fr;
  color: var(--ink);
  background-image: linear-gradient(90deg, rgba(246, 244, 238, .84) 0%, rgba(246, 244, 238, .48) 36%, rgba(246, 244, 238, 0) 61%), url("images/hero-blueprint-house.png");
  background-position: center;
  background-size: cover;
}
.hero-content { max-width: 650px; }
.hero h1 em, h2 em { color: #a54d2c; }
.hero-intro { color: #32423e; }
.text-link { border-color: rgba(22, 35, 33, .5); }
.hero-visual { display: none; }
.scroll-prompt span { background: var(--ink); }

@media (min-width: 801px) {
  .site-header {
    height: 76px;
    background: rgba(246, 244, 238, .92);
    backdrop-filter: blur(12px);
  }
  .hero {
    min-height: 730px;
    padding-top: 128px;
  }
}

@media (max-width: 800px) {
  body { box-shadow: none; }
  .brand-logo { width: 172px; }
  .menu-toggle { color: var(--ink); }
  .main-nav { color: #fff; }
  .hero { background-position: 61% center; }
}