.hero-c{position:relative;height:520px;color:#fff;overflow:hidden}
.hero-c .bg{position:absolute;inset:0;background:url('../img/contact_hero.jpg') center/cover no-repeat}
.hero-c .grad{position:absolute;inset:0;background:rgba(0,0,0,.48)}
.hero-c .inner{position:relative;z-index:2;text-align:center;padding-top:180px}
.hero-c h1{font-family:var(--display);font-weight:300;font-size:clamp(34px,4.4vw,58px);line-height:1.2;max-width:900px;margin:26px auto 0;text-transform:uppercase}
.contact{padding-block:var(--gap)}
.contact .grid{display:grid;grid-template-columns:1fr 1.3fr;gap:clamp(30px,6vw,90px)}
.contact h2{font-family:var(--display);font-weight:400;font-size:clamp(32px,3.6vw,52px);line-height:normal;color:var(--green);text-transform:uppercase}
.contact .lead{margin-top:22px;font-size:15px;color:#736862;max-width:380px}
.agent{background:var(--green);color:var(--cream);padding:clamp(24px,3vw,40px);margin-top:38px;max-width:420px}
.agent p{font-size:13.5px;color:rgba(236,237,234,.8)}
.agent .row{display:flex;align-items:center;gap:18px;margin-top:24px}
.agent img{width:72px;height:72px;border-radius:50%;object-fit:cover}
.agent .who b{display:block;font-family:var(--display);font-weight:400;font-size:19px;letter-spacing:.03em}
.agent .who a{display:block;font-size:13px;color:var(--sand-l);margin-top:3px}
@media(max-width:860px){.contact .grid{grid-template-columns:1fr}}

/* mobile tier (page) */
@media(max-width:1200px){
  .hero-c{height:auto;min-height:0;padding:140px 0 64px}
  .hero-c .inner{padding-top:0}
  .hero-c h1{font-size:clamp(26px,6vw,46px)}
  .contact{padding-block:72px}
  .contact h2{font-size:clamp(26px,6vw,42px)}
  .agent{max-width:none}
}

/* honeypot + submission feedback (WordPress form handling) */