/*
Theme Name: Seal My Pavers 2026
Theme URI: https://sealmypavers.com/
Author: Seal My Pavers
Description: Complete, responsive Seal My Pavers website with a built-in estimate form.
Version: 1.0.0
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: seal-my-pavers
*/
:root{--ink:#1b231d;--forest:#123b32;--forest2:#0c2d28;--gold:#c9934e;--cream:#f8f5ee;--sand:#e7dfd0;--text:#4f5b53;--white:#fff;--width:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font:16px/1.65 system-ui,-apple-system,Segoe UI,Arial,sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}p{margin:0 0 1.2em}h1,h2,h3{line-height:1.12;letter-spacing:-.035em;margin:0 0 .5em}h1{font-size:clamp(3.05rem,6vw,5.6rem)}h2{font-size:clamp(2.25rem,4vw,3.65rem)}h3{font-size:1.28rem;letter-spacing:-.02em}ul{padding-left:1.25em}.wrap{width:min(calc(100% - 44px),var(--width));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.eyebrow{color:#a96d2e;letter-spacing:.18em;text-transform:uppercase;font-weight:850;font-size:.77rem;display:block;margin-bottom:1rem}.lead{font-size:1.19rem;line-height:1.62;color:var(--text)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:51px;padding:13px 23px;border:2px solid var(--forest);border-radius:5px;background:var(--forest);color:#fff;font-weight:800;font-size:.86rem;letter-spacing:.025em;cursor:pointer;transition:background .2s,transform .2s}.btn:hover,.btn:focus-visible{background:#1d5b49;transform:translateY(-1px)}.btn.light{background:#fff;color:var(--forest);border-color:#fff}.btn.ghost{background:transparent;color:var(--forest)}.btn.outline-light{background:transparent;color:#fff;border-color:#fff}.btn:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.topbar{background:var(--forest2);color:#e7eee9;font-size:.76rem}.topbar .wrap{display:flex;justify-content:space-between;gap:20px;padding-block:8px}.site-header{background:#fff;position:sticky;top:0;z-index:100;border-bottom:1px solid #e8e8df;box-shadow:0 4px 20px #162a2010}.header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-weight:950;font-size:1.35rem;letter-spacing:.045em;white-space:nowrap;line-height:1}.brand:before{content:'◆';font-size:.7rem;vertical-align:middle;color:var(--gold);margin-right:8px}.brand small{display:block;font-size:.56rem;letter-spacing:.17em;color:#758079;margin:8px 0 0 25px}.site-nav{display:flex;gap:22px;align-items:center;font-size:.82rem;font-weight:750}.site-nav a:hover{color:#9e6127}.nav-cta{white-space:nowrap}.menu-toggle{display:none;background:none;border:0;padding:8px;font-size:1.6rem;color:var(--forest)}.site-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:650px;background:var(--cream)}.hero-copy{display:flex;align-items:center;padding:76px 6vw 76px max(26px,calc((100vw - var(--width))/2 + 22px))}.hero-copy>div{max-width:570px}.hero-copy .lead{max-width:520px}.hero-photo{position:relative;min-height:590px;background:var(--sand)}.hero-photo img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.photo-tag{position:absolute;bottom:24px;left:24px;background:#0b241ed9;color:#fff;padding:10px 14px;font-size:.75rem;font-weight:750;letter-spacing:.06em}.micro-proof{display:flex;flex-wrap:wrap;gap:15px 24px;margin-top:33px;color:#536158;font-size:.71rem;letter-spacing:.065em;font-weight:800;text-transform:uppercase}.micro-proof span:before{content:'✓';color:#a96d2e;margin-right:6px}.proof-bar{background:var(--forest);color:white}.proof-grid{display:grid;grid-template-columns:repeat(4,1fr);padding-block:25px}.proof-grid div{text-align:center;border-right:1px solid #ffffff30;padding:8px}.proof-grid div:last-child{border:0}.proof-grid strong{display:block;font-size:1.55rem;line-height:1.2}.proof-grid span{font-size:.69rem;letter-spacing:.11em;color:#dce7de;text-transform:uppercase;font-weight:700}section.section{padding:92px 0}.section.alt{background:var(--cream)}.section.dark{background:var(--forest2);color:#fff}.section.dark .lead,.section.dark p{color:#dce5df}.section-heading{text-align:center;max-width:780px;margin:0 auto 43px}.section-heading p{color:var(--text)}.grid{display:grid;gap:22px}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.four{grid-template-columns:repeat(4,1fr)}.card{background:#fff;border:1px solid #e7e6dd;padding:30px;border-radius:5px}.card p{font-size:.95rem;color:var(--text);margin-bottom:0}.card.accent{border-top:4px solid var(--gold)}.card-icon{font-size:1.7rem;color:var(--gold);margin-bottom:18px;line-height:1}.project{overflow:hidden;background:#fff;border:1px solid #e7e6dd;border-radius:6px}.project img{width:100%;height:255px;object-fit:cover}.project .caption{padding:20px 22px}.project .caption p{margin:4px 0 0;font-size:.86rem;color:var(--text)}.center{text-align:center}.more{margin-top:32px}.feature-split{display:grid;grid-template-columns:1fr 1fr;min-height:535px}.feature-split>img{width:100%;height:100%;max-height:620px;object-fit:cover}.feature-copy{display:flex;align-items:center;background:var(--forest2);color:#fff;padding:75px clamp(28px,6vw,90px)}.feature-copy>div{max-width:550px}.feature-copy p{color:#dce5df}.checklist{padding:0;list-style:none;margin:22px 0}.checklist li{padding:6px 0 6px 29px;position:relative}.checklist li:before{content:'✓';position:absolute;left:0;color:var(--gold);font-weight:900}.step{position:relative;border-left:3px solid var(--gold)}.step .number{display:block;font-size:.78rem;font-weight:900;letter-spacing:.16em;color:#a96d2e;margin-bottom:12px}.quote{font-size:1rem!important}.quote-source{font-weight:850;color:var(--forest);font-size:.82rem}.service-areas{display:flex;gap:11px;flex-wrap:wrap;justify-content:center;margin:27px auto 34px;max-width:900px}.service-areas span{border:1px solid #ffffff60;padding:9px 14px;border-radius:4px}.cta-band{background:#be8642;color:#171f18;text-align:center;padding:78px 0}.cta-band p{max-width:650px;margin:0 auto}.cta-band .actions{justify-content:center}.page-hero{background:var(--cream);padding:85px 0 78px}.page-hero .wrap{max-width:900px}.page-hero h1{font-size:clamp(2.9rem,5vw,4.7rem)}.content-narrow{max-width:880px;margin:auto}.two-col{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px}.two-col img{width:100%;height:420px;object-fit:cover;border-radius:5px}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:6px}.comparison figure{margin:0;position:relative}.comparison img{width:100%;height:300px;object-fit:cover}.comparison figcaption{position:absolute;bottom:10px;left:10px;background:var(--forest2);color:#fff;padding:5px 12px;font-weight:800;font-size:.76rem}.form-shell{background:#fff;border:1px solid #e2e4dd;border-radius:7px;padding:34px;box-shadow:0 18px 40px #102c1e12}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-grid label{font-size:.82rem;font-weight:750;display:block}.form-grid label.full,.form-grid .full{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{display:block;width:100%;border:1px solid #cbd1c9;border-radius:4px;background:#fff;padding:12px 13px;margin-top:6px;font:inherit;color:var(--ink)}.form-grid textarea{min-height:125px;resize:vertical}.form-help{color:var(--text);font-size:.82rem}.form-message{padding:14px 18px;margin-bottom:20px;border-radius:4px;background:#e7f2e9;color:#17432b}.form-message.error{background:#fff1e8;color:#813918}.honeypot{position:absolute!important;left:-10000px!important}.legal-content a{text-decoration:underline}.site-footer{background:#101c18;color:#fff;padding:65px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px}.site-footer p,.site-footer a{color:#d1dcd4;font-size:.86rem;display:block;margin:7px 0}.site-footer a:hover{color:#fff;text-decoration:underline}.site-footer h3{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:#e1ab69;margin:5px 0 14px}.footer-bottom{border-top:1px solid #ffffff2b;margin-top:45px;padding-top:20px;font-size:.76rem;color:#a7b4aa}.footer-bottom a{display:inline;font-size:inherit}.skip-link{position:absolute;top:-60px;left:12px;background:white;padding:10px;z-index:200}.skip-link:focus{top:12px}
@media(max-width:1080px){.site-nav{gap:13px;font-size:.75rem}.brand{font-size:1.1rem}.nav-cta{padding:10px;font-size:.72rem}}@media(max-width:880px){.topbar{display:none}.menu-toggle{display:block}.site-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;padding:20px 24px;box-shadow:0 12px 20px #0002;flex-direction:column;align-items:stretch;font-size:1rem}.site-nav.is-open{display:flex}.nav-cta{display:none}.site-hero{grid-template-columns:1fr}.hero-copy{padding:75px 28px}.hero-photo{min-height:470px}.grid.four{grid-template-columns:repeat(2,1fr)}.grid.three{grid-template-columns:repeat(2,1fr)}.feature-split{grid-template-columns:1fr}.feature-split>img{height:440px}.footer-grid{grid-template-columns:repeat(2,1fr)}.two-col{gap:30px}}@media(max-width:600px){.wrap{width:min(calc(100% - 32px),var(--width))}.header-inner{min-height:68px}.brand{font-size:1.1rem}.hero-copy{padding:61px 19px}.hero-photo{min-height:340px}.micro-proof{gap:9px 13px}.actions .btn{width:100%}.proof-grid,.grid.three,.grid.four,.two-col,.form-grid,.footer-grid{grid-template-columns:1fr}.proof-grid div{border-right:0;border-bottom:1px solid #ffffff30}.proof-grid div:last-child{border:0}section.section{padding:67px 0}.feature-copy{padding:60px 23px}.feature-split>img{height:300px}.form-shell{padding:22px 17px}.form-grid label.full,.form-grid .full{grid-column:auto}.comparison img{height:190px}.page-hero{padding:66px 0}}
