:root{--navy:#071f38;--navy2:#0b2e4f;--gold:#ffcb05;--ink:#0b243f;--muted:#637284;--paper:#f4f7f9;--line:#dce4eb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Inter,Montserrat,'Segoe UI',Arial,sans-serif;line-height:1.55}a{color:inherit}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}button{cursor:pointer}.container{width:min(1170px,calc(100% - 44px));margin:auto}.skip{position:absolute;transform:translateY(-140%);background:#fff;padding:10px;z-index:999}.skip:focus{transform:translateY(0)}.site-header{position:relative;background:#061d34;color:white;z-index:20;box-shadow:0 3px 15px #00192b22}.header-inner{min-height:88px;display:flex;align-items:center;gap:24px}.brand{width:205px;flex-shrink:0}.brand img{width:100%;max-height:77px;object-fit:contain;object-position:left}.nav{display:flex;align-items:center;gap:21px;margin:auto}.nav a{color:#f3f6fa;text-decoration:none;font-size:13px;font-weight:650;white-space:nowrap;padding:10px 0;border-bottom:2px solid transparent}.nav a:hover,.nav a.active{border-color:var(--gold)}.header-actions{display:flex;gap:12px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;text-align:center;border:0;border-radius:4px;padding:14px 21px;text-decoration:none;font-size:13px;font-weight:800;line-height:1.25;min-height:46px;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 5px 20px #0002}.btn span{font-size:18px}.btn-yellow{background:var(--gold);color:#06172c}.btn-navy{background:var(--navy);color:white}.btn-outline{border:1px solid #ffffffaa;background:#071c3099;color:white}.phone-icon{display:none;background:var(--gold);border-radius:6px;padding:11px 15px;color:#081e35;text-decoration:none}.menu-button{display:none;border:0;background:transparent;padding:12px}.menu-button i{display:block;background:white;width:25px;height:2px;margin:5px 0}.hero{background-image:linear-gradient(90deg,rgba(6,31,59,.88) 0%,rgba(6,31,60,.48) 45%,rgba(6,29,52,.08) 100%),var(--hero);background-color:var(--navy);background-size:cover;background-position:center;min-height:560px;display:flex;color:white}.hero-inner{display:flex;align-items:center;padding-top:70px;padding-bottom:65px}.hero-copy{max-width:675px}.eyebrow{font-size:11px;color:#a67d00;text-transform:uppercase;font-weight:900;letter-spacing:3px;margin-bottom:13px}.eyebrow:before{content:'';display:inline-block;vertical-align:middle;width:31px;height:3px;background:var(--gold);margin-right:12px}.eyebrow.light{color:#f2f6fa}.hero h1{font-size:clamp(38px,5vw,65px);line-height:1.07;letter-spacing:-2.2px;margin:0 0 22px;font-weight:850}.hero h1 em{color:var(--gold);font-style:normal}.hero p{font-size:17px;max-width:590px;margin:0 0 24px;color:#eef1f5}.hero-buttons{display:flex;flex-wrap:wrap;gap:12px}.trust-strip{display:flex;flex-wrap:wrap;gap:24px;margin-top:32px;font-size:13px;font-weight:700}.trust-strip span::first-letter{color:var(--gold)}.section{padding:78px 0}.section.alt{background:var(--paper)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:28px}.section-heading>p{max-width:475px;color:var(--muted);font-size:15px}.section h2,.dark-section h2,.cta h2,.finance-banner h2{font-size:clamp(27px,3vw,41px);line-height:1.13;letter-spacing:-1px;margin:0 0 15px}.cards{display:grid;gap:22px}.cards.three{grid-template-columns:repeat(3,1fr)}.cards.four{grid-template-columns:repeat(4,1fr)}.tile{border:1px solid var(--line);box-shadow:0 7px 25px #09233b0e;border-radius:8px;overflow:hidden;background:white}.tile img{width:100%;aspect-ratio:1.65;object-fit:cover}.tile-content{padding:23px}.tile h3{font-size:21px;line-height:1.24;margin:0 0 10px}.tile p{font-size:14px;color:var(--muted);margin:0 0 15px}.text-link{font-size:13px;font-weight:850;text-decoration:none;color:#0a3255}.text-link:hover{text-decoration:underline}.dark-section{background:linear-gradient(115deg,#051a31,#0b3556);color:#fff;padding:63px 0}.dark-section .section-heading h2{color:#fff}.features{display:grid;gap:24px}.features.four{grid-template-columns:repeat(4,1fr)}.features>div{border-left:1px solid #ffffff33;padding:12px 20px}.features b{font-size:35px;color:var(--gold)}.features h3{margin:5px 0;font-size:17px}.features p{margin:0;color:#d6e1ec;font-size:14px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px;margin-bottom:24px}.project-grid article{background:white;border:1px solid var(--line);border-radius:7px;overflow:hidden}.project-grid img{aspect-ratio:1.5;width:100%;object-fit:cover}.project-grid h3{margin:15px 16px 0;font-size:19px}.project-grid article p{margin:1px 16px 18px;color:var(--muted);font-size:13px}.notice{background:#fff8df;padding:15px;border-left:4px solid var(--gold);font-size:13px;margin:25px 0;color:#54431d}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.steps>div{padding:20px;border-left:2px solid #dce4ee}.steps b{color:var(--gold);font-size:29px}.steps h3{margin:5px 0}.steps p{font-size:14px;color:var(--muted);margin:0}.dark-section .steps p{color:#d7e1eb}.finance-banner{background:linear-gradient(90deg,#062541f5,#062541c8),url('../img/kitchen-hero.jpg') center/cover;color:white;padding:55px 0}.finance-inner,.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.finance-banner p,.cta p{margin:0;color:#d4dfea}.cta{padding:60px 0;background:linear-gradient(110deg,#041c33,#113e60);color:white}.foot-main{padding:54px 0;display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:35px}.footer{background:#04182c;color:#e9f1fa;font-size:14px}.footer a{text-decoration:none}.footer a:hover{color:var(--gold)}.footer p{color:#cbd7e2}.foot-brand img{width:210px}.foot-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;border-top:1px solid #ffffff30;padding:20px 0;color:#b6c6d4;font-size:12px}.foot-bottom a{text-decoration:underline}.service-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:29px}.service-list span{background:#e9f1f8;padding:11px 17px;border-radius:3px;font-weight:700;font-size:13px}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px}.split>img{width:100%;max-height:400px;object-fit:cover;border-radius:8px}.split p{color:var(--muted)}.dark-section .split p{color:#e0e9ef}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.mini-grid>div{border:1px solid var(--line);border-radius:6px;padding:27px;background:#fbfcfd}.mini-grid strong{color:#eab900}.mini-grid h3{margin:9px 0}.mini-grid p{color:var(--muted);font-size:14px}.contact-lines p{margin:24px 0}.contact-lines b{color:#89711d}.form-card{padding:32px;background:white;border-radius:9px;border:1px solid #e3eaf0;box-shadow:0 10px 36px #0b2d4a12}.form-card h2{font-size:27px}.form-card p{color:var(--muted)}form label{display:block;font-size:13px;font-weight:700;margin:16px 0 0}form input:not([type=checkbox],[type=file]),form textarea,form select{display:block;width:100%;padding:12px 14px;margin-top:6px;border:1px solid #cfdae4;border-radius:5px;color:var(--ink);background:#fff;font-size:15px}form input[type=file]{display:block;width:100%;border:1px dashed #aab8ca;padding:18px;margin-top:7px;border-radius:5px;font-size:12px}form input:focus,form textarea:focus,form select:focus{outline:2px solid var(--gold);outline-offset:0}.checkbox-row{display:flex;gap:10px;align-items:flex-start;font-weight:500}.checkbox-row input{width:18px;height:18px;margin-top:3px}.full{width:100%;margin-top:20px}.honey{position:absolute;left:-10000px;top:auto;height:1px;overflow:hidden}.estimate-layout{display:grid;grid-template-columns:1.55fr .75fr;gap:30px;align-items:start}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.small{font-size:12px}.estimate-sidebar{background:white;box-shadow:0 8px 30px #1d3e5812;border-radius:7px;overflow:hidden}.estimate-sidebar>img{width:100%;aspect-ratio:1.6;object-fit:cover}.estimate-sidebar h3,.estimate-sidebar ol,.estimate-sidebar .sidebar-contact{margin-left:22px;margin-right:22px}.estimate-sidebar li{margin-bottom:12px}.sidebar-contact{border-top:1px solid var(--line);padding-bottom:20px}.sidebar-contact>a{color:var(--navy);font-size:23px;font-weight:800}.centered-message{text-align:center;padding:70px 0;max-width:650px}.centered-message h1{font-size:38px}.success-icon{font-size:50px;color:#18794e}.admin-bg{background:var(--paper)}.admin-wrap{padding-top:35px;padding-bottom:80px}.admin-wrap h1 em{font-style:normal;color:#bd9200}.login-card{max-width:450px}.admin-top{display:flex;justify-content:space-between;align-items:center;gap:15px}.lead-list{display:grid;gap:16px;margin:25px 0}.lead{background:white;padding:24px;border-radius:8px;box-shadow:0 5px 20px #0b284018}.lead-top{display:flex;justify-content:space-between;gap:15px}.lead-top h3{margin:0}.lead-top small{background:#e6edf6;padding:4px 8px;font-size:11px;border-radius:12px}.lead-top span{font-size:12px;color:var(--muted)}.status-form{display:flex;gap:10px;align-items:end}.status-form label{margin:0}.file-pill{font-size:12px;color:#234b6e}.alert{background:#ffe3e1;padding:14px}
@media(max-width:1080px){.header-inner{min-height:76px}.brand{width:180px}.nav{gap:12px}.nav a{font-size:12px}.desktop-cta{display:none}.phone-icon{display:inline-block}}@media(max-width:820px){.container{width:min(100% - 32px,650px)}.brand{width:166px}.menu-button{display:block}.nav{position:absolute;display:none;top:100%;left:0;right:0;background:#071f38;padding:20px 24px;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 20px 30px #0003}.nav.open{display:flex}.nav a{font-size:15px;padding:13px 8px}.header-actions{margin-left:auto}.hero{min-height:575px;background-image:linear-gradient(90deg,#061d3beF,#061f3cb0 65%,#061f3c35),var(--hero);background-position:center}.hero-inner{padding:75px 0 35px;align-items:end}.hero h1{font-size:clamp(37px,7vw,52px)}.hero p{font-size:15px}.trust-strip{gap:12px}.section{padding:48px 0}.section-heading{display:block}.cards.three,.cards.four{grid-template-columns:1fr}.tile{display:grid;grid-template-columns:38% 1fr;min-height:168px}.tile>a{height:100%}.tile img{height:100%;aspect-ratio:auto}.tile-content{padding:18px}.tile h3{font-size:18px}.features.four,.steps{grid-template-columns:repeat(2,1fr)}.project-grid{grid-template-columns:repeat(2,1fr);gap:12px}.split,.estimate-layout{grid-template-columns:1fr;gap:26px}.mini-grid{grid-template-columns:repeat(2,1fr)}.finance-inner,.cta-inner{align-items:start;flex-direction:column}.foot-main{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}}
@media(max-width:510px){.container{width:calc(100% - 28px)}.site-header .brand{width:156px}.header-inner{min-height:72px}.phone-icon{padding:9px 12px}.hero{min-height:580px}.hero-inner{padding-top:55px;padding-bottom:32px}.hero h1{font-size:38px;letter-spacing:-1.5px}.hero p{font-size:15px}.hero-buttons{display:grid;width:100%}.hero-buttons .btn{width:100%}.trust-strip{display:grid;grid-template-columns:1fr 1fr;font-size:11px;gap:10px}.tile{grid-template-columns:38% 62%}.tile-content{padding:12px}.tile h3{font-size:16px}.tile p{font-size:12px;margin-bottom:7px}.features.four,.steps{grid-template-columns:1fr 1fr;gap:6px}.features>div{padding:12px}.steps>div{padding:12px}.steps h3{font-size:15px}.steps p{font-size:12px}.project-grid{grid-template-columns:1fr 1fr}.project-grid h3{font-size:15px}.project-grid article p{font-size:11px}.mini-grid{grid-template-columns:1fr}.foot-main{grid-template-columns:1fr;gap:6px}.form-card{padding:20px}.lead-top{display:block}.status-form{flex-wrap:wrap}}

/* Bay Area Builders — Restore page banners */

.hero[style*="home-hero.jpg"] {
  background-image:
    linear-gradient(90deg, rgba(6,31,59,.90) 0%, rgba(6,31,60,.45) 55%, rgba(6,29,52,.10) 100%),
    url('/assets/img/home-hero.jpg') !important;
}

.hero[style*="repairs-hero.jpg"] {
  background-image:
    linear-gradient(90deg, rgba(6,31,59,.90) 0%, rgba(6,31,60,.45) 55%, rgba(6,29,52,.10) 100%),
    url('/assets/img/repairs-hero.jpg') !important;
}

.hero[style*="remodel-hero.jpg"] {
  background-image:
    linear-gradient(90deg, rgba(6,31,59,.90) 0%, rgba(6,31,60,.45) 55%, rgba(6,29,52,.10) 100%),
    url('/assets/img/remodel-hero.jpg') !important;
}

.hero[style*="commercial-hero.jpg"] {
  background-image:
    linear-gradient(90deg, rgba(6,31,59,.90) 0%, rgba(6,31,60,.45) 55%, rgba(6,29,52,.10) 100%),
    url('/assets/img/commercial-hero.jpg') !important;
}
