@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Oswald:wght@500;600;700&display=swap");
:root{--red:#c91f28;--red-dark:#a3161e;--red-soft:#e15a60;--ink:#171d24;--ink-soft:#2c333b;--muted:#67717b;--light:#f7f7f5;--warm:#f3f1ec;--line:#e4e6e8;--white:#fff;--shadow:0 18px 48px rgba(23,29,36,.08);--shadow-lg:0 28px 80px rgba(23,29,36,.16);--radius:24px;--wrap:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.wrap{width:min(var(--wrap),calc(100% - 48px));margin:auto}
.topbar{background:#10151b;color:#eef2f5}.topbar-inner{min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:.84rem}.topbar a{font-weight:800}.topbar-right{display:flex;gap:18px;color:#c5cdd4}
.header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);border-bottom:1px solid rgba(23,29,36,.08);box-shadow:0 8px 24px rgba(23,29,36,.05)}.header-inner{height:78px;display:flex;align-items:center;justify-content:space-between}.brand img{width:154px;height:54px;object-fit:contain}.nav{display:flex;align-items:center;gap:28px;font-size:.92rem;font-weight:650;color:#2f3944}.nav>a{position:relative}.nav>a:after{content:"";position:absolute;height:2px;background:var(--red);left:0;right:100%;bottom:-9px;transition:.2s}.nav>a:hover:after{right:0}.menu{display:none;border:1px solid #d3d9df;background:#fff;border-radius:12px;padding:10px 13px;font-weight:800}
.hero{position:relative;min-height:84vh;display:flex;align-items:center;overflow:hidden;background:#131920}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 28%;filter:saturate(.92) brightness(1.02)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,20,27,.76) 0%,rgba(16,20,27,.52) 38%,rgba(16,20,27,.18) 68%,rgba(16,20,27,.06) 100%),linear-gradient(180deg,rgba(16,20,27,.08),rgba(16,20,27,.28) 78%,rgba(16,20,27,.42) 100%)}.hero-content{position:relative;z-index:2;max-width:640px;padding:120px 0 110px;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.32)}.eyebrow{margin:0 0 16px;text-transform:uppercase;letter-spacing:.18em;font-size:.76rem;font-weight:900;color:var(--red-soft)}.hero .eyebrow{color:#ff9095}.hero h1,.section h2,.page-hero h1{font-family:"Oswald",Inter,sans-serif;font-weight:900;letter-spacing:-.025em;line-height:.9;margin:0}.hero h1{font-size:clamp(4rem,7vw,7rem);max-width:620px}.hero-copy{font-size:clamp(1.02rem,1.55vw,1.18rem);line-height:1.75;max-width:580px;color:#eef2f6;margin:26px 0 0}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:15px 24px;font-weight:850;border:1px solid transparent;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn-red{background:var(--red);color:#fff;box-shadow:0 14px 32px rgba(201,31,40,.28)}.btn-light{background:rgba(255,255,255,.92);color:var(--ink)}.btn-outline{border-color:#c9d0d7;background:transparent}.hero-link{display:inline-flex;align-items:center;font-weight:800;color:#fff;opacity:.94}.hero-link:hover{opacity:1}
.trust-strip{background:#fff;border-bottom:1px solid var(--line)}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}.trust-item{padding:22px 24px;border-right:1px solid var(--line)}.trust-item:last-child{border-right:0}.trust-item strong,.trust-item span{display:block}.trust-item strong{font-size:1.02rem}.trust-item span{font-size:.86rem;color:var(--muted);margin-top:6px}
.section{padding:112px 0}.section.alt{background:var(--warm)}.section.dark{background:#141a21;color:#fff}.section-head{display:flex;justify-content:space-between;align-items:end;gap:42px;margin-bottom:44px}.section h2{font-size:clamp(2.8rem,5vw,5.1rem)}.section-head>p{max-width:540px;color:var(--muted);line-height:1.8}.dark .section-head>p{color:#c9d0d7}
.projects-showcase{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}.projects-showcase-side{display:grid;gap:24px}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.project-card{background:#fff;border:1px solid #e6e8ea;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:.2s}.project-card:hover{transform:translateY(-6px)}.project-card img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center}.project-card-feature img{aspect-ratio:16/11}.card-body{padding:26px}.card-body h3{font-size:1.55rem;line-height:1.12;margin:0 0 12px}.card-body p{color:var(--muted);line-height:1.72;margin:0 0 16px}.text-link{font-weight:900;color:var(--red)}
.featured-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.before-after{background:#fff;color:var(--ink);border-radius:var(--radius);overflow:hidden;box-shadow:0 18px 48px rgba(16,24,34,.18);border:1px solid rgba(255,255,255,.07)}.ba-images{display:grid;grid-template-columns:1fr 1fr}.ba-images>div{position:relative;background:#eceff2}.ba-images img{width:100%;height:340px;object-fit:cover}.tag{position:absolute;left:14px;top:14px;background:rgba(9,14,21,.84);color:#fff;border-radius:999px;padding:8px 12px;font-size:.72rem;font-weight:900;letter-spacing:.08em}
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.service-photo-card{position:relative;border-radius:28px;overflow:hidden;min-height:400px;box-shadow:var(--shadow);background:#d8dde1}.service-photo-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.service-photo-card:hover img{transform:scale(1.04)}.service-photo-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,24,32,.04),rgba(18,24,32,.15) 35%,rgba(18,24,32,.72) 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:28px;color:#fff}.service-kicker{display:inline-flex;align-items:center;gap:7px;font-size:.77rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#ffb0b3}.service-kicker:before{content:"";width:22px;height:2px;background:var(--red-soft)}.service-photo-overlay h3{font-size:1.7rem;line-height:1.05;margin:14px 0 10px;font-family:"Oswald",Inter,sans-serif;font-weight:800;letter-spacing:-.015em}.service-photo-overlay p{margin:0 0 14px;color:#eef2f5;line-height:1.65;max-width:90%}.service-photo-overlay a{font-weight:900;color:#fff}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.about-image img{border-radius:32px;box-shadow:var(--shadow-lg);width:100%;height:540px;object-fit:cover;object-position:center 44%;filter:saturate(.92) brightness(1.02)}.about-copy p{color:var(--muted);line-height:1.85;font-size:1.03rem}.checks{display:grid;gap:14px;margin-top:28px}.checks div{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 20px;box-shadow:0 6px 18px rgba(16,24,32,.04)}.checks strong,.checks span{display:block}.checks span{color:var(--muted);font-size:.88rem;margin-top:4px}
.reviews-summary{display:block;margin-bottom:38px}.rating-box{background:linear-gradient(135deg,#222d38,#11171d);color:#fff;border-radius:30px;padding:30px;border-left:6px solid var(--red);box-shadow:var(--shadow-lg)}.stars,.review-stars{color:#f5c242;letter-spacing:.12em;font-size:1.45rem}.rating-box strong,.rating-box span{display:block}.rating-box strong{font-size:1.3rem;margin:10px 0 7px}.rating-box span{color:#c8d0d7}.reviews-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.review-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:28px;box-shadow:var(--shadow)}.review-card blockquote{margin:15px 0 24px;line-height:1.74;color:#333a43;font-size:1.02rem}.review-card strong,.review-card span{display:block}.review-card span{color:var(--muted);font-size:.84rem;margin-top:4px}
.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px}.contact-copy p{color:var(--muted);line-height:1.78}.contact-list{display:grid;gap:13px;margin-top:25px}.contact-list a{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 8px 22px rgba(16,24,32,.04)}.contact-form{background:#fff;border:1px solid var(--line);border-radius:28px;padding:32px;box-shadow:var(--shadow)}label{display:block;font-size:.82rem;font-weight:850;margin-bottom:16px}input,textarea{width:100%;padding:14px;margin-top:7px;border:1px solid #cad2da;border-radius:12px;font:inherit;background:#fbfcfd}textarea{min-height:130px;resize:vertical}
.footer{background:#121820;color:#d1d6db;padding:58px 0 28px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:42px}.footer img{width:180px;filter:drop-shadow(0 8px 20px rgba(0,0,0,.3))}.footer strong{color:#fff}.footer a:hover{color:#fff}.copyright{border-top:1px solid #26303b;margin-top:30px;padding-top:22px;font-size:.84rem}
.page-hero{background:linear-gradient(180deg,#fff 0%,#f5f3ef 100%);color:var(--ink);padding:92px 0 72px;border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(3rem,6vw,5.8rem)}.page-hero p{max-width:760px;color:var(--muted);line-height:1.8;font-size:1.05rem}.back{display:inline-block;color:var(--red);font-weight:900;margin-bottom:22px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.gallery a{display:block;border-radius:18px;overflow:hidden;background:#e9edf1;box-shadow:0 10px 30px rgba(16,24,32,.06)}.gallery img{width:100%;height:310px;object-fit:cover;transition:.25s}.gallery a:hover img{transform:scale(1.025)}
.service-hero{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center}.service-hero img{width:100%;height:500px;object-fit:cover;border-radius:30px;box-shadow:var(--shadow-lg)}.service-copy p{color:var(--muted);line-height:1.8}.service-points{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:24px}.service-points div{background:var(--light);border:1px solid var(--line);border-radius:16px;padding:16px;font-weight:800}
.photo-stage{margin-bottom:48px}.stage-heading{display:flex;align-items:center;gap:14px;margin-bottom:16px}.stage-heading:after{content:"";height:1px;background:var(--line);flex:1}.stage-heading span{font-size:.78rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--red)}.mobile-call{display:none}
@media(max-width:1100px){.projects-showcase{grid-template-columns:1fr}.projects-showcase-side{grid-template-columns:repeat(2,1fr)}.services-grid{grid-template-columns:repeat(2,1fr)}.trust-grid{grid-template-columns:repeat(2,1fr)}.trust-item:nth-child(2){border-right:0}.trust-item:nth-child(-n+2){border-bottom:1px solid var(--line)}.about-grid,.contact-grid,.service-hero,.reviews-summary{grid-template-columns:1fr}}
@media(max-width:850px){.topbar-right{display:none}.header-inner{height:74px}.brand img{width:138px;height:50px}.menu{display:block}.nav{display:none;position:absolute;top:74px;left:0;right:0;background:#fff;padding:20px;flex-direction:column;align-items:stretch;border-top:1px solid var(--line);box-shadow:0 18px 30px rgba(0,0,0,.1)}.nav.open{display:flex}.hero{min-height:700px}.hero-bg{object-position:58% 28%}.hero-content{padding:90px 0 86px;max-width:560px}.hero h1{font-size:clamp(3.3rem,12vw,5.4rem)}.section{padding:88px 0}.section-head{display:block}.section-head>p{margin-top:18px}.featured-grid,.reviews-grid{grid-template-columns:1fr}.services-grid,.projects-grid,.gallery,.footer-grid{grid-template-columns:1fr}.ba-images img{height:280px}.about-image img{height:400px}.service-points{grid-template-columns:1fr}.projects-showcase-side{grid-template-columns:1fr}}
@media(max-width:560px){.wrap{width:min(var(--wrap),calc(100% - 28px))}.topbar-inner{justify-content:center}.trust-grid,.featured-grid,.footer-grid{grid-template-columns:1fr}.trust-item{border-right:0;border-bottom:1px solid var(--line)}.hero{min-height:640px}.hero h1{font-size:3.2rem}.hero-copy{font-size:1rem}.actions{align-items:flex-start}.btn{width:auto}.ba-images{grid-template-columns:1fr 1fr}.ba-images img{height:210px}.gallery img{height:auto;aspect-ratio:4/3}.about-image img{height:320px}.service-photo-card{min-height:340px}}
@media(max-width:850px){body{padding-bottom:0}.mobile-call{display:none!important}}

/* V13 homepage refinement */
.home-hero{min-height:720px}.home-hero .hero-bg{object-position:center 44%;filter:saturate(.96) brightness(1.02)}.home-hero .hero-overlay{background:linear-gradient(90deg,rgba(17,24,31,.78) 0%,rgba(17,24,31,.56) 39%,rgba(17,24,31,.14) 72%,rgba(17,24,31,.03) 100%)}
.section:not(.home-hero) h2{font-size:clamp(2.35rem,4.1vw,4.15rem);line-height:.97}
.services-grid-four{grid-template-columns:repeat(2,1fr)}.services-grid-four .service-photo-card{min-height:470px}
.wow-section{position:relative;min-height:620px;display:flex;align-items:center;overflow:hidden;color:#fff}.wow-section>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 42%}.wow-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,24,31,.78),rgba(17,24,31,.42) 52%,rgba(17,24,31,.08))}.wow-content{position:relative;z-index:2;max-width:650px}.wow-content h2{font-family:"Oswald",Inter,sans-serif;font-size:clamp(3rem,5vw,5.2rem);line-height:.92;letter-spacing:-.025em;margin:0}.wow-content p{font-size:1.08rem;line-height:1.75;color:#edf1f4;max-width:600px;margin:22px 0 0}.reviews-section{background:#f6f4ef}
@media(max-width:900px){.services-grid-four{grid-template-columns:1fr}.services-grid-four .service-photo-card{min-height:390px}.wow-section{min-height:520px}.home-hero{min-height:650px}.home-hero .hero-bg{object-position:58% center}}

/* V14 UEP industrial brand system */
:root{--uep-blue:#13a7e8;--uep-blue-dark:#0879b4;--uep-red:#df111c;--uep-steel:#9aa5af;--hex-line:rgba(255,255,255,.055)}
body{background:#f6f7f8}
.header{border-bottom:3px solid transparent;border-image:linear-gradient(90deg,var(--uep-red),var(--uep-blue)) 1}
.brand img{width:168px;height:58px}
.nav{font-family:"Oswald",Inter,sans-serif;text-transform:uppercase;letter-spacing:.035em;font-weight:600}
.hero h1,.section h2,.page-hero h1,.wow-content h2{font-family:"Oswald",Inter,sans-serif;text-transform:uppercase;letter-spacing:-.02em}
.brand-hero{min-height:760px;background:#070a0f}
.brand-hero .hero-bg{object-position:center center;filter:saturate(1.05) contrast(1.04) brightness(.92)}
.brand-hero .hero-overlay{background:linear-gradient(90deg,rgba(4,7,12,.06) 0%,rgba(4,7,12,.12) 42%,rgba(4,7,12,.72) 65%,rgba(4,7,12,.92) 100%)}
.brand-hero:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.08;background-image:linear-gradient(30deg,rgba(255,255,255,.06) 12%,transparent 12.5%,transparent 87%,rgba(255,255,255,.06) 87.5%,rgba(255,255,255,.06)),linear-gradient(150deg,rgba(255,255,255,.06) 12%,transparent 12.5%,transparent 87%,rgba(255,255,255,.06) 87.5%,rgba(255,255,255,.06)),linear-gradient(30deg,rgba(255,255,255,.06) 12%,transparent 12.5%,transparent 87%,rgba(255,255,255,.06) 87.5%,rgba(255,255,255,.06)),linear-gradient(150deg,rgba(255,255,255,.06) 12%,transparent 12.5%,transparent 87%,rgba(255,255,255,.06) 87.5%,rgba(255,255,255,.06));background-size:18px 31px;background-position:0 0,0 0,9px 15.5px,9px 15.5px}
.hero-content-right{margin-left:auto;margin-right:max(24px,calc((100vw - var(--wrap))/2));width:min(570px,calc(100% - 48px));padding:92px 0;position:relative;z-index:3;text-align:left}
.hero-content-right:before{content:"";position:absolute;inset:45px -44px 45px -48px;z-index:-1;background:linear-gradient(135deg,rgba(16,21,29,.91),rgba(7,11,17,.95));border:1px solid rgba(255,255,255,.10);border-left:5px solid var(--uep-red);clip-path:polygon(6% 0,100% 0,100% 100%,0 100%,0 8%);box-shadow:0 30px 70px rgba(0,0,0,.42)}
.hero-content-right:after{content:"";position:absolute;right:-44px;top:45px;width:7px;height:46%;background:var(--uep-blue)}
.hero-content-right h1{font-size:clamp(3.6rem,5.4vw,6.15rem);line-height:.94;max-width:560px;text-shadow:none}
.hero-content-right .hero-copy{max-width:535px;text-shadow:none}
.hero-brand-badge{display:flex;align-items:center;gap:14px;margin-bottom:24px}.hero-brand-badge img{width:112px;height:66px;object-fit:contain;background:rgba(0,0,0,.38);border-radius:8px}.hero-brand-badge span{font-family:"Oswald",Inter,sans-serif;text-transform:uppercase;letter-spacing:.08em;color:#d8e0e7;font-size:.78rem}
.btn{border-radius:6px;text-transform:uppercase;font-family:"Oswald",Inter,sans-serif;letter-spacing:.045em}
.btn-red{background:linear-gradient(90deg,var(--uep-red),#b80e18);box-shadow:0 13px 28px rgba(223,17,28,.28)}
.eyebrow{color:var(--uep-red);font-family:"Oswald",Inter,sans-serif}
.text-link{color:var(--uep-red);font-family:"Oswald",Inter,sans-serif;text-transform:uppercase;letter-spacing:.035em}
.trust-strip{position:relative;overflow:hidden}.trust-strip:before{display:none}
.trust-grid{position:relative}.trust-item strong{font-family:"Oswald",Inter,sans-serif;text-transform:uppercase;letter-spacing:.02em}
.hex-accent-section{position:relative;overflow:hidden}.hex-accent-section:before{display:none}
.hex-accent-section>.wrap{position:relative}
.section-logo-mark{width:120px;height:66px;object-fit:contain;margin-bottom:16px;background:#0d1218;border-radius:8px;padding:6px;box-shadow:0 10px 28px rgba(12,18,24,.18)}
.service-photo-card,.project-card,.before-after,.review-card,.contact-form,.checks div{border-radius:10px}
.service-photo-card{border-bottom:4px solid var(--uep-blue)}
.service-photo-card:nth-child(odd){border-bottom-color:var(--uep-red)}
.service-photo-overlay h3{font-family:"Oswald",Inter,sans-serif;text-transform:uppercase}
.tag{border-radius:4px;font-family:"Oswald",Inter,sans-serif}
.rating-box{border-radius:10px;border-left-color:var(--uep-blue);background:linear-gradient(135deg,#121821,#05080c)}
.about-image img{border-radius:10px}
.page-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#111820,#202d39);color:#fff}.page-hero:after{display:none}.page-hero .wrap{position:relative;z-index:2}.page-hero p{color:#d1d9e0}.back{color:#6fcdf5}
.brand-band{position:relative;background:#070b10;color:#fff;overflow:hidden;border-top:4px solid var(--uep-red);border-bottom:4px solid var(--uep-blue)}.brand-band:before{content:"";position:absolute;inset:0;opacity:.07;background-image:linear-gradient(30deg,rgba(255,255,255,.06) 12%,transparent 12.5%,transparent 87%,rgba(255,255,255,.06) 87.5%,rgba(255,255,255,.06)),linear-gradient(150deg,rgba(255,255,255,.06) 12%,transparent 12.5%,transparent 87%,rgba(255,255,255,.06) 87.5%,rgba(255,255,255,.06)),linear-gradient(30deg,rgba(255,255,255,.06) 12%,transparent 12.5%,transparent 87%,rgba(255,255,255,.06) 87.5%,rgba(255,255,255,.06)),linear-gradient(150deg,rgba(255,255,255,.06) 12%,transparent 12.5%,transparent 87%,rgba(255,255,255,.06) 87.5%,rgba(255,255,255,.06));background-size:18px 31px;background-position:0 0,0 0,9px 15.5px,9px 15.5px}.brand-band-inner{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;padding:30px 0}.brand-band img{width:150px;height:82px;object-fit:contain}.brand-band strong,.brand-band span{display:block}.brand-band strong{font-family:"Oswald",Inter,sans-serif;font-size:1.55rem;text-transform:uppercase}.brand-band span{color:#bfc8d1;margin-top:5px}
.footer{position:relative;overflow:hidden;background:#10161d}.footer:before{content:"";position:absolute;inset:0;opacity:.05;pointer-events:none;background-image:linear-gradient(30deg,rgba(255,255,255,.06) 12%,transparent 12.5%,transparent 87%,rgba(255,255,255,.06) 87.5%,rgba(255,255,255,.06)),linear-gradient(150deg,rgba(255,255,255,.06) 12%,transparent 12.5%,transparent 87%,rgba(255,255,255,.06) 87.5%,rgba(255,255,255,.06)),linear-gradient(30deg,rgba(255,255,255,.06) 12%,transparent 12.5%,transparent 87%,rgba(255,255,255,.06) 87.5%,rgba(255,255,255,.06)),linear-gradient(150deg,rgba(255,255,255,.06) 12%,transparent 12.5%,transparent 87%,rgba(255,255,255,.06) 87.5%,rgba(255,255,255,.06));background-size:18px 31px;background-position:0 0,0 0,9px 15.5px,9px 15.5px}.footer .wrap{position:relative;z-index:1}.footer img{background:#06090d;border-radius:8px;padding:5px}
@media(max-width:900px){.brand-hero .hero-overlay{background:linear-gradient(90deg,rgba(4,7,12,.24),rgba(4,7,12,.68) 48%,rgba(4,7,12,.92))}.hero-content-right{margin:0 auto;width:min(600px,calc(100% - 36px));padding:86px 0}.hero-content-right:before{inset:45px -18px}.hero-content-right:after{right:-18px}.brand-band-inner{grid-template-columns:1fr;text-align:center}.brand-band img{margin:auto}.brand-band .btn{justify-self:center}}
@media(max-width:560px){.brand-hero{min-height:700px}.brand-hero .hero-bg{object-position:42% center}.brand-hero .hero-overlay{background:linear-gradient(180deg,rgba(4,7,12,.10),rgba(4,7,12,.64) 40%,rgba(4,7,12,.95) 72%)}.hero-content-right{align-self:flex-end;padding:240px 0 64px}.hero-content-right:before{inset:205px -10px 24px;clip-path:polygon(5% 0,100% 0,100% 100%,0 100%,0 7%)}.hero-content-right:after{display:none}.hero-content-right h1{font-size:3.25rem}.hero-brand-badge img{width:96px;height:56px}.section-logo-mark{width:105px}}


/* V18 hero and header cleanup */
.header{background:rgba(10,14,19,.97);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 8px 28px rgba(0,0,0,.24)}
.header-inner{height:82px}
.brand{display:flex;align-items:center}
.brand img{width:194px;height:66px;object-fit:contain;background:transparent;padding:0;filter:none}
.nav{color:#eef2f5}
.nav>a:after{background:linear-gradient(90deg,var(--uep-red),var(--uep-blue))}
.menu{background:#111820;border-color:#33404c;color:#fff}
.home-hero{min-height:760px}
.brand-hero .hero-bg{object-position:center 48%;filter:saturate(1.02) contrast(1.03) brightness(.96)}
.brand-hero .hero-overlay{background:linear-gradient(90deg,rgba(5,8,12,.72) 0%,rgba(5,8,12,.42) 36%,rgba(5,8,12,.10) 66%,rgba(5,8,12,.02) 100%),linear-gradient(0deg,rgba(5,8,12,.34),transparent 48%)}
.hero-content-right{margin:0;width:min(680px,calc(100% - 48px));padding:120px 0 108px;text-align:left}
.hero-content-right:before,.hero-content-right:after{display:none}
.hero-content-right h1{font-size:clamp(3.7rem,6.4vw,6.5rem);line-height:.92;max-width:680px;text-shadow:0 4px 28px rgba(0,0,0,.5)}
.hero-content-right .hero-copy{max-width:620px;font-size:clamp(1.02rem,1.5vw,1.18rem);line-height:1.72;text-shadow:0 2px 16px rgba(0,0,0,.48)}
.hero-content-right .actions{margin-top:28px;display:flex;align-items:center;gap:18px}
.hero-call-link{color:#fff;font-family:"Oswald",Inter,sans-serif;text-transform:uppercase;letter-spacing:.055em;font-weight:700;border-bottom:2px solid rgba(255,255,255,.55);padding:10px 0}
.hero-call-link:hover{border-bottom-color:var(--uep-blue)}
.hero-brand-badge{display:none}
@media(max-width:900px){
  .header{background:#0a0e13}
  .nav{background:#0a0e13;color:#fff;border-top-color:#24303b}
  .hero-content-right{margin:0;width:min(680px,calc(100% - 36px));padding:96px 0 88px}
  .brand-hero .hero-overlay{background:linear-gradient(90deg,rgba(5,8,12,.70),rgba(5,8,12,.34) 62%,rgba(5,8,12,.10))}
}
@media(max-width:560px){
  .header-inner{height:74px}
  .brand img{width:160px;height:56px}
  .brand-hero{min-height:680px}
  .brand-hero .hero-bg{object-position:54% center}
  .brand-hero .hero-overlay{background:linear-gradient(180deg,rgba(5,8,12,.12),rgba(5,8,12,.56) 44%,rgba(5,8,12,.90) 100%)}
  .hero-content-right{align-self:flex-end;padding:285px 0 58px}
  .hero-content-right h1{font-size:3.25rem}
  .hero-content-right .actions{align-items:flex-start;gap:14px}
}

/* V19 layout refinements */
.projects-showcase{align-items:start}
.project-card-feature{align-self:start}
.projects-showcase-side{align-self:start}
#services .section-head>div{display:block}

/* V20 darker brand framing */
.topbar{
  background:#020304;
  color:#f2f4f6;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.topbar a{color:#fff}
.topbar-right{color:#d8dee4}

.header{
  background:#020304;
  border-bottom:1px solid rgba(255,255,255,.08);
  box-shadow:0 10px 28px rgba(0,0,0,.34);
}
.header-inner{
  height:88px;
}
.brand img{
  width:212px;
  height:76px;
  object-fit:contain;
}
.nav{
  color:#f2f5f7;
}
.nav>a:after{
  background:linear-gradient(90deg,var(--uep-red),var(--uep-blue));
}
.menu{
  background:#090c10;
  border-color:#2b3640;
  color:#fff;
}

.brand-band{
  background:#020304;
  border-top:2px solid var(--uep-red);
  border-bottom:2px solid var(--uep-blue);
}
.brand-band:before{
  opacity:.04;
}
.brand-band img{
  width:170px;
  height:92px;
  object-fit:contain;
}

.footer{
  background:#020304;
}
.footer:before{
  opacity:.03;
}
.footer img{
  width:200px;
  background:#020304;
  padding:0;
}
.footer-grid{
  align-items:start;
}

@media (max-width: 900px){
  .header{
    background:#020304;
  }
  .nav{
    background:#020304;
    color:#fff;
  }
}

@media (max-width: 560px){
  .header-inner{
    height:78px;
  }
  .brand img{
    width:178px;
    height:62px;
  }
  .brand-band img,
  .footer img{
    width:155px;
    height:auto;
  }
}

/* V21 footer simplification */
.footer{border-top:3px solid transparent;border-image:linear-gradient(90deg,var(--uep-red),var(--uep-blue)) 1}

/* V23 two-project finished work layout */
.finished-work-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:26px;
  align-items:start;
}
.finished-work-grid .project-card img{
  width:100%;
  aspect-ratio:16/10;
  object-fit:cover;
}
.finished-work-grid .project-card{
  height:100%;
}
@media(max-width:850px){
  .finished-work-grid{grid-template-columns:1fr}
}


/* V26 brighter image pop update for core service + finished work images */
.service-photo-card img,
.finished-work-grid .project-card img{
  filter: brightness(1.18) contrast(1.10) saturate(1.14);
  transition: transform .35s ease, filter .35s ease;
}
.service-photo-card:hover img,
.finished-work-grid .project-card:hover img{
  filter: brightness(1.22) contrast(1.12) saturate(1.18);
}
.service-photo-overlay{
  background: linear-gradient(180deg, rgba(18,24,32,.01), rgba(18,24,32,.08) 34%, rgba(18,24,32,.54) 100%);
}


/* V33 hero pinned top-left and bottom-right */
.hero-split .hero-overlay{
  background:
    linear-gradient(90deg,rgba(5,8,12,.72) 0%,rgba(5,8,12,.48) 28%,rgba(5,8,12,.18) 58%,rgba(5,8,12,.24) 100%),
    linear-gradient(180deg,rgba(5,8,12,.14) 0%,rgba(5,8,12,.18) 46%,rgba(5,8,12,.60) 100%);
}
.hero-split-layer{
  position:relative;
  z-index:2;
  width:100%;
  max-width:none;
  min-height:760px;
  padding:0 40px;
}
.hero-top-copy{
  position:absolute;
  top:40px;
  left:40px;
  z-index:3;
  width:min(480px,calc(100% - 80px));
  text-align:left;
  color:#fff;
}
.hero-top-copy .eyebrow{
  margin:0 0 12px;
  color:#fff;
  text-shadow:0 3px 18px rgba(0,0,0,.5);
}
.hero-top-copy h1{
  margin:0;
  color:#fff;
  font-size:clamp(4.35rem,6.65vw,6.95rem);
  line-height:.90;
  max-width:480px;
  text-shadow:0 4px 28px rgba(0,0,0,.62);
}
.hero-bottom-copy{
  position:absolute;
  left:50%;
  bottom:34px;
  transform:translateX(-50%);
  z-index:3;
  width:min(760px,calc(100% - 80px));
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}
.hero-bottom-copy .hero-copy{
  width:100%;
  max-width:680px;
  margin:0 auto;
  text-align:center;
  font-size:clamp(1.02rem,1.45vw,1.16rem);
  line-height:1.72;
  color:#f2f5f8;
  text-shadow:0 3px 18px rgba(0,0,0,.55);
}
.hero-bottom-copy .actions{
  width:100%;
  margin-top:24px;
  justify-content:center;
  align-items:center;
}
.hero-bottom-copy .btn-red{
  box-shadow:0 16px 34px rgba(201,31,40,.32);
}
.hero-split .hero-call-link{
  color:#fff;
  font-family:"Oswald",Inter,sans-serif;
  text-transform:uppercase;
  letter-spacing:.055em;
  font-weight:700;
  border-bottom:2px solid rgba(255,255,255,.55);
  padding:10px 0;
  text-shadow:0 3px 14px rgba(0,0,0,.45);
}
@media (max-width: 900px){
  .hero-split-layer{
    min-height:690px;
    padding:0 30px;
  }
  .hero-top-copy{
    top:36px;
    left:30px;
    width:min(440px,calc(100% - 60px));
  }
  .hero-top-copy h1{
    font-size:clamp(3.7rem,8.5vw,5.7rem);
    max-width:440px;
  }
  .hero-bottom-copy{
    left:50%;
    right:auto;
    bottom:30px;
    width:min(680px,calc(100% - 60px));
  }
}
@media (max-width: 640px){
  .hero-split .hero-bg{
    object-position:56% center;
  }
  .hero-split .hero-overlay{
    background:linear-gradient(180deg,rgba(5,8,12,.24),rgba(5,8,12,.40) 34%,rgba(5,8,12,.70) 72%,rgba(5,8,12,.94) 100%);
  }
  .hero-split-layer{
    min-height:670px;
    padding:0 20px;
  }
  .hero-top-copy{
    top:30px;
    left:20px;
    width:min(320px,calc(100% - 40px));
  }
  .hero-top-copy h1{
    font-size:3.25rem;
    max-width:320px;
  }
  .hero-bottom-copy{
    left:50%;
    right:auto;
    bottom:22px;
    width:min(360px,calc(100% - 40px));
  }
  .hero-bottom-copy .actions{
    gap:12px;
    flex-direction:column;
    align-items:center;
  }
}



/* V35 cleanup and Facebook button */
.section-head-clean{
  grid-template-columns:1fr;
  margin-bottom:32px;
}
.facebook-actions{
  margin-top:34px;
  justify-content:center;
}
.btn-facebook{
  background:#1877f2;
  color:#fff;
  border-color:#1877f2;
  box-shadow:0 14px 30px rgba(24,119,242,.25);
}
.btn-facebook:hover{
  background:#0f68dd;
  border-color:#0f68dd;
}

/* V36 white navigation and enhanced footer */
:root{--wrap:1320px}
.header{
  position:sticky;
  top:0;
  z-index:60;
  background:#fff !important;
  color:#111820;
  border-bottom:1px solid #dfe3e7;
  box-shadow:0 8px 24px rgba(18,24,32,.08);
  backdrop-filter:none;
}
.header-inner{
  min-height:98px;
  height:auto;
  padding:10px 24px;
  gap:28px;
}
.brand{flex:0 0 auto}
.brand img{
  width:205px !important;
  height:78px !important;
  object-fit:contain;
  background:#fff !important;
  border-radius:0 !important;
  padding:0 !important;
}
.nav{
  margin-left:auto;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:clamp(16px,2vw,30px);
  color:#17202a !important;
  font-family:"Oswald",Inter,sans-serif;
  font-size:.88rem;
  font-weight:700;
  letter-spacing:.02em;
  text-transform:uppercase;
  white-space:nowrap;
}
.nav>a{color:#17202a !important}
.nav>a:after{background:var(--uep-red)}
.menu{
  background:#fff !important;
  color:#17202a !important;
  border-color:#cbd2d9 !important;
}

.enhanced-footer{
  padding:0;
  border-top:3px solid var(--uep-red);
  background:radial-gradient(circle at top,#1c242d 0%,#0b1016 58%,#05080c 100%) !important;
  color:#d9e0e6;
  text-align:center;
}
.enhanced-footer:before{opacity:.025}
.footer-main{padding:54px 24px 26px}
.footer-brand{display:inline-block}
.enhanced-footer .footer-brand img{
  width:min(330px,76vw) !important;
  height:auto;
  margin:0 auto 18px;
  background:#fff !important;
  border-radius:14px !important;
  padding:8px !important;
  box-shadow:0 18px 46px rgba(0,0,0,.28);
}
.enhanced-footer h2{
  margin:0;
  color:#fff;
  font-family:"Oswald",Inter,sans-serif;
  font-size:clamp(1.8rem,3vw,2.55rem);
  text-transform:uppercase;
  letter-spacing:.015em;
}
.footer-summary{
  max-width:680px;
  margin:12px auto 22px;
  color:#c4ccd4;
  line-height:1.65;
}
.footer-call{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:14px 25px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--uep-red),#ef3440);
  color:#fff !important;
  font-weight:850;
  box-shadow:0 14px 32px rgba(201,31,40,.28);
}
.footer-details{
  width:min(940px,100%);
  margin:38px auto 0;
  padding:28px 0;
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:28px;
  border-top:1px solid rgba(255,255,255,.13);
  border-bottom:1px solid rgba(255,255,255,.13);
  text-align:left;
}
.footer-detail{display:flex;flex-direction:column;gap:7px;min-width:0}
.footer-detail strong{color:#fff;font-family:"Oswald",Inter,sans-serif;text-transform:uppercase;letter-spacing:.04em}
.footer-detail a,.footer-detail span{color:#cbd3da;line-height:1.55;overflow-wrap:anywhere}
.footer-social{
  display:inline-flex;
  align-self:flex-start;
  width:auto;
  padding:9px 17px;
  border:1px solid rgba(255,255,255,.36);
  border-radius:999px;
  color:#fff !important;
}
.back-to-top{
  display:inline-block;
  margin-top:25px;
  color:#ff4c56 !important;
  font-weight:800;
}
.footer-copyright{margin-top:18px;color:#9da8b2;font-size:.82rem}

@media(max-width:1080px){
  .header-inner{padding-left:20px;padding-right:20px}
  .brand img{width:180px !important;height:70px !important}
  .nav{gap:16px;font-size:.80rem}
}
@media(max-width:900px){
  .header{background:#fff !important}
  .header-inner{min-height:82px;padding:8px 18px}
  .brand img{width:170px !important;height:64px !important}
  .nav{
    background:#fff !important;
    color:#17202a !important;
    border-top:1px solid #dfe3e7 !important;
    box-shadow:0 18px 28px rgba(18,24,32,.10);
    padding-left:24px;
    padding-right:24px;
  }
  .nav>a{color:#17202a !important}
  .footer-details{grid-template-columns:1fr;text-align:center;gap:24px}
  .footer-social{align-self:center}
}
@media(max-width:560px){
  .header-inner{min-height:76px;padding:7px 16px}
  .brand img{width:148px !important;height:58px !important}
  .footer-main{padding-left:18px;padding-right:18px}
  .enhanced-footer .footer-brand img{width:min(285px,82vw) !important}
}

/* Mobile navigation fix: keep links hidden until Menu is tapped */
@media (max-width: 900px){
  .header-inner{
    position:relative;
    justify-content:space-between;
  }
  .menu{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    margin-left:auto;
    min-width:88px;
    min-height:46px;
    cursor:pointer;
  }
  .nav{
    display:none !important;
    position:absolute;
    top:100%;
    left:0;
    right:0;
    margin:0;
    padding:18px 22px 22px;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    background:#fff !important;
    border-top:1px solid #dfe3e7 !important;
    box-shadow:0 18px 28px rgba(18,24,32,.12);
    z-index:70;
  }
  .nav.open{
    display:flex !important;
  }
  .nav a{
    display:block;
    padding:14px 6px;
    text-align:center;
    border-bottom:1px solid #edf0f2;
  }
  .nav a:last-child{
    border-bottom:0;
  }
  .nav a:after{
    display:none;
  }
}

/* V38 client-requested trust, color and service updates */
.topbar-inner{gap:18px}
.topbar-rating{display:inline-flex;align-items:center;gap:8px;padding-left:18px;border-left:1px solid rgba(255,255,255,.28);font-size:.78rem;font-weight:800;letter-spacing:.01em;white-space:nowrap}
.topbar-rating .mini-stars{color:#ffd24a;letter-spacing:.08em;font-size:.92rem}
.insured-badge{display:inline-flex;align-items:center;gap:9px;background:linear-gradient(100deg,var(--uep-blue),#063a70);color:#fff;border-left:4px solid var(--uep-red);padding:11px 16px;border-radius:7px;font-family:"Oswald",Inter,sans-serif;text-transform:uppercase;letter-spacing:.05em;font-weight:700;box-shadow:0 10px 22px rgba(0,44,91,.18)}
.services-more{position:relative;max-width:760px;margin:34px auto 0;padding:24px 28px 20px;text-align:center;border-radius:24px;border:1px solid rgba(44,128,211,.22);background:linear-gradient(135deg,rgba(16,20,27,.02) 0%,rgba(44,128,211,.10) 45%,rgba(201,31,40,.08) 100%);box-shadow:0 14px 32px rgba(9,14,20,.08)}.services-more:before,.services-more:after{content:"";position:absolute;top:50%;width:52px;height:2px;background:linear-gradient(90deg,var(--red),var(--uep-blue));transform:translateY(-50%)}.services-more:before{left:24px}.services-more:after{right:24px}.services-more span{display:block;font-family:"Oswald",Inter,sans-serif;text-transform:uppercase;letter-spacing:.11em;font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.05;color:var(--uep-blue);font-weight:800}.services-more small{display:block;margin-top:10px;font-size:.98rem;line-height:1.65;color:var(--text)}
.contact-insured{margin:22px 0 4px}
.footer-insured{display:inline-flex;align-items:center;gap:8px;color:#fff!important;font-weight:800;text-transform:uppercase;letter-spacing:.04em;margin-top:8px}
.footer-insured:before{content:"✓";display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:var(--uep-blue);border:2px solid var(--uep-red);font-size:.75rem}
.service-photo-card{border-bottom:4px solid var(--uep-blue)}
.service-photo-card:nth-child(even){border-bottom-color:var(--uep-red)}
.project-card,.before-after{border-top:4px solid var(--uep-blue)}
.before-after:nth-child(even){border-top-color:var(--uep-red)}
.text-link{color:var(--uep-blue)}
.text-link:hover{color:var(--uep-red)}
.btn-red:hover{background:linear-gradient(90deg,#b80e18,var(--uep-blue));transform:translateY(-2px)}
@media(max-width:850px){.topbar-rating{border-left:0;padding-left:0}.topbar-inner{flex-wrap:wrap;justify-content:center;padding:8px 0}.topbar{min-height:58px}.topbar-right{display:none}}
@media(max-width:560px){.topbar-rating{width:100%;justify-content:center;font-size:.7rem}.insured-badge{font-size:.78rem}.services-more{padding:20px 18px 18px}.services-more:before,.services-more:after{display:none}.services-more span{font-size:1.35rem}.services-more small{font-size:.92rem}}

/* Swipeable website reviews */
.reviews-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 0 22px}.reviews-toolbar h3{font-family:"Oswald",Inter,sans-serif;font-size:1.8rem;text-transform:uppercase;margin:0 0 5px}.reviews-toolbar p{margin:0;color:var(--muted)}
.reviews-carousel{position:relative}.reviews-viewport{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;padding:6px 2px 22px}.reviews-viewport::-webkit-scrollbar{display:none}.reviews-track{display:flex;gap:22px}.reviews-track .review-card{flex:0 0 calc(50% - 11px);scroll-snap-align:start;min-height:285px;display:flex;flex-direction:column}.reviews-track .review-card blockquote{flex:1}.review-card-new{border-top:4px solid var(--uep-blue)}
.review-arrow{position:absolute;top:50%;z-index:2;width:48px;height:48px;border:0;border-radius:50%;background:#fff;color:#141b23;box-shadow:0 10px 26px rgba(9,14,20,.18);font-size:2rem;line-height:1;cursor:pointer;transform:translateY(-60%);transition:transform .2s ease,opacity .2s ease}.review-arrow:hover{transform:translateY(-60%) scale(1.06)}.review-arrow:disabled{opacity:.28;cursor:default}.review-arrow-prev{left:-24px}.review-arrow-next{right:-24px}
.review-dots{display:flex;justify-content:center;gap:8px;margin:0 0 18px}.review-dot{width:9px;height:9px;border:0;border-radius:99px;background:#b9c0c7;padding:0;cursor:pointer;transition:width .2s ease,background .2s ease}.review-dot.active{width:28px;background:var(--uep-blue)}
.review-modal{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;padding:22px}.review-modal.open{display:flex}.review-modal-backdrop{position:absolute;inset:0;background:rgba(5,9,13,.72);backdrop-filter:blur(7px)}.review-modal-panel{position:relative;z-index:1;width:min(600px,100%);max-height:calc(100vh - 44px);overflow:auto;background:#fff;border-radius:24px;padding:36px;box-shadow:0 28px 80px rgba(0,0,0,.35)}.review-modal-panel h2{font-family:"Oswald",Inter,sans-serif;font-size:clamp(2.3rem,5vw,3.8rem);line-height:1;margin:0 0 14px;text-transform:uppercase}.review-modal-panel>p:not(.eyebrow){color:var(--muted);line-height:1.6}.review-modal-close{position:absolute;top:14px;right:16px;width:42px;height:42px;border:0;border-radius:50%;background:#eef1f4;font-size:1.7rem;cursor:pointer}.modal-open{overflow:hidden}
.review-form{display:grid;gap:18px;margin-top:24px}.review-form label,.review-form fieldset{display:grid;gap:8px;font-weight:800}.review-form fieldset{border:0;padding:0;margin:0}.review-form input,.review-form textarea{width:100%;border:1px solid #cbd1d7;border-radius:10px;padding:14px 15px;font:inherit;background:#fff}.review-form textarea{min-height:130px;resize:vertical}.review-form input:focus,.review-form textarea:focus{outline:3px solid rgba(44,128,211,.18);border-color:var(--uep-blue)}.star-rating{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:4px}.star-rating input{position:absolute;opacity:0;pointer-events:none}.star-rating label{display:block;color:#c8cdd2;font-size:2.2rem;line-height:1;cursor:pointer}.star-rating label:hover,.star-rating label:hover~label,.star-rating input:checked~label{color:#f5c242}.review-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.review-form-status{min-height:24px;margin:0;color:var(--uep-blue);font-weight:700}.review-form button:disabled{opacity:.6;cursor:wait}
@media(max-width:760px){.reviews-toolbar{align-items:stretch;flex-direction:column}.reviews-toolbar .btn{width:100%}.reviews-track .review-card{flex-basis:100%;min-height:300px}.review-arrow{display:none}.review-modal-panel{padding:30px 22px 24px}.review-dots{overflow:hidden;max-width:100%}}


/* V48 simplified service and finished-work cards */
.service-photo-card-clean{display:block}
.service-photo-card-clean .service-photo-overlay{padding:30px;background:linear-gradient(180deg,rgba(10,15,21,0) 42%,rgba(10,15,21,.78) 100%)}
.service-photo-card-clean .service-photo-overlay h3{margin:0;font-size:clamp(1.9rem,3vw,2.65rem);line-height:1;text-shadow:0 3px 18px rgba(0,0,0,.48)}
.service-photo-card-clean:focus-visible,.project-card-clean:focus-visible{outline:4px solid rgba(19,167,232,.55);outline-offset:4px}
.services-more-clean{padding:22px 28px}
.services-more-clean small{display:none}
.project-card-clean{display:block;color:var(--ink)}
.project-card-clean .card-body{padding:23px 26px 25px}
.project-card-clean .card-body h3{margin:0;font-size:clamp(1.45rem,2.2vw,1.9rem);line-height:1.12}
@media(max-width:560px){.service-photo-card-clean .service-photo-overlay{padding:24px}.service-photo-card-clean .service-photo-overlay h3{font-size:1.8rem}.project-card-clean .card-body{padding:20px 21px 22px}}

/* Yard regrading desktop gallery: two even rows of three */
@media (min-width: 821px){.photo-stage-six{margin-top:28px}.gallery-six{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.gallery-six a{min-width:0}.gallery-six img{width:100%;height:260px;object-fit:cover;display:block}}
@media (max-width:820px){.gallery-six{display:grid;grid-template-columns:1fr;gap:16px}.gallery-six img{width:100%;height:auto}}


/* V51 project gallery desktop layouts */
@media (min-width:821px){
  .photo-stage-driveway,.photo-stage-gutter{margin-top:28px}
  .gallery-driveway{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
  .gallery-gutter{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
  .gallery-driveway a,.gallery-gutter a{min-width:0}
  .gallery-driveway img,.gallery-gutter img{width:100%;height:280px;object-fit:cover;display:block}
}
@media (max-width:820px){
  .gallery-driveway,.gallery-gutter{display:grid;grid-template-columns:1fr;gap:16px}
  .gallery-driveway img,.gallery-gutter img{width:100%;height:auto}
}

/* D&D Groundworks LLC — 2026 rebrand */
:root{
  --red:#1479ff;--red-dark:#075bc7;--red-soft:#66aaff;
  --uep-red:#1479ff;--uep-blue:#1479ff;
  --ink:#0c1117;--ink-soft:#18212b;--muted:#66717d;
  --warm:#f2f4f6;--light:#f7f8fa;--line:#dfe4e9;
  --dd-blue:#1479ff;--dd-blue-deep:#063d92;--dd-silver:#cbd2d9;--dd-black:#070a0e;
}
.topbar{background:#05080c;border-bottom:1px solid rgba(105,167,255,.28)}
.header{background:rgba(8,12,17,.97);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 12px 30px rgba(0,0,0,.18)}
.header-inner{height:92px}
.brand{display:flex;align-items:center;height:100%}
.brand img{width:185px!important;height:82px!important;object-fit:contain;object-position:center;mix-blend-mode:screen}
.nav{color:#edf3f8}.nav>a:after{background:linear-gradient(90deg,#0c67db,#4b9dff)}
.menu{background:#101721;border-color:#2c3a49;color:#fff}
.hero{background:#05080c}.hero-overlay{background:linear-gradient(90deg,rgba(3,7,12,.88) 0%,rgba(3,7,12,.66) 42%,rgba(3,7,12,.18) 74%),linear-gradient(180deg,rgba(0,0,0,.06),rgba(2,6,11,.52))}
.eyebrow,.hero .eyebrow{color:#66aaff}
.btn-red{background:linear-gradient(135deg,#075fcf,#1683ff);box-shadow:0 14px 34px rgba(20,121,255,.28)}
.btn-red:hover{background:linear-gradient(135deg,#1683ff,#075fcf)}
.text-link{color:#086adf}.text-link:hover{color:#1479ff}
.trust-strip{border-bottom-color:#dce2e8}.trust-item{border-right-color:#dce2e8}
.section.dark,.footer{background:linear-gradient(145deg,#0b1016,#05080c)}
.service-photo-card{border-bottom-color:#1479ff!important}.service-photo-card:nth-child(even){border-bottom-color:#8f9aa5!important}
.project-card,.before-after{border-top-color:#1479ff!important}.before-after:nth-child(even){border-top-color:#9ca6b0!important}
.services-more{border-color:rgba(20,121,255,.22);background:linear-gradient(135deg,rgba(8,13,20,.02),rgba(20,121,255,.10),rgba(126,137,148,.08))}
.services-more:before,.services-more:after{background:linear-gradient(90deg,#1479ff,#aab3bc)}.services-more span{color:#0a5fc5}
.rating-box{background:linear-gradient(135deg,#17212c,#080d13);border-left-color:#1479ff}
.insured-badge{background:linear-gradient(100deg,#075fcf,#092d59);border-left-color:#aeb7c0}
.review-dot.active{background:#1479ff}.review-card-new{border-top-color:#1479ff}.review-form-status{color:#086adf}
.contact-form:focus-within{box-shadow:0 22px 60px rgba(20,121,255,.10)}
.footer-call{background:linear-gradient(90deg,#075fcf,#1683ff);box-shadow:0 14px 32px rgba(20,121,255,.25)}
.back-to-top{color:#66aaff!important}.enhanced-footer .footer-brand img{mix-blend-mode:screen}
::selection{background:#1479ff;color:#fff}
@media(max-width:900px){
 .header{background:#080c11!important}.nav{background:#0c1219!important;color:#fff!important;border-top-color:#26313d!important}.nav>a{color:#fff!important}.nav a{border-bottom-color:#202a34}.menu{background:#101721;color:#fff;border-color:#314152}
 .brand img{width:160px!important;height:70px!important}
}
@media(max-width:560px){.header-inner{min-height:82px}.brand img{width:142px!important;height:66px!important}}

/* D&D white-background logo update */
.brand img{mix-blend-mode:normal!important;background:#fff!important;border-radius:4px}
.enhanced-footer .footer-brand img{mix-blend-mode:normal!important;background:#fff!important;border-radius:4px}

/* Premium commercial interaction pass */
:root{--premium-blue:#0b6fe8;--premium-ink:#0a0e13;--premium-silver:#aeb8c3}
html{scroll-behavior:smooth}
body{background:#fff;color:var(--premium-ink)}
.header{transition:background .3s ease,box-shadow .3s ease,border-color .3s ease}
.header.is-scrolled{background:rgba(6,10,15,.985);box-shadow:0 16px 44px rgba(0,0,0,.24);border-bottom-color:rgba(71,143,235,.28)}
.header-inner{transition:min-height .3s ease,height .3s ease}
.header.is-scrolled .header-inner{height:78px}
.header.is-scrolled .brand img{height:68px!important;width:158px!important}
.scroll-progress{position:fixed;left:0;top:0;height:3px;width:0;background:linear-gradient(90deg,#0b6fe8,#78b6ff);z-index:9999;pointer-events:none}
.home-hero{min-height:680px;overflow:hidden;isolation:isolate}
.home-hero .hero-bg{transform:scale(1.035);transition:transform .2s linear;will-change:transform}
.hero-split-layer{position:relative;z-index:2}
.hero-top-copy h1{font-size:clamp(3.3rem,7vw,6.9rem);line-height:.91;letter-spacing:-.055em;max-width:900px;text-wrap:balance}
.hero-copy{font-size:clamp(1.05rem,1.5vw,1.28rem);max-width:660px;line-height:1.65;color:rgba(255,255,255,.86)}
.hero-call-link{position:relative;text-decoration:none}.hero-call-link:after{content:"";position:absolute;left:0;bottom:-5px;width:100%;height:1px;background:#69aaff;transform:scaleX(.25);transform-origin:left;transition:transform .3s ease}.hero-call-link:hover:after{transform:scaleX(1)}
.btn{transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.btn:hover{transform:translateY(-2px)}
.trust-strip{background:#fff}.trust-item{position:relative;padding-top:30px;padding-bottom:30px}.trust-item strong{font-size:1rem;letter-spacing:.01em}.trust-item span{color:#69737e}.trust-item:before{content:"";position:absolute;left:0;top:0;width:34px;height:3px;background:#0b6fe8}
.section{padding-top:104px;padding-bottom:104px}.section.alt{background:#f3f5f7}
.section-head-clean{margin-bottom:44px}.section-head-clean h2{font-size:clamp(2.5rem,4.7vw,4.6rem);letter-spacing:-.045em;line-height:.98}
.section-head-clean .eyebrow{letter-spacing:.16em;font-size:.76rem;text-transform:uppercase;font-weight:800}
.services-grid-four{gap:18px}.service-photo-card-clean{min-height:430px;border:0!important;border-radius:2px;overflow:hidden;background:#080c11;box-shadow:none;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.service-photo-card-clean img{height:100%;transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .45s ease;filter:saturate(.88) contrast(1.04)}
.service-photo-card-clean:after{content:"View service  →";position:absolute;left:26px;bottom:24px;color:#fff;font-size:.82rem;font-weight:700;letter-spacing:.04em;opacity:0;transform:translateY(8px);transition:.35s ease;z-index:3}
.service-photo-card-clean .service-photo-overlay{padding:28px;background:linear-gradient(180deg,transparent 25%,rgba(2,6,10,.88) 100%)}
.service-photo-card-clean h3{font-size:1.55rem;max-width:220px;transition:transform .35s ease}
@media(hover:hover) and (pointer:fine){.service-photo-card-clean:hover{transform:translateY(-7px)}.service-photo-card-clean:hover img{transform:scale(1.065);filter:saturate(1) contrast(1.08)}.service-photo-card-clean:hover h3{transform:translateY(-22px)}.service-photo-card-clean:hover:after{opacity:1;transform:none}}
.finished-work-grid{gap:24px}.project-card-clean{border:0!important;border-radius:2px;overflow:hidden;background:#fff;box-shadow:0 18px 50px rgba(16,29,42,.07);transition:transform .4s ease,box-shadow .4s ease}.project-card-clean img{transition:transform .65s cubic-bezier(.2,.7,.2,1)}.project-card-clean .card-body{padding:25px 26px 29px}.project-card-clean h3{font-size:1.35rem}.project-card-clean:hover{transform:translateY(-6px);box-shadow:0 24px 60px rgba(16,29,42,.13)}.project-card-clean:hover img{transform:scale(1.035)}
.wow-section{min-height:650px;background:#05080c;overflow:hidden}.wow-section>img{transition:transform 1s cubic-bezier(.2,.7,.2,1);transform:scale(1.02)}.wow-section:hover>img{transform:scale(1.055)}.wow-overlay{background:linear-gradient(90deg,rgba(3,7,11,.92),rgba(3,7,11,.54) 52%,rgba(3,7,11,.14))}.wow-content{max-width:720px}.wow-content h2{font-size:clamp(3rem,5.5vw,5.7rem);line-height:.94;letter-spacing:-.05em}
.before-after{border:0!important;border-radius:2px;overflow:hidden;box-shadow:0 14px 42px rgba(15,28,41,.08);transition:transform .4s ease,box-shadow .4s ease}.before-after:hover{transform:translateY(-5px);box-shadow:0 22px 54px rgba(15,28,41,.14)}.ba-images img{transition:transform .6s ease}.before-after:hover .ba-images img{transform:scale(1.025)}
.reviews-section{background:#0a0f15!important;color:#fff}.reviews-section h2,.reviews-section h3{color:#fff}.reviews-section .reviews-toolbar p{color:#9eabb8}.review-card{background:#111820;border:1px solid rgba(255,255,255,.09)!important;color:#fff;box-shadow:none}.review-card blockquote{color:#e5e9ed}.review-card span{color:#9ba7b3}.review-arrow{transition:transform .2s ease,background .2s ease}.review-arrow:hover{transform:scale(1.06)}
.contact-form{border-radius:2px!important}.footer{border-top:1px solid rgba(255,255,255,.1)}
.reveal-premium{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}.reveal-premium.reveal-in{opacity:1;transform:none}.reveal-premium[data-delay="1"]{transition-delay:.08s}.reveal-premium[data-delay="2"]{transition-delay:.16s}.reveal-premium[data-delay="3"]{transition-delay:.24s}
.magnetic-card{transform-style:preserve-3d}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal-premium{opacity:1;transform:none;transition:none}.home-hero .hero-bg,.service-photo-card-clean,.service-photo-card-clean img,.project-card-clean,.project-card-clean img,.wow-section>img{transition:none!important;transform:none!important}}
@media(max-width:900px){.home-hero{min-height:610px}.hero-top-copy h1{font-size:clamp(3rem,13vw,5rem)}.section{padding-top:78px;padding-bottom:78px}.service-photo-card-clean{min-height:360px}.header.is-scrolled .header-inner{height:74px}}
@media(max-width:560px){.home-hero{min-height:570px}.hero-top-copy h1{font-size:3.35rem}.hero-copy{font-size:1rem}.section{padding-top:64px;padding-bottom:64px}.section-head-clean{margin-bottom:30px}.section-head-clean h2{font-size:2.65rem}.service-photo-card-clean{min-height:310px}.trust-item{padding-top:24px;padding-bottom:24px}.wow-section{min-height:560px}.wow-content h2{font-size:3.2rem}}

/* Interactive before/after comparisons */
.interactive-ba .ba-slider{position:relative;height:340px;overflow:hidden;background:#e9edf1;isolation:isolate;touch-action:pan-y}
.ba-slider>img,.ba-before-wrap img{display:block;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}
.ba-after{position:absolute;inset:0}
.ba-before-wrap{position:absolute;inset:0;width:100%;overflow:hidden;z-index:2;clip-path:inset(0 calc(100% - var(--position,50%)) 0 0);will-change:clip-path}
.ba-before{position:absolute;inset:0;width:100%;max-width:none}
.ba-range{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:6;margin:0}
.ba-divider{position:absolute;z-index:5;left:var(--position,50%);top:0;bottom:0;width:3px;background:#fff;transform:translateX(-50%);box-shadow:0 0 0 1px rgba(0,0,0,.12),0 0 16px rgba(0,0,0,.2);pointer-events:none}
.ba-divider span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#fff;color:#101820;font-weight:900;font-size:18px;box-shadow:0 5px 18px rgba(0,0,0,.22);border:3px solid #1479ff}
.ba-tag-before{left:14px;right:auto;z-index:4}.ba-tag-after{left:auto;right:14px;z-index:4}
.interactive-ba:hover .ba-slider img{transform:none!important}
@media(max-width:850px){.interactive-ba .ba-slider{height:300px}}
@media(max-width:560px){.interactive-ba .ba-slider{height:250px}.ba-divider span{width:42px;height:42px}.ba-tag-before,.ba-tag-after{top:12px;padding:7px 10px}}

/* Auto-sweeping before/after homepage hero */
.hero-ba{--hero-position:8%;background:#07101a}
.hero-ba-media{position:absolute;inset:0;overflow:hidden;z-index:0;isolation:isolate}
.hero-ba-after,.hero-ba-before{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}
/* The two source photos were taken from slightly different positions. These crops align the barn/tree line as closely as possible. */
.hero-ba-after{object-position:50% 50%}
.hero-ba-before{object-position:50% 50%}
.hero-ba-before-wrap{position:absolute;inset:0;z-index:2;clip-path:inset(0 calc(100% - var(--hero-position)) 0 0);will-change:clip-path}
.hero-ba-divider{position:absolute;z-index:3;left:var(--hero-position);top:0;bottom:0;width:2px;background:rgba(255,255,255,.94);transform:translateX(-50%);box-shadow:0 0 18px rgba(0,0,0,.35);will-change:left}
.hero-ba-divider span{position:absolute;left:50%;top:54%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.96);color:#0b1723;border:2px solid #1479ff;font-weight:900;box-shadow:0 8px 24px rgba(0,0,0,.28)}
.hero-ba-label{position:absolute;z-index:4;top:28px;padding:8px 12px;background:rgba(5,10,16,.68);border:1px solid rgba(255,255,255,.22);color:#fff;font:800 .7rem/1 Inter,sans-serif;letter-spacing:.12em;border-radius:999px;backdrop-filter:blur(6px);transition:opacity .35s ease}
.hero-ba-label-before{left:28px}.hero-ba-label-after{right:28px}
.hero-ba-range{position:absolute;inset:0;z-index:2;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}
.hero-ba .hero-overlay{z-index:3;pointer-events:none;background:linear-gradient(90deg,rgba(4,8,13,.72) 0%,rgba(4,8,13,.48) 40%,rgba(4,8,13,.13) 72%,rgba(4,8,13,.04) 100%),linear-gradient(0deg,rgba(3,7,12,.42),rgba(3,7,12,.02) 55%)}
.hero-ba .hero-split-layer{z-index:5;pointer-events:none}.hero-ba .hero-split-layer a{pointer-events:auto}
.hero-ba.user-controlled .hero-ba-divider span{border-color:#fff;background:#1479ff;color:#fff}
@media(max-width:900px){.hero-ba-after{object-position:48% 50%}.hero-ba-before{object-position:48% 50%}.hero-ba-label{top:18px}.hero-ba-label-before{left:16px}.hero-ba-label-after{right:16px}}
@media(max-width:560px){.hero-ba-after{object-position:50% 50%}.hero-ba-before{object-position:50% 50%}.hero-ba-divider span{width:40px;height:40px;top:48%}.hero-ba-label{font-size:.62rem;padding:7px 9px}}
@media(prefers-reduced-motion:reduce){.hero-ba{--hero-position:72%}}

/* Cohesive premium homepage rework */
.brand-ticker{position:relative;z-index:70;height:34px;overflow:hidden;background:#0b65d8;color:#fff;border-bottom:1px solid rgba(255,255,255,.16)}
.brand-ticker-track{height:34px;display:flex;align-items:center;justify-content:center;position:relative;font-size:.74rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase}
.brand-ticker-track span{position:absolute;white-space:nowrap;animation:tickerSwap 8s ease-in-out infinite}.brand-ticker-track span:nth-child(2){opacity:0;transform:translateY(16px);animation-delay:4s}
@keyframes tickerSwap{0%,42%{opacity:1;transform:translateY(0)}48%,92%{opacity:0;transform:translateY(-16px)}94%,100%{opacity:1;transform:translateY(0)}}
.company-intro{background:#f5f7f9;padding:104px 0}.company-intro-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:72px;align-items:center}
.company-intro-copy h2,.editorial-head h2,.why-heading h2{font-family:"Oswald",Inter,sans-serif;text-transform:uppercase;font-size:clamp(3rem,5vw,5.25rem);line-height:.94;letter-spacing:-.025em;margin:0;color:#0b1118}
.company-intro-copy .intro-lead{font-size:1.16rem;line-height:1.75;color:#26313c;margin:28px 0 14px;max-width:600px}.company-intro-copy>p:not(.eyebrow):not(.intro-lead){color:#68737d;line-height:1.8;max-width:590px}.intro-link{display:inline-flex;margin-top:20px;color:#0b65d8;font-weight:900}
.project-collage{display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:1fr 1fr;gap:12px;height:520px}.project-collage img{width:100%;height:100%;object-fit:cover;border-radius:18px;box-shadow:0 14px 35px rgba(8,15,23,.12)}.project-collage .collage-main{grid-row:1/3;border-radius:26px}
.services-editorial{background:#fff;padding:110px 0}.editorial-head{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:end;margin-bottom:52px}.editorial-head>p{color:#68737d;line-height:1.75;font-size:1.02rem;margin:0 0 4px}
.service-showcase{display:grid;grid-template-columns:1.05fr .95fr;min-height:610px;border-top:1px solid #dce2e7;border-bottom:1px solid #dce2e7}.service-feature{position:relative;overflow:hidden;min-height:610px;background:#111820}.service-feature img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.service-feature:hover img{transform:scale(1.035)}.service-feature:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(5,9,14,.82) 100%)}
.service-feature-copy{position:absolute;z-index:2;left:34px;right:34px;bottom:34px;color:#fff}.service-feature-copy span,.service-list>a>span,.service-more-row>span{font-family:"Oswald",sans-serif;color:#69aaff;font-weight:800;letter-spacing:.08em}.service-feature-copy h3{font-family:"Oswald",sans-serif;text-transform:uppercase;font-size:2.65rem;line-height:1;margin:9px 0 10px}.service-feature-copy p{margin:0;color:#e9eef3}
.service-list{display:flex;flex-direction:column}.service-list>a,.service-more-row{flex:1;display:grid;grid-template-columns:48px 1fr 30px;gap:18px;align-items:center;padding:24px 28px;border-bottom:1px solid #dce2e7;transition:.25s}.service-list>a:hover{background:#f2f6fa;padding-left:34px}.service-list h3{font-family:"Oswald",sans-serif;text-transform:uppercase;font-size:1.55rem;margin:0 0 5px;color:#111820}.service-list p{margin:0;color:#707a84;line-height:1.55;font-size:.92rem}.service-list b{font-size:1.25rem;color:#0b65d8}.service-more-row{grid-template-columns:48px 1fr;background:#0c1219;color:#fff}.service-more-row h3{color:#fff}.service-more-row p{color:#b8c2cb}
.why-dd{background:#0b1118;color:#fff;padding:105px 0}.why-heading{max-width:820px;margin-bottom:55px}.why-heading h2{color:#fff}.why-heading .eyebrow{color:#69aaff}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.15)}.why-grid article{padding:32px 28px 12px 0;border-right:1px solid rgba(255,255,255,.15);min-height:230px}.why-grid article+article{padding-left:28px}.why-grid article:last-child{border-right:0}.why-grid span{font-family:"Oswald",sans-serif;color:#69aaff;font-weight:800}.why-grid h3{font-family:"Oswald",sans-serif;text-transform:uppercase;font-size:1.65rem;margin:28px 0 12px}.why-grid p{color:#aeb9c3;line-height:1.7;margin:0;font-size:.94rem}
.transformations-premium{padding:110px 0;background:#f5f7f9}.transformations-premium .section-head{display:grid;grid-template-columns:1fr .65fr;gap:50px;align-items:end}.section-intro{color:#68737d;line-height:1.75;margin:0 0 4px;max-width:520px}.transformations-premium .featured-grid{margin-top:48px}.reviews-section{background:#fff!important}#contact{background:#f1f4f7!important}
@media(max-width:900px){.company-intro-grid,.editorial-head,.service-showcase,.transformations-premium .section-head{grid-template-columns:1fr}.company-intro-grid{gap:42px}.project-collage{height:430px}.editorial-head{gap:22px}.service-feature{min-height:500px}.service-showcase{min-height:0}.why-grid{grid-template-columns:1fr 1fr}.why-grid article:nth-child(2){border-right:0}.why-grid article{border-bottom:1px solid rgba(255,255,255,.15)}}
@media(max-width:560px){.brand-ticker{height:30px}.brand-ticker-track{height:30px;font-size:.61rem;letter-spacing:.045em}.brand-ticker-track span:nth-child(2){font-size:.56rem}.company-intro,.services-editorial,.why-dd,.transformations-premium{padding-top:72px;padding-bottom:72px}.company-intro-copy h2,.editorial-head h2,.why-heading h2{font-size:2.8rem}.project-collage{height:390px;grid-template-columns:1fr 1fr;grid-template-rows:1.2fr .8fr}.project-collage .collage-main{grid-column:1/3;grid-row:auto}.project-collage img{border-radius:14px}.project-collage .collage-main{border-radius:18px}.service-feature{min-height:420px}.service-feature-copy{left:22px;right:22px;bottom:24px}.service-feature-copy h3{font-size:2rem}.service-list>a,.service-more-row{grid-template-columns:34px 1fr 20px;padding:20px 16px;gap:10px}.service-list>a:hover{padding-left:16px}.service-list h3{font-size:1.3rem}.why-grid{grid-template-columns:1fr}.why-grid article,.why-grid article+article{padding:26px 0;border-right:0;min-height:0}.why-grid h3{margin-top:16px}.transformations-premium .featured-grid{margin-top:30px}}
@media(prefers-reduced-motion:reduce){.brand-ticker-track span{animation:none}.brand-ticker-track span:nth-child(2){display:none}}

/* Header revision — Emerald-inspired hierarchy, D&D styling */
.brand-ticker{height:34px;background:#0b65d8}
.brand-ticker-track{height:34px}
.brand-ticker-track .ticker-rating b{letter-spacing:.14em;color:#fff;margin-right:8px}
.emerald-inspired-header{position:sticky;top:0;background:#fff;border-bottom:0;box-shadow:0 6px 22px rgba(10,17,24,.08)}
.header-brand-row{height:112px;display:grid;grid-template-columns:260px 1fr 310px;align-items:center;gap:30px}
.emerald-inspired-header .brand{display:flex;align-items:center;height:92px}
.emerald-inspired-header .brand img{max-width:220px;max-height:86px;width:auto;height:auto;object-fit:contain}
.header-center-note{text-align:center;color:#7a848e;font-size:.72rem;font-weight:900;letter-spacing:.14em}
.header-contact-block{text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}
.header-phone{display:inline-flex;align-items:center;justify-content:center;background:#0b65d8;color:#fff!important;font-family:"Oswald",Inter,sans-serif;font-size:1.35rem;font-weight:800;letter-spacing:.035em;padding:13px 25px;border-radius:4px;min-width:220px;box-shadow:0 8px 18px rgba(11,101,216,.16)}
.header-phone:before{content:"☎";font-family:Arial,sans-serif;margin-right:10px;font-size:1.05rem}
.header-contact-block>span{font-size:.78rem;font-weight:850;color:#303943;letter-spacing:.025em}
.header-nav-bar{background:#0d141b}
.header-nav-bar .wrap{display:flex;justify-content:center}
.emerald-inspired-header .nav{height:48px;display:flex;align-items:center;justify-content:center;gap:42px}
.emerald-inspired-header .nav a{color:#fff;font-size:.83rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;position:relative}
.emerald-inspired-header .nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:#5fa5ff;transition:right .25s}
.emerald-inspired-header .nav a:hover:after{right:0}
.company-intro-simple{padding:92px 0;background:#fff}
.company-intro-grid-simple{display:grid;grid-template-columns:.92fr 1.08fr;gap:68px;align-items:center}
.company-intro-simple .company-intro-copy h2{font-size:clamp(2.75rem,4.5vw,4.6rem)}
.intro-single-photo{height:470px;overflow:hidden;border-radius:18px;box-shadow:0 18px 42px rgba(9,16,24,.12)}
.intro-single-photo img{width:100%;height:100%;object-fit:cover}
@media(max-width:900px){
 .header-brand-row{height:88px;grid-template-columns:1fr auto;gap:16px}
 .emerald-inspired-header .brand{height:72px}.emerald-inspired-header .brand img{max-height:68px;max-width:180px}
 .header-center-note,.header-contact-block{display:none}
 .emerald-inspired-header .nav-toggle{display:flex}
 .header-nav-bar{background:#fff}
 .header-nav-bar .wrap{display:block}
 .emerald-inspired-header .nav{display:none;height:auto;position:absolute;top:118px;left:0;right:0;background:#fff;padding:16px 22px 24px;box-shadow:0 15px 24px rgba(10,17,24,.12);align-items:stretch;gap:0}
 .emerald-inspired-header .nav.open{display:flex;flex-direction:column}
 .emerald-inspired-header .nav a{color:#111820;padding:14px 0;border-bottom:1px solid #e7ebee}
 .emerald-inspired-header .nav a:after{display:none}
 .company-intro-grid-simple{grid-template-columns:1fr;gap:36px}.intro-single-photo{height:390px}
}
@media(max-width:560px){
 .brand-ticker,.brand-ticker-track{height:30px}.brand-ticker-track{font-size:.65rem}
 .header-brand-row{height:78px}.emerald-inspired-header .brand{height:62px}.emerald-inspired-header .brand img{max-height:58px;max-width:155px}
 .emerald-inspired-header .nav{top:108px}
 .company-intro-simple{padding:68px 0}.company-intro-simple .company-intro-copy h2{font-size:2.65rem}.intro-single-photo{height:300px;border-radius:14px}
}

/* Final header cleanup requested */
.topbar,.brand-ticker{display:none!important}
.emerald-inspired-header{top:0!important}
.header-brand-row{height:126px!important;grid-template-columns:290px 1fr 310px!important}
.emerald-inspired-header .brand{height:110px!important;justify-content:flex-start!important;overflow:visible!important}
.emerald-inspired-header .brand img{
  display:block!important;
  width:245px!important;
  max-width:245px!important;
  height:105px!important;
  max-height:105px!important;
  object-fit:contain!important;
  object-position:left center!important;
  opacity:1!important;
}
.header-nav-bar{background:#0b65d8!important;border:0!important}
.header-nav-bar:before,.header-nav-bar:after{display:none!important;content:none!important}
.header-nav-bar .wrap{border:0!important}
.emerald-inspired-header .nav{background:#0b65d8!important;border:0!important;height:52px!important}
.emerald-inspired-header .nav a{
  color:#fff!important;
  opacity:1!important;
  text-shadow:none!important;
}
.emerald-inspired-header .nav a:after{background:#fff!important}
.header-center-note{color:#606b76!important}
.header-phone{background:#0b65d8!important}
@media(max-width:900px){
 .header-brand-row{height:90px!important;grid-template-columns:1fr auto!important}
 .emerald-inspired-header .brand{height:78px!important}
 .emerald-inspired-header .brand img{width:175px!important;max-width:175px!important;height:74px!important;max-height:74px!important}
 .header-nav-bar{background:#fff!important}
 .emerald-inspired-header .nav{top:90px!important;background:#0b65d8!important}
 .emerald-inspired-header .nav a{color:#fff!important;border-bottom:1px solid rgba(255,255,255,.18)!important}
}
@media(max-width:560px){
 .header-brand-row{height:80px!important}
 .emerald-inspired-header .brand{height:68px!important}
 .emerald-inspired-header .brand img{width:150px!important;max-width:150px!important;height:64px!important;max-height:64px!important}
 .emerald-inspired-header .nav{top:80px!important}
}

.get-to-know{padding:105px 0;background:#fff}.get-to-know-grid{display:grid;grid-template-columns:1fr 1fr;gap:78px;align-items:center}.get-to-know-logo{display:flex;align-items:center;justify-content:center;min-height:500px}.get-to-know-logo img{width:min(100%,580px);height:auto;object-fit:contain}.get-to-know-copy h2{font-family:"Oswald",Inter,sans-serif;text-transform:uppercase;font-size:clamp(3rem,5vw,5rem);line-height:.95;margin:0 0 28px;color:#0b1118}.get-to-know-copy>p:not(.eyebrow){color:#56616b;line-height:1.8;font-size:1.02rem;margin:0 0 17px}.get-to-know-copy .btn{margin-top:14px}
.projects-page-hero{padding:105px 0 88px;background:#0b1118;color:#fff}.projects-page-hero h1{font-family:"Oswald",Inter,sans-serif;text-transform:uppercase;font-size:clamp(4rem,8vw,7.5rem);line-height:.9;margin:10px 0 24px}.projects-page-hero>div>p:last-child{font-size:1.1rem;color:#b8c3cc;max-width:650px;line-height:1.7}.projects-page-hero .eyebrow{color:#69aaff}.projects-cta{background:#0b65d8;color:#fff;padding:68px 0}.projects-cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}.projects-cta h2{font-family:"Oswald",sans-serif;text-transform:uppercase;font-size:clamp(2.2rem,4vw,4rem);margin:5px 0 0}.projects-cta .eyebrow{color:#fff}.projects-cta .btn{background:#fff;color:#0b1118;border-color:#fff}
@media(max-width:800px){.get-to-know-grid{grid-template-columns:1fr;gap:34px}.get-to-know-logo{min-height:0}.get-to-know-logo img{max-width:430px}.projects-cta .wrap{display:block}.projects-cta .btn{margin-top:24px}}
@media(max-width:560px){.get-to-know{padding:68px 0}.get-to-know-logo img{max-width:320px}.get-to-know-copy h2{font-size:2.8rem}.projects-page-hero{padding:72px 0 60px}}

/* D&D hero headline update */
.hero h1,
.hero-content h1,
.hero-copy h1 {
  max-width: 650px;
  line-height: .88;
}
.hero h1 span,
.hero-content h1 span,
.hero-copy h1 span {
  display: block;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  white-space: nowrap;
}
@media (min-width: 901px) {
  .hero-content,
  .hero-copy {
    max-width: 690px;
  }
}
@media (max-width: 900px) {
  .hero h1 span,
  .hero-content h1 span,
  .hero-copy h1 span {
    white-space: normal;
  }
}

/* Final header + hero corrections */
.dd-utility-bar{
  background:#0b65d8;
  color:#fff;
  border:0!important;
  box-shadow:none!important;
}
.dd-utility-inner{
  min-height:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:42px;
  font-size:12px;
  line-height:1;
  font-weight:800;
  letter-spacing:.11em;
}
header::before,header::after,
.site-header::before,.site-header::after{
  border:0!important;
}
.hero h1 span,.hero-content h1 span,.hero-copy h1 span{
  display:block;
  font-size:inherit;
  font-weight:inherit;
  line-height:inherit;
  white-space:nowrap;
}
@media(max-width:700px){
 .dd-utility-inner{min-height:31px;gap:18px;font-size:9px;letter-spacing:.06em}
 .hero h1 span,.hero-content h1 span,.hero-copy h1 span{white-space:normal}
}

/* Swipeable What We Do */
.services-swipe{padding:96px 0;background:#f4f6f8;overflow:hidden}
.services-swipe-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:34px}
.services-swipe-head h2{font-family:"Oswald",Inter,sans-serif;text-transform:uppercase;font-size:clamp(3rem,5vw,5.3rem);line-height:.9;margin:6px 0 0;color:#0b1118}
.services-arrows{display:flex;gap:10px}
.service-arrow{width:48px;height:48px;border:1px solid #cbd2d9;background:#fff;color:#0b1118;font-size:23px;cursor:pointer;transition:.2s ease}
.service-arrow:hover{background:#0b65d8;color:#fff;border-color:#0b65d8}
.services-track{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:3px max(0px,calc((100vw - 1200px)/2)) 18px 0;scrollbar-width:none;cursor:grab}
.services-track::-webkit-scrollbar{display:none}.services-track:active{cursor:grabbing}
.service-swipe-card{flex:0 0 calc((100% - 44px)/3);min-width:300px;background:#fff;scroll-snap-align:start;border:1px solid #e1e5e9;transition:transform .25s ease,box-shadow .25s ease}
.service-swipe-card:hover{transform:translateY(-5px);box-shadow:0 16px 35px rgba(12,23,34,.10)}
.service-swipe-image{height:225px;overflow:hidden}.service-swipe-image img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.service-swipe-card:hover img{transform:scale(1.035)}
.service-swipe-copy{padding:24px 24px 27px}.service-swipe-copy h3{font-family:"Oswald",Inter,sans-serif;text-transform:uppercase;font-size:1.65rem;margin:0 0 9px;color:#0b1118}.service-swipe-copy p{margin:0;color:#64707b;line-height:1.55;font-size:.95rem}
.swipe-hint{margin:10px 0 0;color:#7b858e;font-size:.8rem;text-transform:uppercase;letter-spacing:.12em}
@media(max-width:900px){.service-swipe-card{flex-basis:calc((100% - 22px)/2)}}
@media(max-width:620px){.services-swipe{padding:68px 0}.services-swipe-head{align-items:center}.services-swipe-head h2{font-size:3rem}.services-arrows{display:none}.services-track{gap:14px;padding-right:12%}.service-swipe-card{flex:0 0 88%;min-width:0}.service-swipe-image{height:205px}}

/* Header scroll behavior: header stays at top of page, not viewport */
header,.site-header,.header,.main-header{
  position:relative!important;
  top:auto!important;
  inset-block-start:auto!important;
}
body{padding-top:0!important}

/* What We Do: photo-forward cards inspired by project tiles */
.services-swipe{background:#fff}
.service-swipe-card{
  position:relative;
  height:430px;
  overflow:hidden;
  border:0;
  border-radius:28px;
  background:#111;
  box-shadow:none;
}
.service-swipe-card>img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .45s ease;
}
.service-swipe-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(to top,rgba(4,10,16,.72) 0%,rgba(4,10,16,.14) 48%,rgba(4,10,16,.02) 72%);
  pointer-events:none;
}
.service-swipe-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(12,23,34,.13)}
.service-swipe-card:hover>img{transform:scale(1.035)}
.service-overlay{
  position:absolute;
  z-index:2;
  left:28px;
  right:28px;
  bottom:27px;
}
.service-overlay h3{
  margin:0;
  color:#fff;
  font-family:"Oswald",Inter,sans-serif;
  font-size:clamp(1.8rem,2.4vw,2.5rem);
  line-height:1;
  text-transform:uppercase;
  text-shadow:0 2px 14px rgba(0,0,0,.35);
}
.service-swipe-copy,.service-swipe-image{display:none!important}
.swipe-hint{margin-top:14px}
@media(max-width:620px){
  .service-swipe-card{height:390px;border-radius:22px}
  .service-overlay{left:22px;right:22px;bottom:23px}
}

/* Customer Reviews heading cleanup */
section .eyebrow{
}
#reviews .eyebrow,
.reviews .eyebrow,
.reviews-section .eyebrow{
  color:#0b65d8;
  font-size:clamp(1.35rem,2vw,1.75rem);
  font-weight:900;
  letter-spacing:.08em;
}
/* Fallback for current review section heading structure */
section:has(.review-card) > .wrap > .eyebrow,
section:has(.reviews-track) .eyebrow{
  color:#0b65d8;
  font-size:clamp(1.35rem,2vw,1.75rem);
  font-weight:900;
  letter-spacing:.08em;
}

/* Final header cleanup */
.brand-row,.header-main,.site-header .wrap{
  text-align:center;
}

/* Center the header content as a balanced 3-column layout */
.brand-row .wrap,
.header-main .wrap,
.site-header .brand-row .wrap{
  display:grid!important;
  grid-template-columns:1fr auto 1fr!important;
  align-items:center!important;
  gap:28px!important;
}
.brand-row .brand,
.header-main .brand,
.site-header .brand{
  justify-self:center!important;
}
.brand-row .brand-note,
.header-main .brand-note,
.site-header .brand-note{
  justify-self:center!important;
  text-align:center!important;
}
.brand-row .header-contact,
.header-main .header-contact,
.site-header .header-contact{
  justify-self:center!important;
  text-align:center!important;
}

/* Center navigation items and remove the stray white pill/line */
.navbar .wrap,.main-nav .wrap,.nav-row .wrap{
  justify-content:center!important;
}
.navbar nav,.main-nav nav,.nav-row nav,
.nav-links{
  margin:0 auto!important;
  justify-content:center!important;
}
.navbar::before,.navbar::after,
.main-nav::before,.main-nav::after,
.nav-row::before,.nav-row::after{
  display:none!important;
  content:none!important;
}
.navbar .wrap>span:empty,.main-nav .wrap>span:empty,.nav-row .wrap>span:empty,
.navbar .wrap>div:empty,.main-nav .wrap>div:empty,.nav-row .wrap>div:empty{
  display:none!important;
}
@media(max-width:800px){
  .brand-row .wrap,.header-main .wrap,.site-header .brand-row .wrap{
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    gap:12px!important;
  }
}

/* HARD FIX: navigation alignment + stray white pill */
.dd-nav-bar{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:64px!important;
  padding:0!important;
  margin:0!important;
}
.dd-nav-bar::before,.dd-nav-bar::after,
.dd-nav-links::before,.dd-nav-links::after{
  content:none!important;
  display:none!important;
}
.dd-nav-links{
  width:100%!important;
  max-width:900px!important;
  margin:0 auto!important;
  padding:0 24px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:clamp(28px,5vw,72px)!important;
}
.dd-nav-links a{
  margin:0!important;
  flex:0 0 auto!important;
}
/* remove any leftover empty visual node in nav bar */
.dd-nav-bar > :empty:not(nav):not(a){
  display:none!important;
  width:0!important;
  height:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
}
@media(max-width:800px){
 .dd-nav-bar{min-height:auto!important}
 .dd-nav-links{max-width:none!important}
}

/* ACTUAL white-line fix: the desktop hamburger button was rendering as a white pill */
.emerald-inspired-header .nav-toggle{
  display:none!important;
}

/* Exact desktop nav centering */
.header-nav-bar{
  width:100%!important;
}
.header-nav-bar > .wrap.dd-nav-bar{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
}
.header-nav-bar .dd-nav-links{
  width:auto!important;
  max-width:none!important;
  margin:0 auto!important;
  padding:0!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:clamp(36px,5vw,76px)!important;
}

/* Hamburger only exists visually on tablet/mobile */
@media(max-width:900px){
  .emerald-inspired-header .nav-toggle{
    display:flex!important;
    width:46px!important;
    height:42px!important;
    padding:9px!important;
    border:0!important;
    background:transparent!important;
    flex-direction:column!important;
    justify-content:center!important;
    gap:5px!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  .emerald-inspired-header .nav-toggle span{
    display:block!important;
    width:26px!important;
    height:2px!important;
    background:#0b1118!important;
    border-radius:0!important;
  }
  .header-nav-bar > .wrap.dd-nav-bar{
    display:block!important;
  }
  .header-nav-bar .dd-nav-links{
    width:100%!important;
    margin:0!important;
    padding:16px 22px 24px!important;
  }
}

/* MOBILE REBUILD — desktop remains unchanged */
.mobile-proof-before-after{padding:88px 0;background:#fff}
.mobile-proof-before-after h2{font-family:"Oswald",Inter,sans-serif;text-transform:uppercase;font-size:clamp(2.8rem,5vw,5rem);margin:6px 0 28px;color:#0b1118}
.ba-slider{--pos:50%;position:relative;width:100%;height:clamp(360px,58vw,620px);overflow:hidden;background:#111}
.ba-slider>img,.ba-before-wrap img{width:100%;height:100%;object-fit:cover;display:block}
.ba-after{position:absolute;inset:0}
.ba-before-wrap{position:absolute;inset:0 auto 0 0;width:var(--pos);overflow:hidden;z-index:2}
.ba-before{position:absolute;inset:0;width:100vw!important;max-width:none!important}
.ba-divider{position:absolute;z-index:3;top:0;bottom:0;left:var(--pos);width:3px;background:#fff;transform:translateX(-50%)}
.ba-handle{position:absolute;z-index:4;left:var(--pos);top:50%;transform:translate(-50%,-50%);width:62px;height:62px;border-radius:50%;border:3px solid #0b65d8;background:#fff;color:#0b1118;font-size:25px;font-weight:900}
.ba-range{position:absolute;z-index:5;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize}

/* Mobile header/nav + hero fixes */
@media(max-width:900px){
  html,body{overflow-x:hidden!important;width:100%!important}
  .emerald-inspired-header{position:relative!important;top:auto!important}
  .dd-utility-inner{justify-content:center!important;gap:24px!important;white-space:nowrap!important}
  .brand-row .wrap,.header-main .wrap,.site-header .brand-row .wrap{
    display:grid!important;
    grid-template-columns:1fr auto!important;
    width:100%!important;
    padding:12px 18px!important;
    gap:12px!important;
    align-items:center!important;
  }
  .brand-row .brand,.header-main .brand,.site-header .brand{
    justify-self:start!important;
    margin:0!important;
  }
  .brand-row .brand img,.header-main .brand img,.site-header .brand img{
    width:150px!important;max-width:42vw!important;height:auto!important;
  }
  .brand-note,.header-contact{display:none!important}
  .emerald-inspired-header .nav-toggle{
    display:flex!important;justify-self:end!important;align-self:center!important;
    position:static!important;width:46px!important;height:42px!important;
  }
  .header-nav-bar{background:#0b65d8!important}
  .header-nav-bar>.wrap.dd-nav-bar{display:block!important;padding:0!important}
  .header-nav-bar .dd-nav-links{
    display:none!important;
    width:100%!important;
    flex-direction:column!important;
    gap:0!important;
    padding:0!important;
    background:#0b65d8!important;
  }
  .header-nav-bar .dd-nav-links.is-open{display:flex!important}
  .header-nav-bar .dd-nav-links a{
    display:block!important;width:100%!important;padding:16px 22px!important;
    text-align:center!important;border-top:1px solid rgba(255,255,255,.18)!important;
    color:#fff!important;
  }

  /* Hero should remain visually like desktop, just scaled to phone */
  .hero,.hero-section,.hero-slider{min-height:620px!important;height:auto!important}
  .hero-content,.hero-copy{
    width:100%!important;max-width:none!important;padding:54px 24px 44px!important;
    text-align:left!important;
  }
  .hero h1,.hero-content h1,.hero-copy h1{
    max-width:92vw!important;font-size:clamp(3.15rem,14vw,5.2rem)!important;
    line-height:.84!important;margin:0 0 24px!important;
  }
  .hero h1 span,.hero-content h1 span,.hero-copy h1 span{
    white-space:nowrap!important;
  }
  .hero p,.hero-content p,.hero-copy p{
    max-width:92vw!important;font-size:1rem!important;line-height:1.55!important;
  }
  .hero .btn,.hero-content .btn,.hero-copy .btn{max-width:100%!important}

  .get-to-know-grid{grid-template-columns:1fr!important;gap:30px!important}
  .get-to-know-logo img{max-width:300px!important}
  .services-track{padding-right:12%!important}
  .service-swipe-card{flex:0 0 86%!important;height:390px!important}
  .ba-slider{height:460px}
  .ba-before{width:calc(100vw - 36px)!important}
}
@media(max-width:480px){
  .dd-utility-inner{font-size:9px!important;gap:18px!important;letter-spacing:.04em!important}
  .hero h1,.hero-content h1,.hero-copy h1{font-size:13vw!important}
  .ba-slider{height:400px}
}

/* =========================================================
   CLEAN MOBILE LAYOUT V2
   One responsive system. Desktop rules above remain intact.
   ========================================================= */
@media (max-width: 900px) {
  html,body{width:100%;max-width:100%;overflow-x:hidden!important}
  *{box-sizing:border-box}

  /* utility strip */
  .dd-utility-bar{position:relative!important;z-index:30!important}
  .dd-utility-inner{
    min-height:52px!important;padding:0 12px!important;
    display:flex!important;justify-content:center!important;align-items:center!important;
    gap:26px!important;white-space:nowrap!important;
    font-size:10px!important;letter-spacing:.045em!important
  }

  /* mobile brand row */
  .header-brand-row{
    min-height:112px!important;width:100%!important;max-width:none!important;
    margin:0!important;padding:12px 18px!important;
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    background:#fff!important
  }
  .header-brand-row .brand{margin:0!important;display:block!important;line-height:0!important}
  .header-brand-row .brand img{
    display:block!important;width:142px!important;height:86px!important;
    max-width:none!important;object-fit:contain!important
  }
  .header-center-note,.header-contact-block{display:none!important}

  /* hamburger */
  .emerald-inspired-header .nav-toggle{
    position:relative!important;inset:auto!important;z-index:50!important;
    display:flex!important;flex-direction:column!important;align-items:center!important;
    justify-content:center!important;gap:6px!important;
    width:48px!important;height:48px!important;margin:0!important;padding:0!important;
    background:#0b1118!important;border:0!important;border-radius:0!important;box-shadow:none!important
  }
  .emerald-inspired-header .nav-toggle span{
    display:block!important;width:26px!important;height:2px!important;margin:0!important;
    background:#fff!important;border:0!important;border-radius:0!important
  }

  /* nav is completely absent until menu is opened */
  .header-nav-bar{
    position:relative!important;z-index:40!important;width:100%!important;
    min-height:0!important;height:auto!important;background:#0b65d8!important
  }
  .header-nav-bar>.wrap.dd-nav-bar{
    display:block!important;width:100%!important;max-width:none!important;
    margin:0!important;padding:0!important;min-height:0!important
  }
  #mobile-nav.dd-nav-links{
    display:none!important;position:relative!important;inset:auto!important;
    width:100%!important;max-width:none!important;margin:0!important;padding:0!important;
    flex-direction:column!important;gap:0!important;background:#0b65d8!important;
    transform:none!important
  }
  #mobile-nav.dd-nav-links.is-open{display:flex!important}
  #mobile-nav.dd-nav-links a{
    display:block!important;width:100%!important;margin:0!important;padding:17px 20px!important;
    text-align:center!important;color:#fff!important;background:#0b65d8!important;
    border:0!important;border-top:1px solid rgba(255,255,255,.16)!important;
    font-size:17px!important;line-height:1.1!important
  }

  /* Hero = desktop design scaled to phone */
  .hero.home-hero.hero-ba{
    position:relative!important;min-height:680px!important;height:680px!important;
    margin:0!important;overflow:hidden!important
  }
  .hero-ba-media,.hero-overlay{position:absolute!important;inset:0!important}
  .hero-ba-media img,.hero-ba-after,.hero-ba-before{
    width:100%!important;height:100%!important;object-fit:cover!important
  }
  .hero-ba-before-wrap{height:100%!important;overflow:hidden!important}
  .hero-ba-before-wrap .hero-ba-before{
    position:absolute!important;left:0!important;top:0!important;
    width:100vw!important;max-width:none!important;height:100%!important
  }
  .hero-ba-range{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:12!important;opacity:0!important}
  .hero-ba-divider{z-index:11!important}
  .hero-split-layer{
    position:relative!important;z-index:8!important;width:100%!important;height:100%!important;
    max-width:none!important;margin:0!important;padding:58px 24px 38px!important;
    display:flex!important;flex-direction:column!important;justify-content:space-between!important
  }
  .hero-top-copy,.hero-bottom-copy{
    position:relative!important;inset:auto!important;width:100%!important;max-width:100%!important;
    margin:0!important;padding:0!important;transform:none!important;text-align:left!important
  }
  .hero-top-copy .eyebrow{font-size:14px!important;margin:0 0 18px!important}
  .hero h1,.hero-top-copy h1{
    width:100%!important;max-width:100%!important;margin:0!important;
    font-size:clamp(48px,13.1vw,64px)!important;line-height:.86!important;letter-spacing:-.025em!important
  }
  .hero h1 span,.hero-top-copy h1 span{display:block!important;white-space:nowrap!important}
  .hero-bottom-copy{padding-right:0!important}
  .hero-bottom-copy .hero-copy{
    width:100%!important;max-width:560px!important;margin:0 0 20px!important;
    font-size:18px!important;line-height:1.5!important;text-align:left!important
  }
  .hero-bottom-copy .hero-actions{
    display:flex!important;flex-direction:column!important;align-items:flex-start!important;
    gap:10px!important;margin:0!important
  }
  .hero-bottom-copy .btn{width:auto!important;max-width:100%!important;margin:0!important}

  /* content sections stack naturally, no desktop absolute positioning */
  .get-to-know,.services-swipe,.why-dd,.reviews-section{overflow:hidden!important}
  .get-to-know-grid{display:grid!important;grid-template-columns:1fr!important;gap:30px!important}
  .get-to-know-logo{min-height:0!important}
  .get-to-know-logo img{width:min(82vw,340px)!important;max-width:340px!important}

  /* service carousel stays swipeable */
  .services-track{
    display:flex!important;gap:14px!important;overflow-x:auto!important;
    scroll-snap-type:x mandatory!important;padding-right:12%!important
  }
  .service-swipe-card{flex:0 0 86%!important;min-width:0!important;height:390px!important;scroll-snap-align:start!important}

  /* reviews stay swipeable and contained */
  .reviews-carousel,.reviews-track{max-width:100%!important;overflow:hidden!important}
}

@media (max-width: 430px){
  .dd-utility-inner{gap:17px!important;font-size:9px!important}
  .header-brand-row{min-height:102px!important}
  .header-brand-row .brand img{width:132px!important;height:78px!important}
  .hero.home-hero.hero-ba{height:650px!important;min-height:650px!important}
  .hero-split-layer{padding:48px 20px 30px!important}
  .hero h1,.hero-top-copy h1{font-size:12.7vw!important}
  .hero-bottom-copy .hero-copy{font-size:16px!important}
}

/* === FUNCTIONAL MOBILE FINAL === */
.homepage-ba-proof{padding:92px 0;background:#fff}
.ba-proof-heading h2{font-family:"Oswald",Inter,sans-serif;text-transform:uppercase;font-size:clamp(3rem,6vw,5rem);line-height:.95;margin:8px 0 30px;color:#0b1118}
.homepage-ba-slider{--position:50%;position:relative;width:100%;height:560px;overflow:hidden;border-radius:0;background:#111}
.homepage-ba-slider .ba-after-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.homepage-ba-slider .ba-before-clip{position:absolute;z-index:2;inset:0 auto 0 0;width:var(--position);overflow:hidden}
.homepage-ba-slider .ba-before-img{position:absolute;left:0;top:0;width:min(1200px,calc(100vw - 40px));max-width:none;height:100%;object-fit:cover}
.homepage-ba-slider .ba-line{position:absolute;z-index:3;left:var(--position);top:0;bottom:0;width:3px;background:#fff;transform:translateX(-50%)}
.homepage-ba-slider .ba-knob{position:absolute;z-index:4;left:var(--position);top:50%;transform:translate(-50%,-50%);width:68px;height:68px;border-radius:50%;border:4px solid #0b65d8;background:#fff;display:grid;place-items:center;font-size:26px;font-weight:900;color:#0b1118;pointer-events:none}
.homepage-ba-slider .ba-range{position:absolute!important;z-index:10!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;cursor:ew-resize!important;margin:0!important}

@media(max-width:900px){
  /* header */
  .header-brand-row{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:12px 20px!important;min-height:108px!important}
  .header-brand-row .brand img{width:138px!important;height:auto!important}
  .header-center-note,.header-contact-block{display:none!important}
  .nav-toggle{display:flex!important;position:static!important;width:54px!important;height:54px!important;background:#0b1118!important;border:0!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:6px!important}
  .nav-toggle span{display:block!important;width:27px!important;height:3px!important;background:#fff!important}
  .header-nav-bar>.wrap{padding:0!important;max-width:none!important}
  #mobile-nav{display:none!important;width:100%!important;margin:0!important;padding:0!important;background:#0b65d8!important;flex-direction:column!important;gap:0!important}
  #mobile-nav.is-open{display:flex!important}
  #mobile-nav a{display:block!important;width:100%!important;padding:17px 20px!important;text-align:center!important;color:#fff!important;border-top:1px solid rgba(255,255,255,.16)!important}

  /* hero: same visual, but remove the middle paragraph on phones */
  .hero-bottom-copy .hero-copy{display:none!important}
  .hero.home-hero.hero-ba{height:650px!important;min-height:650px!important}
  .hero-split-layer{padding:52px 22px 32px!important}
  .hero h1,.hero-top-copy h1{font-size:12.6vw!important;line-height:.87!important}
  .hero h1 span,.hero-top-copy h1 span{white-space:nowrap!important}
  .hero-bottom-copy{margin-top:auto!important}
  .hero-bottom-copy .actions{display:flex!important;flex-direction:column!important;align-items:center!important;gap:14px!important;width:100%!important}
  .hero-bottom-copy .btn{width:auto!important}
  .hero-call-link{text-align:center!important}

  /* Hero comparison remains touch interactive. */
  .hero-ba-range{z-index:7!important}
  .hero-split-layer{pointer-events:none!important}
  .hero-split-layer a{pointer-events:auto!important;position:relative!important;z-index:20!important}

  /* homepage BA */
  .homepage-ba-proof{padding:68px 0!important}
  .homepage-ba-proof .wrap{padding-left:20px!important;padding-right:20px!important}
  .ba-proof-heading h2{font-size:12vw!important;margin-bottom:24px!important}
  .homepage-ba-slider{height:470px!important}
  .homepage-ba-slider .ba-before-img{width:calc(100vw - 40px)!important}

  /* Reviews: viewport scrolls, track must NOT be hidden */
  .reviews-carousel{overflow:visible!important}
  .reviews-viewport{display:block!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;scroll-snap-type:x mandatory!important;touch-action:pan-x!important}
  .reviews-track{display:flex!important;overflow:visible!important;width:max-content!important;max-width:none!important;gap:14px!important}
  .reviews-track .review-card{flex:0 0 calc(100vw - 48px)!important;width:calc(100vw - 48px)!important;scroll-snap-align:center!important}
}

/* Multiple See the Difference transformations */
.homepage-ba-proof .homepage-ba-slider + .homepage-ba-slider{
  margin-top:32px;
}
@media(max-width:900px){
  .homepage-ba-proof .homepage-ba-slider + .homepage-ba-slider{
    margin-top:22px;
  }
}

/* === COMPACT MOBILE NAV FINAL === */
@media (max-width:900px){
  .site-header,
  .header-brand-row,
  .header-nav-bar{
    overflow:visible!important;
  }

  .header-nav-bar{
    position:relative!important;
    min-height:0!important;
    background:transparent!important;
  }

  .header-nav-bar > .wrap{
    position:static!important;
  }

  #mobile-nav{
    position:absolute!important;
    top:0!important;
    right:18px!important;
    left:auto!important;
    width:min(290px,calc(100vw - 36px))!important;
    margin:0!important;
    padding:8px!important;
    background:#0b1118!important;
    border-top:4px solid #126bd7!important;
    box-shadow:0 16px 38px rgba(0,0,0,.28)!important;
    z-index:9999!important;
    display:none!important;
    flex-direction:column!important;
    gap:0!important;
  }

  #mobile-nav.is-open{
    display:flex!important;
  }

  #mobile-nav a{
    width:100%!important;
    min-height:0!important;
    padding:13px 14px!important;
    margin:0!important;
    text-align:left!important;
    font-size:17px!important;
    line-height:1.15!important;
    color:#fff!important;
    background:transparent!important;
    border:0!important;
    border-bottom:1px solid rgba(255,255,255,.12)!important;
  }

  #mobile-nav a:last-child{
    border-bottom:0!important;
  }

  #mobile-nav a:hover,
  #mobile-nav a:focus{
    background:rgba(255,255,255,.06)!important;
    color:#fff!important;
  }

  .nav-toggle{
    position:relative!important;
    z-index:10001!important;
  }
}

/* FINAL before/after registration fix:
   both images always occupy the exact same full frame.
   Only the before layer is clipped. */
.homepage-ba-slider{
  --position:50%!important;
  position:relative!important;
  overflow:hidden!important;
}
.homepage-ba-slider .ba-after-img,
.homepage-ba-slider .ba-before-img{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  transform:none!important;
}
.homepage-ba-slider .ba-after-img{z-index:1!important}
.homepage-ba-slider .ba-before-clip{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  overflow:visible!important;
  clip-path:inset(0 calc(100% - var(--position)) 0 0)!important;
  z-index:2!important;
  transform:none!important;
}
.homepage-ba-slider .ba-line{
  left:var(--position)!important;
  z-index:3!important;
}
.homepage-ba-slider .ba-knob{
  left:var(--position)!important;
  z-index:4!important;
}
.homepage-ba-slider .ba-range{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  z-index:10!important;
  opacity:0!important;
  margin:0!important;
}
@media(max-width:900px){
  .homepage-ba-slider .ba-before-img,
  .homepage-ba-slider .ba-after-img{
    width:100%!important;
    height:100%!important;
  }
}

/* Mobile menu styled like the Everything Landscaping reference:
   full-width white panel directly beneath logo/header. */
@media(max-width:900px){
  .header-brand-row{
    position:relative!important;
    z-index:10002!important;
    background:#fff!important;
    border-bottom:1px solid #e7e7e7!important;
  }
  .nav-toggle{
    background:transparent!important;
    width:54px!important;
    height:54px!important;
  }
  .nav-toggle span{
    background:#171b20!important;
    width:30px!important;
    height:2px!important;
  }
  .nav-toggle[aria-expanded="true"] span:nth-child(1){
    transform:translateY(8px) rotate(45deg)!important;
  }
  .nav-toggle[aria-expanded="true"] span:nth-child(2){
    opacity:0!important;
  }
  .nav-toggle[aria-expanded="true"] span:nth-child(3){
    transform:translateY(-8px) rotate(-45deg)!important;
  }
  .nav-toggle span{transition:transform .22s ease,opacity .18s ease!important}

  .header-nav-bar{
    position:relative!important;
    z-index:10000!important;
    background:transparent!important;
  }
  .header-nav-bar>.wrap.dd-nav-bar{
    width:100%!important;
    max-width:none!important;
    padding:0!important;
  }
  #mobile-nav{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:24px 28px 28px!important;
    background:#fff!important;
    box-shadow:0 14px 30px rgba(0,0,0,.10)!important;
    border:0!important;
    display:none!important;
    flex-direction:column!important;
    gap:0!important;
  }
  #mobile-nav.is-open{display:flex!important}
  #mobile-nav a{
    display:block!important;
    width:100%!important;
    padding:20px 4px!important;
    margin:0!important;
    text-align:left!important;
    background:#fff!important;
    color:#292d31!important;
    font-family:Inter,Arial,sans-serif!important;
    font-size:20px!important;
    font-weight:700!important;
    letter-spacing:0!important;
    text-transform:none!important;
    border:0!important;
    border-bottom:1px solid #dedede!important;
  }
  #mobile-nav a:last-child{border-bottom:0!important}
  #mobile-nav a:hover,#mobile-nav a:focus{
    background:#fff!important;color:#0b65d8!important;
  }

  /* Three homepage comparisons remain stacked and touch-friendly. */
  .homepage-ba-proof .homepage-ba-slider + .homepage-ba-slider{
    margin-top:24px!important;
  }
}

.services-more{
  margin:8px 0 0;
  font-weight:800;
  color:#0b1118;
  font-size:18px;
}
@media(max-width:900px){
  .services-more{font-size:17px;margin-top:8px;}
}

/* Mobile navigation: white dropdown below the logo/header */
@media (max-width: 900px){
  .site-header, header { overflow: visible !important; }
  .nav-shell, .nav-wrap, .header-inner, .brand-row { position: relative !important; }

  .mobile-menu, .mobile-nav, .nav-links, .site-nav ul {
    background:#fff !important;
  }

  body.menu-open .nav-links,
  body.nav-open .nav-links,
  .nav-links.open,
  .nav-links.active,
  .mobile-menu.open,
  .mobile-menu.active,
  .mobile-nav.open,
  .mobile-nav.active,
  .site-nav.open ul,
  .site-nav.active ul {
    position:absolute !important;
    top:100% !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:18px 28px 28px !important;
    background:#fff !important;
    color:#111 !important;
    z-index:9999 !important;
    box-shadow:0 12px 26px rgba(0,0,0,.12) !important;
    border-top:1px solid #e8e8e8 !important;
  }

  body.menu-open .nav-links a,
  body.nav-open .nav-links a,
  .nav-links.open a,.nav-links.active a,
  .mobile-menu.open a,.mobile-menu.active a,
  .mobile-nav.open a,.mobile-nav.active a,
  .site-nav.open a,.site-nav.active a {
    color:#171717 !important;
    background:#fff !important;
    display:block !important;
    width:100% !important;
    padding:20px 0 !important;
    border-bottom:1px solid #e5e5e5 !important;
    text-align:left !important;
    font-family:Arial,Helvetica,sans-serif !important;
    font-size:20px !important;
    font-weight:700 !important;
    letter-spacing:0 !important;
  }
}

/* Before/after sliders must remain draggable on phones */
.before-after,.ba-slider,.compare,.comparison,.before-after-slider{
  touch-action:pan-y !important;
  user-select:none;
  -webkit-user-select:none;
}
.before-after input[type="range"],
.ba-slider input[type="range"],
.compare input[type="range"],
.comparison input[type="range"],
.before-after-slider input[type="range"]{
  pointer-events:auto !important;
  touch-action:pan-y !important;
  z-index:30 !important;
}

/* CLEAN HOMEPAGE COMPARISON COMPONENT */
.ddc-section{padding:92px 0;background:#fff}
.ddc-head p{margin:0 0 22px;color:#55a8ef;font-weight:900;font-size:18px;letter-spacing:.18em}
.ddc-head h2{margin:0 0 42px;color:#07101b;font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;font-size:clamp(54px,7vw,92px);line-height:.88}
.ddc-list{display:grid;gap:52px}
.ddc-card{margin:0}
.ddc-card h3{margin:16px 0 0;color:#07101b;font-size:24px}
.ddc-slider{--ddc:50%;position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;background:#111;touch-action:pan-y}
.ddc-after,.ddc-before,.ddc-before img{position:absolute;inset:0;width:100%;height:100%}
.ddc-after,.ddc-before img{object-fit:cover;object-position:center}
.ddc-after{z-index:1}
.ddc-before{z-index:2;overflow:hidden;clip-path:inset(0 calc(100% - var(--ddc)) 0 0);-webkit-clip-path:inset(0 calc(100% - var(--ddc)) 0 0)}
.ddc-line{position:absolute;z-index:3;left:var(--ddc);top:0;bottom:0;width:4px;background:#fff;transform:translateX(-50%);pointer-events:none}
.ddc-handle{position:absolute;z-index:4;left:var(--ddc);top:50%;transform:translate(-50%,-50%);width:72px;height:72px;border:5px solid #0878e5;border-radius:50%;background:#fff;display:grid;place-items:center;color:#07101b;font-size:32px;font-weight:900;pointer-events:none}
.ddc-range{position:absolute!important;z-index:10!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;opacity:0!important;cursor:ew-resize!important}
@media(max-width:900px){
.nav-toggle,#mobile-nav{display:none!important}
.ddc-section{padding:68px 0}
.ddc-section .wrap{padding-left:30px!important;padding-right:30px!important}
.ddc-head p{font-size:16px;margin-bottom:18px}
.ddc-head h2{font-size:58px;margin-bottom:36px}
.ddc-list{gap:48px}
.ddc-slider{aspect-ratio:4/5}
.ddc-handle{width:64px;height:64px;border-width:4px;font-size:28px}
.ddc-card h3{font-size:21px}
}

/* =========================================================
   D&D MOBILE HEADER — EVERYTHING LANDSCAPING STYLE
   ========================================================= */
.dd-mobile-header{display:none}
@media(max-width:900px){
  /* Use only the new mobile header. */
  .emerald-inspired-header{display:none!important}
  .dd-mobile-header{
    display:block!important;
    position:relative;
    width:100%;
    background:#fff;
    z-index:100;
    font-family:Arial,Helvetica,sans-serif;
  }
  .dd-mobile-callbar{
    height:84px;
    background:#171918;
    display:flex;
    align-items:center;
    padding:0 29px;
  }
  .dd-mobile-callbar a{
    display:flex;
    align-items:center;
    gap:10px;
    color:#fff;
    text-decoration:none;
    font-size:20px;
    line-height:1;
  }
  .dd-mobile-callbar span{color:#c7c7c7;font-weight:400}
  .dd-mobile-callbar strong{font-size:22px;font-weight:800;letter-spacing:.01em}
  .dd-mobile-brandrow{
    height:114px;
    padding:0 42px 0 58px;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:space-between;
    border-bottom:1px solid #ededed;
  }
  .dd-mobile-logo{
    display:flex;
    align-items:center;
    width:130px;
    height:88px;
  }
  .dd-mobile-logo img{
    display:block;
    width:100%;
    height:100%;
    object-fit:contain;
  }
  .dd-mobile-toggle{
    width:54px;
    height:54px;
    padding:0;
    border:0;
    background:transparent;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:7px;
    cursor:pointer;
  }
  .dd-mobile-toggle span{
    display:block;
    width:34px;
    height:2px;
    background:#222;
    transform-origin:center;
    transition:transform .18s ease,opacity .18s ease;
  }
  .dd-mobile-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(9px) rotate(45deg)}
  .dd-mobile-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
  .dd-mobile-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}

  .dd-mobile-menu{
    display:none;
    background:#fff;
    padding:28px 42px 53px;
    border-bottom:1px solid #e6e6e6;
  }
  .dd-mobile-menu.is-open{display:block}
  .dd-mobile-menu a{
    display:flex;
    align-items:center;
    min-height:89px;
    width:100%;
    color:#353535;
    text-decoration:none;
    font-size:25px;
    line-height:1.2;
    font-weight:700;
    letter-spacing:0;
    text-transform:none;
    border-bottom:1px solid #dedede;
  }
  .dd-mobile-menu a:last-child{border-bottom:0}
}
@media(max-width:420px){
  .dd-mobile-callbar{height:72px;padding:0 24px}
  .dd-mobile-callbar a{font-size:18px}
  .dd-mobile-callbar strong{font-size:20px}
  .dd-mobile-brandrow{height:106px;padding:0 30px 0 42px}
  .dd-mobile-logo{width:122px;height:82px}
  .dd-mobile-menu{padding:24px 42px 44px}
  .dd-mobile-menu a{min-height:89px;font-size:25px}
}

/* CLIENT UPDATE — compact mobile customer reviews spacing */
@media(max-width:900px){
  #reviews,
  .reviews-section,
  .customer-reviews,
  .reviews-shell{
    min-height:0!important;
  }

  #reviews .section-head,
  .reviews-section .section-head,
  .customer-reviews .section-head{
    margin-bottom:24px!important;
    padding-bottom:0!important;
  }

  #reviews .reviews-track,
  #reviews .reviews-carousel,
  #reviews .review-slider,
  .reviews-section .reviews-track,
  .reviews-section .reviews-carousel{
    min-height:0!important;
    height:auto!important;
    margin-top:0!important;
    padding-top:0!important;
  }

  #reviews .review-actions,
  #reviews .review-cta,
  #reviews .leave-review-wrap,
  .reviews-section .review-actions,
  .reviews-section .review-cta{
    margin-top:24px!important;
    padding-top:0!important;
  }
}

/* Mobile hero headline fit — keep BUILT ON STRENGTH fully visible */
@media (max-width: 640px){
  .hero-top-copy{
    width:calc(100% - 40px)!important;
    max-width:none!important;
  }
  .hero-top-copy h1{
    font-size:clamp(2.75rem,11.2vw,3.05rem)!important;
    line-height:.92!important;
    letter-spacing:-.045em!important;
    max-width:100%!important;
  }
  .hero-top-copy h1 span{
    display:block!important;
    white-space:nowrap!important;
  }
}
@media (max-width: 380px){
  .hero-top-copy h1{font-size:2.65rem!important;}
}

/* SEO/service-area additions */
.service-area-map{background:#f6f7f8}.service-area-map-head{max-width:780px;margin-bottom:28px}.service-area-map-head h2{margin-bottom:12px}.service-area-map-frame{overflow:hidden;border-radius:4px;box-shadow:0 12px 35px rgba(0,0,0,.12);background:#ddd}.service-area-map-frame iframe{display:block;width:100%;height:430px;border:0}.seo-services-page{padding-top:72px}.seo-services-page h1{font-size:clamp(2.5rem,6vw,5rem);line-height:.95;max-width:900px}.seo-services-intro{max-width:760px;font-size:1.12rem;margin:24px 0 38px}.seo-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:34px}.seo-service-grid a{display:block;padding:28px;background:#f5f6f7;color:inherit;text-decoration:none;border-top:4px solid #1473e6;transition:transform .2s ease,box-shadow .2s ease}.seo-service-grid a:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(0,0,0,.1)}.seo-service-grid h2{font-size:1.35rem;margin:0 0 10px}.seo-service-grid p{margin:0}@media(max-width:700px){.service-area-map-frame iframe{height:340px}.seo-service-grid{grid-template-columns:1fr}.seo-services-page{padding-top:48px}}

/* PREMIUM POLISH — restrained motion, stronger project presentation, service area, CTA */
html{scroll-behavior:smooth}
body{overflow-x:hidden}
.service-swipe-card{overflow:hidden}
.service-swipe-card img{transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .35s ease}
.service-swipe-card:hover img{transform:scale(1.045);filter:contrast(1.03)}
.service-swipe-card .service-overlay{transition:background .3s ease}
.service-swipe-card:hover .service-overlay{background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.78))}
.ddc-card{position:relative}
.ddc-card h3{margin-bottom:6px}
.ddc-project-meta{margin:0;color:#69717a;font-size:.9rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.ddc-project-copy{max-width:720px;margin:8px 0 0;color:#5a626a;line-height:1.65}
.premium-project-cta{background:#0c1117;color:#fff;padding:54px 0;border-top:1px solid rgba(255,255,255,.08)}
.premium-project-cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:34px}
.premium-project-cta .eyebrow{color:#7eb7ff}
.premium-project-cta h2{margin:.25rem 0 .55rem;font-size:clamp(2rem,4vw,3.6rem);line-height:1}
.premium-project-cta p{margin:0;color:#c8cdd3;max-width:650px}
.premium-project-cta .btn{flex:0 0 auto}
.service-area-premium{background:#f3f5f7}
.service-area-premium .service-area-premium-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:38px;align-items:stretch}
.service-area-panel{background:#0c1117;color:#fff;padding:clamp(30px,5vw,58px);display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}
.service-area-panel:after{content:"D&D";position:absolute;right:-20px;bottom:-38px;font-weight:900;font-size:clamp(7rem,15vw,13rem);line-height:1;color:rgba(255,255,255,.035);pointer-events:none}
.service-area-panel .eyebrow{color:#7eb7ff}.service-area-panel h2{font-size:clamp(2.2rem,4.5vw,4.2rem);line-height:.98;margin:.3rem 0 1rem}.service-area-panel p{color:#c9ced4;line-height:1.7;max-width:540px}
.service-area-services{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0 28px}.service-area-services span{border:1px solid rgba(255,255,255,.18);padding:8px 11px;font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.service-area-contact{display:flex;gap:12px;flex-wrap:wrap}.service-area-contact a{color:#fff;text-decoration:none;font-weight:800}.service-area-contact .btn{color:#fff}
.service-area-map-frame{height:100%;min-height:520px;border-radius:0!important;box-shadow:0 20px 45px rgba(0,0,0,.12)!important}.service-area-map-frame iframe{height:100%!important;min-height:520px}
.enhanced-footer{position:relative}.enhanced-footer:before{content:"";display:block;height:1px;background:rgba(255,255,255,.12);max-width:1200px;margin:0 auto 34px}
.footer-details{gap:34px}.footer-detail strong{letter-spacing:.08em;text-transform:uppercase;font-size:.78rem}
.premium-mobile-call{display:none}
.reveal-premium{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.reveal-premium.is-visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.reveal-premium{opacity:1;transform:none;transition:none}.service-swipe-card img{transition:none}}
@media(max-width:850px){
 .premium-project-cta .wrap{display:block}.premium-project-cta .btn{margin-top:24px}
 .service-area-premium .service-area-premium-grid{grid-template-columns:1fr;gap:0}.service-area-map-frame,.service-area-map-frame iframe{min-height:350px}
 .premium-mobile-call{display:flex;position:fixed;right:18px;bottom:18px;z-index:90;align-items:center;justify-content:center;padding:13px 18px;background:#1473e6;color:#fff;text-decoration:none;font-weight:900;font-size:.92rem;box-shadow:0 12px 28px rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.22)}
 body{padding-bottom:0}
}

/* RECENT PROJECTS — use the exact homepage comparison component */
.transformations-premium .ddc-slider{aspect-ratio:16/10;height:auto!important}
.transformations-premium .ddc-card{overflow:visible}
.transformations-premium .ddc-card img{transform:none!important}
@media(max-width:900px){
  .transformations-premium .ddc-slider{aspect-ratio:4/5;height:auto!important}
}

.estimate-form-status{margin:16px 0 0;font-weight:700;line-height:1.45}.estimate-form-status.is-success{padding:14px 16px;border:1px solid currentColor}.estimate-form-status.is-error{padding:14px 16px;border:1px solid currentColor}