*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:#243249;font:16px/1.57 Inter,system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit}img{display:block;max-width:100%}.hmb{--accent:#ef9a25;--primary:#263c75;--ink:#233453;--pale:#f6f8fb}.hb{--accent:#f15a28;--primary:#353a3d;--ink:#2a3134;--pale:#f8f7f5}.wrap{max-width:1200px;padding:0 24px;margin:0 auto}.notice{text-align:center;background:#edf1f6;padding:6px 12px;font-size:11px;letter-spacing:.05em;font-weight:750;color:#49566c}.header{border-bottom:1px solid #e3e7ed}.hb .header{border-bottom:3px solid var(--accent)}.head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:6px;padding-bottom:6px;min-height:110px}.logo{flex:none;display:block;position:relative;overflow:hidden}.hmb-logo{width:245px;height:104px}.hmb-logo img{position:absolute;max-width:none;width:275px;height:275px;left:-15px;top:-85px}.hb-logo{width:238px;height:87px}.hb-logo img{position:absolute;max-width:none;width:820px;height:auto;left:-52px;top:-31px}.nav{display:flex;align-items:center;justify-content:flex-end;gap:19px;flex-wrap:wrap}.nav a{font-size:13px;font-weight:750;text-decoration:none;color:#334357}.nav a:hover{text-decoration:underline}.nav a[aria-current=page]{color:var(--primary);border-bottom:2px solid var(--accent)}.nav .btn{color:#fff}.btn{display:inline-block;text-align:center;border-radius:5px;padding:12px 18px;font-weight:800;font-size:13px;background:var(--primary);color:white!important;text-decoration:none!important;border:1px solid var(--primary)}.btn:hover{filter:brightness(1.1)}.btn.outline{background:transparent;color:var(--primary)!important}.hero{background:var(--pale);padding:64px 0}.hero-inner{display:grid;grid-template-columns:1fr 1.05fr;gap:50px;align-items:center}.hero h1{font-size:clamp(38px,4.5vw,63px);font-weight:800;line-height:1.09;letter-spacing:-.047em;color:var(--ink);margin:0 0 21px}.hero p{font-size:17px;color:#526078;margin:0 0 26px}.hero img{width:100%;height:420px;object-fit:cover;border-radius:6px;box-shadow:0 16px 44px #24364f1e}.hb .hero{background:#303538}.hb .hero h1{color:white}.hb .hero p{color:#e3e7e9}.hb .hero .btn{background:#f15a28;border-color:#f15a28}.hb .hero .btn.outline{color:white!important;background:transparent;border-color:#c3c7ca}.actions{display:flex;flex-wrap:wrap;gap:12px}.small-note{font-size:12px;color:#70604a;margin-top:17px}.hb .small-note{color:#e3b9a9}.strap{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #e5e9ed}.strap div{font-size:14px;font-weight:750;color:#455269;padding:20px 10px;text-align:center}.strap div+div{border-left:1px solid #e5e9ed}.section{padding:72px 0}.section.alt{background:var(--pale)}.eyebrow{font-size:12px;color:#9e661c;font-weight:800;letter-spacing:.04em}.hb .eyebrow{color:#b9512e}.section h2{font-size:clamp(28px,3.4vw,42px);line-height:1.19;letter-spacing:-.04em;color:var(--ink);margin:11px 0 15px}.lede{max-width:740px;color:#606b7a;margin:0 0 29px}.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.tile,.service-box{border:1px solid #e3e7ec;background:white;border-radius:7px;padding:23px}.tile:before{content:"";height:4px;width:36px;background:var(--accent);display:block;margin-bottom:20px}.tile h3{font-size:18px;margin:0 0 9px;line-height:1.3;color:var(--ink)}.tile p{font-size:14px;color:#5d6878;margin:0 0 17px}.tile a{font-size:13px;color:var(--primary);font-weight:800;text-decoration:none}.tile a:hover{text-decoration:underline}.section-end{margin-top:28px}.pagehead{background:var(--pale);padding:52px 0}.pagehead h1{font-size:clamp(38px,4.4vw,59px);line-height:1.1;color:var(--ink);letter-spacing:-.045em;margin:8px 0 14px}.pagehead p{font-size:17px;max-width:760px;color:#5b6878;margin:0}.hb .pagehead{background:#303538}.hb .pagehead h1{color:#fff}.hb .pagehead p{color:#e1e3e5}.hb .pagehead .eyebrow{color:#ffad8f}.services{display:grid;grid-template-columns:1fr 1fr;gap:17px}.service-box h3{font-size:20px;margin:0 0 10px}.service-box h3:before{content:"";background:var(--accent);display:inline-block;width:9px;height:9px;margin-right:11px;border-radius:2px}.service-box ul{margin:0;padding-left:22px}.service-box li{font-size:14px;color:#576273;padding:5px 0}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.gallery figure{margin:0;background:#fff;border:1px solid #e4e7eb;border-radius:7px;overflow:hidden}.gallery img{width:100%;height:240px;object-fit:cover}.gallery figcaption{padding:11px 14px;font-size:13px;color:#536073}.gallery small{display:block;font-size:11px;color:#828b96}.minigallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.minigallery img{width:100%;height:200px;object-fit:cover;border-radius:6px}.split{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.split img{border-radius:7px;width:100%;max-height:460px;object-fit:cover}.split h2{font-size:38px;line-height:1.19}.split p{color:#5d6876}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.steps>div{border-top:3px solid var(--accent);padding-top:16px}.steps b{color:#a56821}.steps h3{font-size:20px;margin:7px 0}.steps p{font-size:14px;color:#5a6575;margin:0}.draft{border-left:4px solid var(--accent);padding:15px 18px;background:#fff9ed;font-size:13px;color:#795937;margin-top:25px}.contact{max-width:720px;background:white;border:1px solid #dfe5eb;padding:32px;border-radius:7px}.contact h2{font-size:28px;margin:0}.contact p{color:#5d6877}.contact dl{display:grid;grid-template-columns:135px 1fr;gap:10px 17px}.contact dt{font-weight:750}.contact dd{margin:0}.cta{padding:55px 0;background:var(--primary);color:#fff}.cta .row{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{font-size:32px;line-height:1.2;letter-spacing:-.03em;margin:0 0 11px}.cta p{color:#dce1eb;margin:0}.cta .btn{background:var(--accent);color:#192637!important;border-color:var(--accent)}.hb .cta .btn{color:white!important}.footer{background:#15243b;color:#cbd4df;padding:28px 0}.hb .footer{background:#292f32}.foot{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}.foot strong{color:white}.foot a{color:white;font-size:13px;text-decoration:none;margin-right:16px}.foot p{font-size:13px}.bottom{border-top:1px solid #ffffff2a;margin-top:17px;padding-top:12px;font-size:11px;color:#b8c2cf}
@media(max-width:1020px){.head{flex-direction:column;gap:4px}.nav{justify-content:center}.hero-inner{grid-template-columns:1fr;gap:25px}.tiles{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr}}@media(max-width:660px){.wrap{padding:0 18px}.nav{gap:10px}.nav a{font-size:12px}.nav .btn{font-size:11px;padding:10px}.hero{padding:40px 0}.hero h1{font-size:41px}.hero p{font-size:15px}.hero img{height:275px}.hmb-logo{width:195px;height:80px}.hmb-logo img{width:218px;height:218px;left:-12px;top:-67px}.hb-logo{width:195px;height:75px}.hb-logo img{width:670px;left:-43px;top:-23px}.strap{grid-template-columns:1fr}.strap div{padding:10px;text-align:left}.strap div+div{border-left:none;border-top:1px solid #e5e9ed}.section{padding:53px 0}.tiles,.services,.gallery,.minigallery,.steps{grid-template-columns:1fr}.gallery img{height:245px}.pagehead{padding:37px 0}.pagehead h1{font-size:39px}.cta .row{display:block}.cta .btn{margin-top:20px}.contact{padding:20px}.contact dl{grid-template-columns:1fr}}

/* Handyman & Beyond Bold Badge 03: isolated review-only brand stylesheet. */
.hb{--accent:#ff7b11;--primary:#202426;--ink:#262b2e;}
.hb .header{background:#1a1d1f;border-bottom:3px solid #ff7b11}
.hb .header .head{min-height:106px}
.hb .header .logo.hb-logo{width:285px;height:83px;display:block;position:relative;overflow:hidden;background-image:url("/assets/hb-bold-badge-light.svg");background-size:contain;background-position:left center;background-repeat:no-repeat;}
.hb .header .logo.hb-logo img{display:none!important}
.hb .nav a:not(.btn){color:#f4f6f7}
.hb .nav a:not(.btn):hover{color:#ffb36b}
.hb .nav a[aria-current="page"]{color:#ffad58!important;border-color:#ff7b11}
.hb .nav .btn{background:#ff7b11;border-color:#ff7b11;color:#171a1c!important}
.hb .hero{background:#262b2e}
.hb .hero h1{color:#fff}
.hb .hero p{color:#e0e5e7}
.hb .hero h1:before{content:"";display:block;width:63px;height:63px;background:url("/assets/hb-bold-badge-icon.svg") center/contain no-repeat;margin:0 0 19px}
.hb .eyebrow{color:#c95d17}
.hb .pagehead .eyebrow{color:#ffab70}
.hb .tile:before{background:#ff7b11}
.hb .contact .lead-card{border-top-color:#ff7b11}
@media(max-width:1050px){.hb .header .head{gap:7px}}
@media(max-width:660px){.hb .header .logo.hb-logo{width:248px;height:73px}.hb .header .head{padding-top:8px;padding-bottom:12px}.hb .nav{gap:12px}}


/* 2026-11-06 refinement: Precision horizontal website logo, Bold Badge reserved for app and apparel. */
.hmb .header,.hb .header{position:sticky;top:0;z-index:1000;box-shadow:0 6px 21px rgba(9,18,25,.15);}
.hb .header .logo.hb-logo{background-image:url("/assets/hb-precision-horizontal.svg")!important;width:372px!important;height:82px!important;background-repeat:no-repeat!important;background-size:contain!important;background-position:left center!important;overflow:visible!important;}
.hb .header .logo.hb-logo img{display:none!important;}
.hb .hero h1:before{display:none!important;content:none!important;}
.hb .hero .hero-inner>img{height:395px;width:100%;object-fit:cover;object-position:center center;border-radius:8px;transform:none;}
.hb .hb-work-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;}
.hb .hb-work-gallery figure{margin:0;background:#fff;border:1px solid #e0e6eb;border-radius:8px;overflow:hidden;}
.hb .hb-work-gallery img{width:100%;height:320px;object-fit:cover;object-position:center center;transform:none;}
.hb .hb-work-gallery figcaption{padding:14px 17px;font-weight:750;color:#28353a;font-size:15px;}
.hb .hb-work-gallery small{font-size:11px;color:#6d7982;font-weight:400;display:block;margin-top:4px;}
@media(max-width:1050px){.hb .header .logo.hb-logo{width:340px!important;height:75px!important;}}
@media(max-width:680px){.hb .header .logo.hb-logo{width:min(90vw,340px)!important;height:64px!important;}.hb .hb-work-gallery{grid-template-columns:1fr;}.hb .hb-work-gallery img{height:250px;}.hb .hero .hero-inner>img{height:300px;}.hb .header .head{gap:5px;}}


/* HMB house mark on legacy inner pages; redesign pages already show this branding. */
.hmb .header .logo.hmb-logo{display:flex!important;position:relative!important;flex-shrink:0!important;width:252px!important;min-width:220px!important;height:86px!important;overflow:visible!important;align-items:center!important;background:url("/assets/hmb-house.png") left center / 70px 67px no-repeat!important}
.hmb .header .logo.hmb-logo img{opacity:0!important;visibility:hidden!important;position:absolute!important;width:1px!important;height:1px!important;top:auto!important;left:auto!important}
.hmb .header .logo.hmb-logo::after{content:"HMB\A REMODELING";white-space:pre!important;display:block!important;padding-left:79px!important;font:900 23px/1 Arial,Helvetica,sans-serif!important;letter-spacing:-.06em!important;color:#243960!important}
.hmb .header{position:sticky!important;top:0!important;z-index:1000!important}
.hmb .split>img{object-fit:contain!important;object-position:center top!important;background:#c1bab3!important}
.hmb .lead-visual{background:url("/assets/hmb/04.jpg") center center / cover no-repeat!important}
.hmb .lead-visual img{visibility:hidden!important}
@media(max-width:900px){.hmb .header .logo.hmb-logo{width:185px!important;min-width:168px!important;height:70px!important;background-size:50px 50px!important}.hmb .header .logo.hmb-logo::after{font-size:17px!important;padding-left:56px!important}}