@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(../_fonts/Archivo-normal-500.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(../_fonts/Archivo-normal-700.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(../_fonts/Archivo-normal-800.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.brannock-plumbing{--display:"Archivo",system-ui,sans-serif;--body:"Archivo",system-ui,sans-serif;--dw:800;--dls:-.025em;--bg:#fff;--ink:#0E1B2C;--muted:#4A5668;--accent:#F2B21B;--accent2:#FFC845;--onaccent:#0E1B2C;--soft:#F2F4F7;--line:#E1E5EB;--r:6px;--r2:10px;--navbg:#0E1B2C;--menubg:#0E1B2C}
.brannock-plumbing .nav{color:#fff}.brannock-plumbing .nav .btn{color:#0E1B2C}
.brannock-plumbing .mnav{color:#fff}.brannock-plumbing .mnav a{border-color:rgba(255,255,255,.15)}
.brannock-plumbing .logo small{opacity:.6}
.hero{position:relative;min-height:min(86vh,760px);display:flex;align-items:flex-end;color:#fff;overflow:hidden;background:#0E1B2C}
.hero__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,27,44,.95) 0%,rgba(14,27,44,.6) 55%,rgba(14,27,44,.1) 100%)}
.hero__in{position:relative;z-index:1;padding:120px 0 64px}
.hero__tag{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);padding:8px 14px;border-radius:999px;font-size:14px;font-weight:600}
.dot{width:9px;height:9px;border-radius:50%;background:#3DDC84;box-shadow:0 0 0 0 rgba(61,220,132,.6);animation:pulse 2s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 10px rgba(61,220,132,0)}100%{box-shadow:0 0 0 0 rgba(61,220,132,0)}}
.hero h1{font-size:clamp(44px,7vw,92px);margin:22px 0 20px;max-width:13ch}
.hero h1 em{font-style:normal;color:#FFC845}
.hero__p{font-size:clamp(17px,1.6vw,20px);max-width:48ch;opacity:.85}
.hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.hero__facts{display:flex;flex-wrap:wrap;gap:10px 32px;list-style:none;padding:28px 0 0;margin:40px 0 0;border-top:1px solid rgba(255,255,255,.18);font-size:15px;opacity:.9}
.hero__facts b{color:#FFC845}
.hl{color:var(--muted)}
.svc .card .ic{background:#0E1B2C;color:#FFC845}
.band{background:#0E1B2C;color:#fff}.band .eyebrow{color:#FFC845}
.prices{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:rgba(255,255,255,.12);border-radius:10px;overflow:hidden}
.pr{display:flex;flex-direction:column;gap:14px;padding:30px 26px;background:#13243A;text-decoration:none;transition:background .2s}
.pr:hover{background:#1A3050}.pr span{opacity:.75}.pr b{font-size:30px;color:#FFC845;font-weight:800}
.band__note{margin-top:18px;font-size:13px;opacity:.5}
@media(max-width:900px){.prices{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.prices{grid-template-columns:1fr}.hero__in{padding:90px 0 44px}}