/* Artwork starts below the message textarea, above Continue in email.
   The narrow header remains separate; every field and the middle stay dark. */
:root{--paper:#1b3027;--ink:#f7f6ee;--muted:#bfccbf;--line:#435b4c;--accent:#d7e5a4;color-scheme:dark}
html{overflow-x:clip}
::selection{background:var(--accent);color:var(--paper)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline-color:var(--accent)}
.status-dot{background:var(--accent)}
h1 em,h2 em,.hero-brand-line,.ai-note span,.superhost-badge>span{color:var(--accent)}
.hero-description,.service-number{color:var(--muted)}
.primary,.light{background:var(--accent);color:var(--paper)}
.primary:hover,.light:hover{background:#e5eebe}
.hero-art{display:none}
.portrait-frame{background:#294334}
.text-link,.superhost-badge{border-color:#91a78c}
.guest-quotes figure{border-color:#829b86}
.contact{background:#15271f;color:var(--ink)}
.contact .eyebrow,.contact h2 em,.form-status{color:var(--accent)}
.contact-intro>p:not(.eyebrow),.form-note{color:var(--muted)}
label,input,textarea,.contact-linkedin{color:var(--ink)}
input,textarea{border-color:#829b86;caret-color:var(--accent)}
input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}
input:autofill{box-shadow:0 0 0 1000px #294334 inset;color:var(--ink)}
input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #294334 inset;-webkit-text-fill-color:var(--ink);caret-color:var(--accent)}
.direct-email,.contact-linkedin{border-color:#91a78c}
.skip-link{background:var(--accent);color:var(--paper)}
/* The hero remains plain; the footer inherits one continuous contact cover. */
.hero::before,.contact::before,.site-footer::before{content:none}
.site-header,.contact-bottom{position:relative;isolation:isolate}
.site-header,.site-footer{color:#f7f6ee;color-scheme:dark;border-color:#71806a}
.site-header::before,.contact-bottom::before{content:"";position:absolute;inset:0 calc((100vw - 100%)/-2);z-index:-1;pointer-events:none;background-color:#102a1d;background-image:linear-gradient(90deg,rgba(16,42,29,.82),rgba(16,42,29,.72)),url("assets/cover-intelligent-flow.webp");background-size:cover;background-position:center top;background-repeat:no-repeat}
.contact-bottom::before{inset:0;background-image:linear-gradient(90deg,rgba(16,42,29,.88),rgba(16,42,29,.8)),url("assets/cover-intelligent-flow.webp");background-position:right center}
.site-header .nav-contact{border-color:#aab99c;background:rgba(16,42,29,.25)}
.site-header .nav-contact:hover{background:#d7e5a4;color:#1b3027;border-color:#d7e5a4}
.site-header :focus-visible,.site-footer :focus-visible{outline-color:#d7e5a4}
@media(max-width:767px){
  .site-header,.site-footer{color:#253d32;color-scheme:light;border-color:#a4af98}
  .contact-bottom{--ink:#253d32;--paper:#f7f6ee;--muted:#253d32;--line:#a4af98;--accent:#253d32;background:#f7f6ee;color:var(--ink);color-scheme:light}
  .site-header::before,.contact-bottom::before{background-color:#f7f6ee;background-image:linear-gradient(90deg,rgba(247,246,238,.9),rgba(247,246,238,.7)),url("assets/cover-quiet-momentum.webp")}
  .contact-bottom::before{background-image:linear-gradient(90deg,rgba(247,246,238,.94),rgba(247,246,238,.72)),url("assets/cover-quiet-momentum.webp");background-size:100% 100%,auto 600px;background-position:center,right bottom}
  .contact-bottom .light{background:#253d32;color:#f7f6ee}
  .contact-bottom .light:hover{background:#3c5645}
  .contact-bottom .contact-linkedin{border-color:#405642}
  .site-header .nav-contact{border-color:#74866c;background:rgba(247,246,238,.35)}
  .site-header .nav-contact:hover{background:#253d32;color:#f7f6ee;border-color:#253d32}
  .site-header :focus-visible,.site-footer :focus-visible{outline-color:#253d32}
}

/* Structural boundary follows the textarea, including when it is resized. */
.contact-inner{align-items:end;padding-bottom:0}
#inquiry-form>.field:last-child{margin-bottom:0}
.contact-bottom-inner{width:min(1160px,calc(100% - 64px));margin-inline:auto;display:grid;grid-template-columns:1fr 1fr;gap:90px;padding:20px 0 55px}
.contact-submit{grid-column:2}
@media(max-width:850px){.contact-bottom-inner{gap:45px}}
@media(max-width:600px){.contact-bottom-inner{width:calc(100% - 40px);grid-template-columns:1fr;gap:0;padding-bottom:33px}.contact-submit{grid-column:auto}}
@media(max-width:360px){.contact-bottom-inner{width:calc(100% - 32px)}}