:root{ --brand:#16a34a; }
body{font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;}
/* Compact Header */
.brand-title-text{font-family:'Cinzel',serif;font-weight:900;letter-spacing:.2px;font-size:20px;line-height:1;color:var(--brand)}
.tagline{font-size:10.5px;color:#64748b;margin-top:2px}
.navlink{font-weight:600;font-size:14px;padding:.5rem .6rem;border-radius:.6rem;color:#0f172a}
.navlink:hover{background:#f1f5f9}
.btn-primary{background:var(--brand);color:white;padding:.6rem 1rem;border-radius:999px;display:inline-block;font-weight:700;box-shadow:0 1px 0 rgba(0,0,0,.05)}
.btn-secondary{border:1px solid var(--brand);color:var(--brand);padding:.6rem 1rem;border-radius:999px;font-weight:700;background:white}
.btn-compact{padding:.45rem .85rem}
.btn-large{padding:.7rem 1.1rem}
.section-title{font-size:1.75rem;font-weight:800}
.card{background:white;border:1px solid #e5f3ea;border-radius:1rem;padding:1rem}
.card-title{font-weight:700;font-size:1.1rem;margin-bottom:.25rem;color:#065f46}
.card-text{color:#475569}
.logo-tile{background:white;border:1px dashed #d1fae5;border-radius:1rem;padding:1.25rem;text-align:center;color:#065f46}
.page-title{font-size:2rem;font-weight:900;color:#065f46}
.hero-title{font-size:2.5rem;font-weight:900;line-height:1.15}
.lead{font-size:1.05rem;color:#475569}
.input{width:100%;border:1px solid #e5e7eb;border-radius:.75rem;padding:.65rem .9rem}
.label{font-size:.8rem;color:#64748b;display:block;margin-bottom:.35rem}
@media (min-width:768px){
  .hero-title{font-size:3rem}
}

.h-9{height:3.5rem}


/* Professional compact menu */
.navlink{position:relative;font-weight:700;font-size:15px;padding:.5rem .75rem;border-radius:.6rem;color:#0f172a}
.navlink:hover{background:#ecfdf5;color:var(--brand)}
.navlink::after{content:"";position:absolute;left:.7rem;right:.7rem;bottom:-6px;height:2px;background:transparent;transition:all .2s ease}
.navlink:hover::after{background:var(--brand)}
.navlink.is-active{background:#ecfdf5;color:var(--brand)}
.navlink.is-active::after{background:var(--brand)}



/* Force single-line main menu and tighten spacing */
#mainNav{flex-wrap:nowrap;gap:.25rem}
.navlink{font-size:14px;padding:.45rem .6rem}
/* Prevent header wrap at common widths */
@media (max-width:1280px){
  .brand-title-text{font-size:18px}
}


/* Override: smaller media width for IAQ image */

/* IAQ image explicit size (avoids Tailwind max-w-md 28rem) */
.iaq-img{max-width:14rem;width:100%;height:auto;}


/* Normalized content image sizes across service pages */
.content-img{max-width:720px;width:100%;height:auto;display:block;margin-left:auto;margin-right:auto;}
@media (min-width:1024px){ .content-img{max-width:640px} }  /* keep images comfortable on desktops */
@media (min-width:1280px){ .content-img{max-width:700px} }


/* Clients collage banner */
.clients-banner{
  max-width: 1000px;
  width: 100%;
  height: auto;
  display: block;
  margin: 1rem auto;
  border-radius: 1rem;
  border: 1px solid #e5f3ea;
  box-shadow: 0 1px 2px rgba(0,0,0,.04);
}
@media (min-width:1024px){
  .clients-banner{ max-width: 900px; }
}