.construction-pay{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;background:var(--accent);color:#fff;font:inherit;font-size:12px;font-weight:400;line-height:1.4;letter-spacing:normal;text-decoration:none;white-space:nowrap}
.construction-pay:is(:hover,:focus-visible){background:color-mix(in srgb,var(--accent) 90%,#000);color:white}
.contact-copy .construction-pay{width:fit-content;align-self:flex-start;margin:12px 0}
@media(max-width:780px){
  header{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand controls" "nav nav";align-items:center;row-gap:4px;padding-block:12px 0}
  header .brand{grid-area:brand;justify-self:start}
  header .header-controls{grid-area:controls;justify-self:end}
  header .desktop-nav{grid-area:nav;display:flex;align-items:center;justify-content:space-between;gap:4px;min-width:0}
  header .desktop-nav a{display:inline-flex;align-items:center;min-height:44px;color:var(--muted);font-size:clamp(11px,3.1vw,13px);font-weight:400;white-space:nowrap}
  header .desktop-nav a:is(:hover,:focus-visible,[aria-current="page"]){color:var(--text)}
  header .menu-toggle,#mobile-nav:not([hidden]){display:none}
  .section.contact:has(.contact-copy>.construction-pay){grid-template-columns:auto minmax(0,1fr);column-gap:8px}
  .contact:has(.contact-copy>.construction-pay) :is(.contact-copy>*,.contact>.quote-form){grid-column:1 / -1}
  .contact:has(.contact-copy>.construction-pay) .contact-copy>[data-calculator]{grid-column:1;padding-inline:12px;white-space:nowrap}
  .contact:has(.contact-copy>.construction-pay) .contact-copy>.construction-pay{grid-column:2;order:3;align-self:center;justify-self:start;margin:0;min-height:44px;padding-inline:12px}
}
@media(max-width:700px){
  header .brand-lockup{width:clamp(100px,29vw,170px)}
  header .header-controls{gap:clamp(3px,1.2vw,9px)}
}
@media(max-width:360px){
  header{padding-inline:10px;gap:4px}
  header .languages{gap:5px}
}