/* Readability and desktop navigation; loaded before site.css, with explicit specificity. */
body .desktop-navigation{display:none}
body .bmb-brand-logo{width:130px;height:auto;display:block;object-fit:contain}
body{--header-height:148px}
body .site-header .bmb-brand-logo{width:180px}
body .site-footer .bmb-brand-logo{width:200px}
body .menu-top .bmb-brand-logo{width:120px}
@media(max-width:767px){body{--header-height:116px}body .site-header .bmb-brand-logo{width:140px}body .site-footer .bmb-brand-logo{width:175px}}
body a[href^="tel:"]{font-family:'Inter',Arial,sans-serif;font-variant-numeric:tabular-nums;font-weight:500;letter-spacing:.015em}
body .contact-person>a{font-size:clamp(21px,2.3vw,30px)}
body .eyebrow,body .form-field label,body .footer-navigation a,body .header-phone{font-size:12px;letter-spacing:.09em}
body .footer-details,body .footer-disclaimer,body .footer-bottom,body .form-privacy{font-size:14px;line-height:1.8}
body .expertise-card p,body .service-list,body .process-list p,body .contact-info{font-size:15px}
body .text-link,body .button{font-size:12px}
body .bmb-form input,body .bmb-form select,body .bmb-form textarea{font-size:16px}
body .hero h1{font-size:clamp(42px,5.8vw,88px)}
body .hero-controls{flex-wrap:wrap;gap:16px}
body .hero-service-link{color:#fff}
body .hero-description{font-size:12px;max-width:400px}
body .form-field-existing_customer{grid-column:1/-1}
body .bmb-form input[type=checkbox]{width:20px;min-height:20px;height:20px;display:inline-block;margin-right:12px;vertical-align:middle}
body .maintenance-notice{padding:18px;border-left:3px solid #a8842f;background:#f5f5f5;font-size:15px}
body .area-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
body .area-grid details{border:1px solid #dedede;padding:22px}
body .area-grid summary{font-size:19px;cursor:pointer;font-weight:500}
body .area-grid p{font-size:16px;margin-bottom:0}
body .area-note{font-size:15px;margin-top:24px}
body .area-note a{text-decoration:underline}
body .team-portraits{grid-column:1/-1;margin:0}
body .team-photo-pair{display:flex;justify-content:center;gap:24px;flex-wrap:wrap}
body .team-photo-pair img{width:calc(50% - 12px);max-width:440px;height:auto;aspect-ratio:1;object-fit:cover}
body .team-portraits figcaption{text-align:center;font-size:14px;margin-top:16px}
body .team-card .team-initial{display:none}
@media(min-width:1100px){
 body .site-header{display:flex;justify-content:space-between;gap:24px;padding:16px 32px}
 body .site-header>.wordmark{position:static;transform:none;flex-shrink:0}
 body .site-header .header-menu-toggle{display:none}
 body .desktop-navigation{display:block;margin-left:auto}
 body .desktop-navigation ul{display:flex;list-style:none;gap:22px;padding:0;margin:0;align-items:center}
 body .desktop-navigation a{font-size:14px;font-weight:500;letter-spacing:0;display:block;padding:12px 0}
 body .desktop-navigation a:hover,body .desktop-navigation .current-menu-item>a{text-decoration:underline;text-underline-offset:7px}
 body .site-header .header-contact{position:static;gap:10px}
 body .header-phone{font-size:14px;letter-spacing:0}
}
@media(max-width:767px){
 body .hero h1{font-size:clamp(36px,9.2vw,52px);margin:25px 0 20px}
 body .hero-controls .appraisal-cta{font-size:11px;padding:13px 15px}
 body .hero-service-link{font-size:11px}
 body .hero-content{padding-bottom:95px}
 body .hero-bottom{gap:16px;padding-top:14px}
 body .hero-description{font-size:11px}
 body .area-grid{grid-template-columns:1fr}
 body .hero-caption{display:none}
}
@media(max-height:740px) and (min-width:768px){
 body .hero-content{padding-top:130px;padding-bottom:65px}
 body .hero h1{margin-top:30px;margin-bottom:22px}
}
