/* Engagement: sticky call/quote bar, nav phone, hero mini-form */
.nav-phone{font-family:'IBM Plex Mono',monospace;font-weight:600;white-space:nowrap}
.sticky-cta{display:none}
@media (max-width:760px){
  .sticky-cta{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:999;background:#141b23;border-top:2px solid #96762f;box-shadow:0 -4px 16px rgba(0,0,0,.25)}
  .sticky-cta a{flex:1;text-align:center;padding:14px 8px;font:600 15px 'IBM Plex Sans',sans-serif;text-decoration:none;color:#e7e0c9;letter-spacing:.02em}
  .sticky-cta a.call{background:#96762f;color:#fff}
  body{padding-bottom:56px}
  .nav-phone{display:none}
}
.hero-form{margin-top:26px;max-width:560px;background:rgba(231,224,201,.08);border:1px solid rgba(199,204,209,.28);padding:16px}
.hero-form h2{margin:0 0 10px;font:600 15px 'IBM Plex Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:#e7e0c9}
.hero-form .hf-row{display:flex;gap:10px;flex-wrap:wrap}
.hero-form input,.hero-form select{flex:1 1 150px;padding:12px;border:1px solid #9ba1a6;background:#e7e0c9;color:#241f16;font:400 15px 'IBM Plex Sans',sans-serif;min-width:0}
.hero-form button{margin-top:10px;width:100%;padding:13px;border:0;background:#96762f;color:#fff;font:600 15px 'IBM Plex Sans',sans-serif;cursor:pointer}
.hero-form .hf-status{display:block;margin-top:8px;color:#e7e0c9;font-size:14px}
.hero-call{display:inline-block;margin-top:14px;color:#e7e0c9;font:600 17px 'IBM Plex Mono',monospace;text-decoration:underline;text-underline-offset:4px}
.hero-inner h1{font-size:clamp(34px,4vw,50px)}
.hero .lede{max-width:600px}
@media (max-width:760px){.hero-mark img{max-width:230px;height:auto;margin:0 auto;display:block}}
.where-we-work{background:#ddd3b3;padding:36px 0;border-top:1px solid rgba(155,161,166,.35)}
.where-we-work .ww-inner{max-width:1040px;margin:0 auto;padding:0 24px}
.where-we-work h3{margin:0 0 12px;font:600 14px 'IBM Plex Mono',monospace;letter-spacing:.06em;text-transform:uppercase;color:#785e22}
.where-we-work p{margin:0 0 8px;font-size:15px;line-height:1.7;color:#241f16}
.where-we-work a{color:#785e22;text-decoration:underline;text-underline-offset:3px;font-weight:500}
/* Proof: before/after slider + video */
.proof{background:#e7e0c9;padding:64px 0}
.proof .wrap{max-width:1040px;margin:0 auto;padding:0 24px}
.proof .ph{max-width:760px;margin-bottom:28px}
.proof .ph h2{margin:6px 0 10px}
.ba-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:1000px;margin:0 auto}
.ba-grid figure{margin:0;border:1px solid rgba(20,27,35,.4);background:#141b23}
.ba-grid img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.ba-grid figcaption{padding:10px 14px;background:#141b23;color:#e7e0c9;font:500 13px 'IBM Plex Mono',monospace;letter-spacing:.06em;border-top:3px solid #96762f}
.ba-grid figcaption b{color:#fff;letter-spacing:.12em}
@media (max-width:700px){.ba-grid{grid-template-columns:1fr}}
.proof .cap{max-width:1000px;margin:12px auto 0;font-size:.9rem;color:#55504a}
.proof video,.video-slot video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#141b23}
.video-slot video{border-left:3px solid #96762f}
.video-slot .cap{margin:8px 0 0;font-size:.85rem;color:#55504a}
