@font-face{font-family:Teko;src:url(/assets/fonts/teko-latin-600-normal.woff2) format("woff2");font-weight:400 900;font-display:optional}







:root{--ink:#0b1b33;--ink-2:#475569;--gulf:#0369a1;--gulf-dk:#0b3b66;--sky:#7dd3fc;--sun:#0ea5e9;--sun-dk:#38bdf8;--stone:#e0f2fe;--stone-2:#f1f5f9;--paper:#fff;--line:#e2e8f0;--r:14px;
 --display:Teko,Impact,"Arial Narrow",sans-serif;--body:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--cond:Teko,Impact,"Arial Narrow",sans-serif;--sh:0 1px 2px rgba(11,27,51,.06),0 8px 24px rgba(11,27,51,.08)}
body{font:400 17px/1.6 var(--body);color:var(--ink);background:#fff}
h1,h2,h3,h4{font-family:var(--display);font-weight:900;line-height:1.02;letter-spacing:.005em;text-transform:uppercase;color:var(--ink)}
h3{font-weight:700}
.topbar{background:var(--ink);font:600 .86rem/1 var(--cond);letter-spacing:.06em;text-transform:uppercase}
.topbar .tb-ref{color:var(--sky)}
.site-head{background:#fff;border-bottom:1px solid var(--line)}
.nav a,.nav button.dd{font-family:var(--cond);font-weight:700;letter-spacing:.05em;text-transform:uppercase;font-size:1rem}
.btn{font:700 1rem/1 var(--cond);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:.95em 1.4em}
.btn-sun,.btn-sun:hover{background:var(--sun);color:var(--ink)}
.btn-sun:hover{background:var(--sun-dk)}
.btn-gulf{background:var(--ink)} .btn-gulf:hover{background:var(--gulf-dk)}
.btn-sms small{font-family:var(--body);text-transform:none;letter-spacing:0}
.eyebrow{font:700 .86rem/1 var(--cond);letter-spacing:.14em;text-transform:uppercase;color:var(--gulf);margin:0 0 .8em;display:inline-flex;gap:.5em;align-items:center}
.eyebrow::before{content:"";width:26px;height:3px;background:var(--sun);border-radius:3px}
.joints{display:none}
.proof-bar strong{font-family:var(--display);font-weight:900;color:var(--ink)}
.proof-bar span{font:600 .95rem/1.2 var(--cond);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}
.svc,.card,.post,.review{border-radius:var(--r);box-shadow:var(--sh);border-color:var(--line)}
.svc h3{font-size:1.55rem}
.cta-band{background:var(--ink)} .cta-band .wrap{color:var(--ink)} .cta-band .cta-title,.cta-band h2{color:var(--ink);font-family:var(--display);font-weight:900;text-transform:uppercase;font-size:clamp(1.8rem,3.4vw,2.6rem);line-height:1.02;margin:0} .cta-band p{color:var(--ink-2)} .cta-band a.tel{color:var(--ink);font-family:var(--display);font-weight:900}
.cta-band .btn-gulf{background:var(--sun);color:var(--ink)}
.site-foot{background:var(--ink)}

/* ---- home hero (Oct 29 2026): photo on top, headline panel under it, Lon's review on the photo ---- */
.hero{display:block!important;background:#fff;color:var(--ink);overflow:visible;max-width:1280px;margin:0 auto;padding:24px 20px 0}
.hero picture,.hero>img{position:relative!important;inset:auto!important;display:block;height:clamp(260px,42vw,560px)!important;aspect-ratio:auto!important}
.hero picture img,.hero>img{width:100%;height:100%;object-fit:cover;object-position:50% 55%;border-radius:var(--r) var(--r) 0 0!important;box-shadow:none}
.hero .wrap{padding:0!important;margin:0!important;max-width:none!important}
.hero-panel{max-width:none!important;background:var(--stone-2)!important;border-radius:0 0 var(--r) var(--r)!important;box-shadow:var(--sh)!important;padding:clamp(24px,3.4vw,44px)!important}
.hero-panel::before{font:700 .86rem/1 var(--cond)!important;letter-spacing:.14em!important;background:#fff!important;color:var(--gulf)!important}
.hero h1{max-width:20ch!important;font-size:clamp(2.6rem,5.6vw,4.6rem)!important;line-height:1.02!important}
.hero p.lede{max-width:62ch!important;color:var(--ink-2)}
.hero .ctas{display:flex;flex-wrap:wrap!important;gap:12px;margin-top:24px}
.hero .ctas .btn{min-height:54px;white-space:nowrap}
.hero .btn-sun,.hero .btn-sun:hover{background:var(--sun);color:var(--ink)}
.hero .btn-line{background:#fff;color:var(--ink);border:2px solid var(--ink)}
.hero .btn-line:hover{background:var(--ink);color:#fff}
.hero .btn-line:hover small{color:#fff}
.hero .proof{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;padding:0}
.hero .proof li{display:inline-flex;align-items:center;background:var(--stone);color:var(--gulf);border-radius:999px;padding:.5em .95em;font:700 .86rem/1 var(--cond);letter-spacing:.1em;text-transform:uppercase}
.hero .proof li::before{background:var(--sun)!important;border-radius:50%;width:8px!important;height:8px!important;margin-right:8px;vertical-align:0}
/* Lon's review: a card on the lower right of the photo, clear of the headline and buttons */
.hero picture::after{display:block!important;content:"\201CSam and Steve did an incredible job sealing our new travertine pool deck and lanai. Their level of service, expertise, and attention to detail were second to none.\201D\A\A Lon S. \00B7  Google Review";white-space:pre-wrap;position:absolute;left:auto!important;right:22px;top:22px!important;bottom:auto;width:330px;background:#fff;border-radius:var(--r);box-shadow:var(--sh);padding:42px 20px 18px;font:400 .95rem/1.45 var(--body);color:var(--ink-2);z-index:2}
.hero picture::before{display:block!important;content:"\2605\2605\2605\2605\2605";position:absolute;left:auto!important;right:calc(22px + 330px - 20px - 7.5em);top:40px!important;bottom:auto;z-index:3;color:#f5a623;letter-spacing:3px;font-size:1.05rem;width:7.5em}
@media (max-width:860px){
 .hero{padding:16px 16px 0}
 .hero picture,.hero>img{height:auto!important}
 .hero picture img{aspect-ratio:16/10;height:auto}
 .hero picture::before{display:none!important}
 .hero picture::after{position:static!important;width:auto;margin:0;border-radius:0;box-shadow:none;border-left:1px solid var(--line);border-right:1px solid var(--line);background:#fff;padding:16px 18px;content:"\2605\2605\2605\2605\2605\A\201CSam and Steve did an incredible job sealing our new travertine pool deck and lanai. Their level of service, expertise, and attention to detail were second to none.\201D\A Lon S. \00B7  Google Review"}
 .hero .ctas .btn{flex:1 1 100%}
}

.topbar a{padding-block:6px;margin-block:-6px}.topbar .wrap{row-gap:11px}.topbar,.topbar span{color:#cbd5e1}.topbar a{color:#fff}.topbar .tb-ref{color:var(--sky)}