/* Full business logo and one clear contact link in the header. */
.header .brand img { width: 140px; height: 140px; background: transparent; border-radius: 0; object-fit: contain; }
.header .brand { flex-shrink: 0; }
.header .navrow { height: 158px; }
.header .navrow > .btn { display: inline-flex; white-space: nowrap; flex-shrink: 0; }
@media (min-width: 761px) and (max-width: 1180px) {
 .header .navrow { height: auto; }
 .header .brand img { width: 125px; height: 125px; }
}
@media (max-width: 760px) {
 .header .navrow { height: 132px; gap: 8px; }
 .header .brand img { width: 110px; height: 110px; }
 .header .navrow > .btn { font-size: .78rem; padding: 10px 12px; }
 .header .menu { padding: 8px; font-size: .78rem; }
 .header .navlinks { top: 132px; }
 html { scroll-padding-top: 150px; }
}
@media (max-width: 340px) {
 .header .brand img { width: 96px; height: 96px; }
 .header .navrow > .btn { padding-inline: 8px; }
}

/* Original white NPH lettering and blue droplet on a transparent PNG. */
.header { background: #102439; border-bottom-color: #29455f; }
.header .topbar, .header .brand, .header .navlinks a { color: #fff; }
.header .brand { position: relative; overflow: hidden; width: 190px; height: 150px; flex: 0 0 190px; }
.header .brand img { position: absolute; width: 240px; height: 240px; max-width: none; left: -28px; top: -39px; background: transparent; border-radius: 0; }
.header .menu { color: #fff; background: transparent; border-color: #68839a; }
.header .navlinks a:hover { color: #8ecaff; }
@media (min-width: 761px) and (max-width: 1180px) {
 .header .brand { width: 160px; height: 126px; flex-basis: 160px; }
 .header .brand img { width: 205px; height: 205px; left: -23px; top: -33px; }
}
@media (max-width: 760px) {
 .header .brand { width: 130px; height: 102px; flex: 0 0 130px; }
 .header .brand img { width: 165px; height: 165px; left: -18px; top: -26px; }
 .header .navlinks { background: #102439; }
}
@media (max-width: 340px) {
 .header .brand { width: 115px; height: 94px; flex-basis: 115px; }
 .header .brand img { width: 148px; height: 148px; left: -17px; top: -23px; }
}

/* Match footer branding to the white transparent header logo. */
.footer { background: #102439; color: #fff; }
.footer p, .footer a, .footer h3, .footer .copyright { color: #e6eef6; }
.footer .brand { position: relative; overflow: hidden; width: 160px; height: 126px; display: block; }
.footer .brand img { position: absolute; width: 205px; height: 205px; max-width: none; left: -23px; top: -33px; background: transparent; border-radius: 0; }
.footer .copyright { border-top-color: #3a5269; flex-wrap: wrap; gap: 12px; }
.footer .copyright a { display: inline-block; }

/* Clearer service cards without decorative numbering. */
.services .service h3 { font-size: clamp(1.3rem, 1.7vw, 1.55rem); line-height: 1.25; margin-top: 0; margin-bottom: 14px; }
.services .service .num { display: none; }