@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;0,700;1,600;1,700&display=swap');
:root{
  --blue:#64B8BF;--forest:#2A7379;--forest-2:#64B8BF;--sage:#64B8BF;--sage-2:#9ED5D8;--cream:#EFE8DF;--paper:#F5F0E9;--charcoal:#222929;--muted:#667274;--gold:#9ED5D8;--white:#fff;
  --radius:24px;--shadow:0 20px 50px rgba(31,68,74,.14);--shadow-soft:0 12px 28px rgba(194,162,75,.09);--container:min(1180px,92vw);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--charcoal);font-family:'DM Sans',sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}button,input,textarea,select{font:inherit}
.container{width:var(--container);margin:auto}.section{padding:96px 0;position:relative}.section-tight{padding:64px 0}.eyebrow{display:inline-flex;gap:.55rem;align-items:center;text-transform:uppercase;letter-spacing:.17em;font-size:.78rem;font-weight:800;color:var(--sage)}
.section-title,.page-title,.hero-title{font-family:'Playfair Display',serif;margin:.2em 0 .35em;line-height:1.02}.section-title{font-size:clamp(2.2rem,4vw,4.7rem)}.section-copy{max-width:720px;color:var(--muted);font-size:1.06rem;line-height:1.8}.section-head{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:end;margin-bottom:42px}
.letter-char{display:inline-block;opacity:0;transform:translateY(24px) rotate(2deg);animation:charIn .62s cubic-bezier(.2,.7,.2,1) forwards}.letter-space{display:inline-block;width:.28em}@keyframes charIn{to{opacity:1;transform:none}}
.topbar{background:var(--forest-2);color:#e8f1ea;font-size:.8rem}.topbar .container{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:20px}.topbar-group{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.topbar a{opacity:.9}.topbar a:hover{opacity:1;color:#fff}.topbar i{color:var(--sage-2);margin-right:6px}
.site-header{position:absolute;z-index:50;left:0;right:0;top:38px}.site-header-inner{width:var(--container);margin:14px auto 0;background:rgba(250,248,242,.94);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.65);box-shadow:0 10px 34px rgba(18,38,41,.15);border-radius:22px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;padding:12px 16px 12px 22px}.brand{display:flex;align-items:center;gap:12px;min-width:210px}.brand-mark{width:58px;height:58px;transition:transform .45s}.brand:hover .brand-mark{transform:rotate(-8deg) scale(1.06)}.brand-text{line-height:1}.brand-text strong{display:block;font-family:'Playfair Display',serif;font-size:1.2rem;color:var(--forest)}.brand-text span{font-size:.66rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}
.nav{display:flex;justify-content:center;gap:4px;align-items:center}.nav a{display:inline-flex;align-items:center;gap:7px;padding:11px 10px;border-radius:12px;font-size:.9rem;font-weight:700;color:#344244;transition:.28s}.nav a i{font-size:.78rem;color:var(--sage);transition:.28s}.nav a:hover,.nav a.active{background:#E5F3F3;color:var(--forest)}.nav a:hover i{transform:translateY(-2px) rotate(-8deg)}
.menu-toggle{display:none;border:0;background:var(--forest);color:white;width:46px;height:46px;border-radius:14px;font-size:1.05rem}
.uiverse-btn{--btn-bg:var(--forest);position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border:2px solid var(--btn-bg);border-radius:999px;overflow:hidden;background:transparent;color:var(--btn-bg);font-weight:800;letter-spacing:.01em;transition:color .35s,transform .25s,box-shadow .25s}.uiverse-btn:before{content:"";position:absolute;z-index:-1;width:12px;height:12px;border-radius:999px;left:20px;top:50%;transform:translateY(-50%);background:var(--btn-bg);transition:width .45s cubic-bezier(.2,.75,.2,1),height .45s,left .45s}.uiverse-btn:hover{color:white;transform:translateY(-3px);box-shadow:0 14px 30px rgba(23,56,62,.24)}.uiverse-btn:hover:before{width:120%;height:220%;left:-10%}.uiverse-btn i{transition:transform .35s}.uiverse-btn:hover i{transform:translateX(4px) rotate(-8deg)}.uiverse-btn.light{--btn-bg:#fff;color:#fff}.uiverse-btn.light:hover{color:var(--forest)}.uiverse-btn.gold{--btn-bg:var(--gold)}
.hero{min-height:820px;position:relative;display:flex;align-items:center;color:#fff;overflow:hidden}.hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,21,23,.83),rgba(7,21,23,.52) 48%,rgba(7,21,23,.18));z-index:-2}.hero:before{content:"";position:absolute;inset:auto 0 0;height:180px;background:linear-gradient(transparent,var(--paper));z-index:-1}.hero-content{width:var(--container);margin:auto;padding-top:150px}.hero-kicker{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.24);padding:9px 14px;border-radius:999px;font-weight:700}.hero-kicker i{color:#D0F0EF}.hero-title{font-size:clamp(3.4rem,7.2vw,7.5rem);max-width:940px;text-shadow:0 4px 26px rgba(0,0,0,.35)}.hero-copy{max-width:640px;font-size:1.15rem;line-height:1.75;color:#edf2ee}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.hero .uiverse-btn{--btn-bg:#fff;color:#fff}.hero .uiverse-btn:hover{color:var(--forest)}.hero .uiverse-btn.alt{--btn-bg:var(--sage-2);color:var(--sage-2)}.hero .uiverse-btn.alt:hover{color:#132528}
.trust-strip{position:relative;margin-top:-55px;z-index:4}.trust-grid{background:#fff;border-radius:24px;box-shadow:var(--shadow);display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden}.trust-item{padding:28px;display:flex;align-items:center;gap:14px;border-right:1px solid #e7ebe7}.trust-item:last-child{border-right:0}.trust-item i{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#E5F3F3;color:var(--forest);font-size:1.15rem}.trust-item strong{display:block;color:var(--forest)}.trust-item span{display:block;color:var(--muted);font-size:.84rem;margin-top:3px}
.split{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}.image-stack{position:relative;min-height:520px}.image-stack img{position:absolute;object-fit:cover;border-radius:28px;box-shadow:var(--shadow)}.image-stack .one{left:0;top:0;width:72%;height:76%}.image-stack .two{right:0;bottom:0;width:55%;height:56%;border:10px solid var(--paper)}.badge-float{position:absolute;left:10%;bottom:5%;z-index:3;background:var(--forest);color:#fff;border-radius:20px;padding:18px 22px;box-shadow:var(--shadow)}.badge-float strong{font-family:'Playfair Display',serif;font-size:2rem;display:block}.check-list{display:grid;gap:12px;margin:24px 0}.check{display:flex;gap:12px;align-items:flex-start}.check i{color:var(--sage);margin-top:5px}
.cards-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.cards-4{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.service-card{background:#fff;border-radius:24px;padding:30px;box-shadow:var(--shadow-soft);border:1px solid #edf0ea;transition:.35s;position:relative;overflow:hidden}.service-card:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;right:-46px;top:-46px;background:#edf4e8;transition:.35s}.service-card:hover{transform:translateY(-8px);box-shadow:var(--shadow)}.service-card:hover:after{transform:scale(1.5)}.service-icon{width:58px;height:58px;border-radius:18px;background:var(--forest);color:#fff;display:grid;place-items:center;font-size:1.25rem;margin-bottom:22px;transition:.35s}.service-card:hover .service-icon{transform:rotate(-8deg) scale(1.08);background:var(--sage)}.service-card h3{font-family:'Playfair Display',serif;font-size:1.55rem;margin:0 0 10px}.service-card p{color:var(--muted);line-height:1.65;margin:0}
.flip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.flip-card{height:350px;perspective:1100px}.flip-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.flip-card:hover .flip-inner,.flip-card.is-flipped .flip-inner{transform:rotateY(180deg)}.flip-face{position:absolute;inset:0;backface-visibility:hidden;border-radius:26px;overflow:hidden;box-shadow:var(--shadow)}.flip-front{display:flex;flex-direction:column;justify-content:flex-end;padding:28px;color:#fff;background-size:cover;background-position:center}.flip-front:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 25%,rgba(7,23,26,.92))}.flip-front>*{position:relative}.flip-front i{font-size:1.6rem;margin-bottom:10px;color:#E5D8A8}.flip-front h3{font-family:'Playfair Display',serif;font-size:2rem;margin:0}.flip-front span{font-size:.82rem;opacity:.86;margin-top:5px}.flip-back{transform:rotateY(180deg);background:var(--forest);color:#fff;padding:30px;display:flex;flex-direction:column;justify-content:center}.flip-back h3{font-family:'Playfair Display',serif;font-size:1.75rem;margin:0 0 12px}.flip-back p{color:#dce7df;line-height:1.68}.flip-back .mini-list{display:grid;gap:8px;font-size:.9rem}.flip-back i{color:#D0F0EF;margin-right:8px}
.dark-section{background:var(--forest-2);color:#fff;overflow:hidden}.dark-section .section-copy{color:#cedbd1}.dark-section .eyebrow{color:#C7E8EA}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.process-step{padding:26px;border:1px solid rgba(255,255,255,.15);border-radius:22px;background:rgba(255,255,255,.05);transition:.35s}.process-step:hover{background:rgba(255,255,255,.1);transform:translateY(-6px)}.process-step .num{font-family:'Playfair Display',serif;font-size:3.5rem;color:#C7E8EA;line-height:1}.process-step h3{margin:12px 0 8px}.process-step p{margin:0;color:#cbd7ce;line-height:1.6;font-size:.94rem}
.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.portfolio-card{position:relative;border-radius:22px;overflow:hidden;min-height:320px;box-shadow:var(--shadow-soft)}.portfolio-card img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform .65s}.portfolio-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,rgba(7,22,25,.9))}.portfolio-card:hover img{transform:scale(1.08)}.portfolio-info{position:absolute;z-index:2;left:22px;right:22px;bottom:20px;color:#fff;transform:translateY(8px);transition:.35s}.portfolio-card:hover .portfolio-info{transform:none}.portfolio-info strong{font-family:'Playfair Display',serif;font-size:1.5rem;display:block}.portfolio-info span{font-size:.82rem;color:#d9e4dc}.portfolio-info i{float:right;background:rgba(255,255,255,.14);width:40px;height:40px;border-radius:50%;display:grid;place-items:center;margin-top:-35px}
.area-band{background:#E5F3F3}.area-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:42px;align-items:center}.area-visual{aspect-ratio:1;border-radius:50%;position:relative;display:grid;place-items:center;background:radial-gradient(circle,#fff 0 22%,#C4E2E7 23% 42%,#ADCCD1 43% 62%,#7EADB5 63% 78%,#578D97 79%);box-shadow:inset 0 0 60px rgba(23,56,62,.15),var(--shadow)}.area-visual:before{content:"40 MILES";display:grid;place-items:center;width:125px;height:125px;border-radius:50%;background:var(--forest);color:#fff;font-family:'Playfair Display',serif;font-size:1.2rem;text-align:center;box-shadow:0 12px 30px rgba(23,56,62,.25)}.area-visual:after{content:"Ewing Township, NJ";position:absolute;bottom:20px;background:#fff;padding:8px 13px;border-radius:999px;font-weight:800;color:var(--forest);font-size:.8rem}.city-list{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.city-pill{padding:10px 14px;border-radius:999px;background:white;border:1px solid #d8e3d2;font-size:.88rem;font-weight:700;color:#3D5155;transition:.25s}.city-pill:hover{background:var(--forest);color:white;transform:translateY(-2px)}
.cta{background:linear-gradient(120deg,var(--forest),#2F5F68);color:#fff;border-radius:32px;padding:52px;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;position:relative;overflow:hidden}.cta:before{content:"";position:absolute;width:240px;height:240px;border:60px solid rgba(255,255,255,.06);border-radius:50%;right:-70px;top:-90px}.cta h2{font-family:'Playfair Display',serif;font-size:clamp(2.1rem,4vw,4.4rem);margin:0;max-width:760px}.cta p{margin:12px 0 0;color:#dbe7df;max-width:650px}
.page-hero{min-height:500px;background:linear-gradient(100deg,rgba(9,28,31,.88),rgba(9,28,31,.52)),url('https://storage.googleapis.com/msgsndr/eg2TfKkbB9mExK6CyudK/media/686e920f3e1a2557357db043.webp') center/cover;display:flex;align-items:end;color:#fff;padding:200px 0 80px}.page-hero.services{background-image:linear-gradient(100deg,rgba(9,28,31,.88),rgba(9,28,31,.52)),url('https://storage.googleapis.com/msgsndr/eg2TfKkbB9mExK6CyudK/media/686e920e302cdc3b268bf1c1.webp')}.page-hero.locations{background-image:linear-gradient(100deg,rgba(9,28,31,.88),rgba(9,28,31,.52)),url('https://storage.googleapis.com/msgsndr/eg2TfKkbB9mExK6CyudK/media/686e920e933498033bb61042.webp')}.page-hero.portfolio{background-image:linear-gradient(100deg,rgba(9,28,31,.88),rgba(9,28,31,.52)),url('https://storage.googleapis.com/msgsndr/eg2TfKkbB9mExK6CyudK/media/686e920e6e4a649a34bcef94.webp')}.page-hero.videos{background-image:linear-gradient(100deg,rgba(9,28,31,.88),rgba(9,28,31,.52)),url('https://storage.googleapis.com/msgsndr/eg2TfKkbB9mExK6CyudK/media/686e920e879662429545e69f.webp')}.page-hero.contact{background-image:linear-gradient(100deg,rgba(9,28,31,.88),rgba(9,28,31,.52)),url('https://storage.googleapis.com/msgsndr/eg2TfKkbB9mExK6CyudK/media/686e920eb431832c5faef4da.webp')}.page-title{font-size:clamp(3.2rem,7vw,7rem);margin:0}.page-subtitle{max-width:690px;color:#dae6dd;font-size:1.08rem;line-height:1.7;margin-top:18px}
.service-group{margin-top:46px}.service-group h3{font-family:'Playfair Display',serif;font-size:2rem;color:var(--forest)}.service-list-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-list-item{display:flex;align-items:center;gap:14px;padding:18px 20px;background:#fff;border-radius:16px;border:1px solid #e9eee6;box-shadow:0 8px 20px rgba(20,49,54,.06);transition:.28s}.service-list-item:hover{transform:translateX(5px);border-color:#AECBD0}.service-list-item i{width:40px;height:40px;border-radius:12px;background:#E5F3F3;color:var(--forest);display:grid;place-items:center;transition:.3s}.service-list-item:hover i{background:var(--forest);color:white;transform:rotate(-8deg)}
.timeline{display:grid;gap:18px}.timeline-item{display:grid;grid-template-columns:90px 1fr;gap:20px;padding:22px;border-bottom:1px solid #e1e6df}.timeline-item strong{font-family:'Playfair Display',serif;color:var(--forest);font-size:1.35rem}.timeline-item p{margin:0;color:var(--muted);line-height:1.7}
.location-columns{display:grid;grid-template-columns:1fr 1fr;gap:28px}.location-card{background:#fff;padding:28px;border-radius:22px;box-shadow:var(--shadow-soft)}.location-card h3{font-family:'Playfair Display',serif;font-size:1.6rem;margin:0 0 16px;color:var(--forest)}.location-card ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}.location-card li{display:flex;gap:10px;align-items:center;color:var(--muted)}.location-card li i{color:var(--sage)}
.video-feature{background:#111;border-radius:28px;overflow:hidden;box-shadow:var(--shadow);position:relative}.video-feature video{width:100%;max-height:650px;object-fit:cover}.video-caption{padding:24px;background:#fff}.video-caption h3{font-family:'Playfair Display',serif;font-size:1.7rem;margin:0 0 5px}.video-caption p{margin:0;color:var(--muted)}.video-placeholders{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:26px}.video-placeholder{min-height:210px;border-radius:20px;background:linear-gradient(145deg,#e5ecdf,#f9f8f3);display:grid;place-items:center;text-align:center;padding:24px;border:1px dashed #A9C3C7;color:var(--muted)}.video-placeholder i{font-size:2rem;color:var(--forest);margin-bottom:12px}
.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:36px}.contact-cards{display:grid;gap:16px}.contact-card{display:flex;gap:16px;align-items:flex-start;background:#fff;border-radius:18px;padding:22px;box-shadow:var(--shadow-soft)}.contact-card i{width:48px;height:48px;border-radius:14px;background:#E5F3F3;color:var(--forest);display:grid;place-items:center;flex:0 0 auto}.contact-card h3{margin:0 0 5px;font-size:1rem}.contact-card p,.contact-card a{margin:0;color:var(--muted);line-height:1.55}.form-wrap{background:var(--forest);color:#fff;padding:34px;border-radius:28px;box-shadow:var(--shadow)}.form-wrap h2{font-family:'Playfair Display',serif;font-size:2.35rem;margin:0 0 8px}.form-wrap p{color:#cdd9d0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:.82rem;font-weight:700;color:#deeadf}.field input,.field select,.field textarea{width:100%;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#fff;padding:14px 15px;border-radius:13px;outline:none}.field select option{color:#111}.field input:focus,.field select:focus,.field textarea:focus{border-color:#93C3CC;background:rgba(255,255,255,.12)}.field textarea{min-height:130px;resize:vertical}.form-note{font-size:.78rem;color:#c7d6cb;margin-top:10px}.form-status{display:none;margin-top:12px;padding:12px 14px;border-radius:12px;background:#2F5F68}
.map-wrap{border-radius:26px;overflow:hidden;box-shadow:var(--shadow);min-height:420px}.map-wrap iframe{width:100%;height:100%;min-height:420px;border:0}
.footer{background:#142427;color:#d9e1db;padding-top:70px}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .9fr 1fr;gap:36px}.footer h4{color:#fff;margin:0 0 18px}.footer p{color:#aebbb1;line-height:1.75}.footer-links{display:grid;gap:10px}.footer-links a{color:#b8c5bb;display:flex;gap:9px;align-items:center}.footer-links a:hover{color:#fff}.footer-links i{color:#9ED5D8}.socials{display:flex;gap:10px;margin-top:18px}.socials a{width:42px;height:42px;border-radius:50%;border:1px solid #344143;display:grid;place-items:center;transition:.28s}.socials a:hover{background:var(--sage);color:#101E21;transform:translateY(-4px) rotate(-5deg)}.footer-bottom{margin-top:54px;border-top:1px solid #293436;padding:20px 0;color:#809497;font-size:.82rem;display:flex;justify-content:space-between;gap:20px}
.reveal{opacity:0;transform:translateY(36px);transition:opacity .72s ease,transform .72s cubic-bezier(.2,.72,.2,1)}.reveal.from-left{transform:translateX(-40px)}.reveal.from-right{transform:translateX(40px)}.reveal.is-visible{opacity:1;transform:none}.icon-pulse{animation:iconFloat 3s ease-in-out infinite}@keyframes iconFloat{50%{transform:translateY(-5px) rotate(-3deg)}}

.tap-hint{display:none}
@media(max-width:1100px){.site-header-inner{grid-template-columns:auto auto;justify-content:space-between}.nav{position:fixed;inset:0;background:#28585C;display:flex;flex-direction:column;justify-content:center;gap:10px;transform:translateY(-110%);transition:.5s;z-index:-1}.nav.open{transform:none}.nav a{color:#fff;font-size:1.3rem;padding:12px 20px}.nav a i{color:#C7E8EA}.menu-toggle{display:grid;place-items:center;z-index:3}.header-cta{display:none}.cards-4{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.process{grid-template-columns:repeat(2,1fr)}}
@media(max-width:860px){.section{padding:76px 0}.section-head,.split,.area-grid,.contact-grid{grid-template-columns:1fr}.image-stack{min-height:460px}.trust-grid{grid-template-columns:1fr 1fr}.trust-item:nth-child(2){border-right:0}.trust-item:nth-child(-n+2){border-bottom:1px solid #e7ebe7}.flip-grid,.portfolio-grid{grid-template-columns:1fr 1fr}.service-list-grid{grid-template-columns:1fr 1fr}.video-placeholders{grid-template-columns:1fr}.cta{grid-template-columns:1fr;padding:38px}.location-columns{grid-template-columns:1fr}}
@media(max-width:640px){.topbar{display:none}.site-header{top:0}.site-header-inner{margin-top:10px;padding:9px 10px 9px 14px;border-radius:18px}.brand{min-width:0}.brand-mark{width:48px;height:48px}.brand-text strong{font-size:1rem}.brand-text span{font-size:.56rem}.menu-toggle{width:44px;height:44px}.hero{min-height:720px}.hero-content{padding-top:120px}.hero-title{font-size:clamp(3rem,14vw,4.7rem)}.hero-copy{font-size:1rem}.hero-actions{display:grid;grid-template-columns:1fr}.uiverse-btn{width:100%}.trust-strip{margin-top:-26px}.trust-grid{grid-template-columns:1fr}.trust-item{border-right:0!important;border-bottom:1px solid #e7ebe7}.trust-item:last-child{border-bottom:0}.section{padding:64px 0}.section-title{font-size:clamp(2.25rem,11vw,3.35rem)}.section-head{gap:14px;margin-bottom:30px}.cards-3,.cards-4,.flip-grid,.portfolio-grid,.service-list-grid{grid-template-columns:1fr}.flip-card{height:330px}.tap-hint{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;color:var(--sage);font-weight:800;margin-bottom:14px}.reveal{opacity:.72;transform:translateY(14px) scale(.985);transition:.42s}.reveal.is-visible{opacity:1;transform:none}.process{grid-template-columns:1fr}.image-stack{min-height:380px}.image-stack .one{width:82%;height:72%}.image-stack .two{width:62%;height:48%}.page-hero{min-height:430px;padding:160px 0 62px}.page-title{font-size:clamp(3rem,15vw,4.7rem)}.location-columns{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.cta{border-radius:24px;padding:30px 24px}.area-visual{max-width:360px;margin:auto}.portfolio-card{min-height:300px}.leaf-cursor,.leaf-fall{display:none!important}.hero:after{background:linear-gradient(90deg,rgba(7,21,23,.86),rgba(7,21,23,.55))}}
@media(min-width:641px) and (max-width:900px){.hero-title{font-size:5.3rem}.brand-text{display:none}.brand{min-width:70px}.site-header-inner{padding-left:14px}}
@media(min-width:1500px){:root{--container:min(1320px,88vw)}.hero{min-height:880px}.site-header-inner{padding-left:26px;padding-right:20px}.brand-mark{width:66px;height:66px}.nav a{font-size:.96rem;padding:12px 14px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1!important;transform:none!important}}


/* 2026-09-18 refinement pass */
/* Keep animated headings together by whole words instead of splitting words across lines. */
.section-title,.page-title,.hero-title,.cta h2,.mission-card h2{word-break:normal;overflow-wrap:normal;hyphens:none;text-wrap:balance}
.title-word{display:inline-block;white-space:nowrap;margin-right:.24em;vertical-align:baseline}
.title-word:last-child{margin-right:0}
.title-word.emphasis{color:var(--sage);font-style:italic;font-weight:600}
.title-word.soft{font-family:'DM Sans',sans-serif;font-weight:500;letter-spacing:-.045em}
.hero-title .title-word.emphasis,.page-title .title-word.emphasis,.dark-section .section-title .title-word.emphasis{color:#D0F0EF}

/* Header stays with the hero and has no panel/background. */
.topbar{position:absolute;z-index:55;left:0;right:0;top:0;background:transparent;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.35)}
.site-header{position:absolute;z-index:54;left:0;right:0;top:38px}
.site-header-inner{background:transparent;backdrop-filter:none;border:0;box-shadow:none}
.site-header .brand-text strong,.site-header .brand-text span,.site-header .nav a{color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.35)}
.site-header .nav a i{color:#A9E4E7}
.site-header .nav a:hover,.site-header .nav a.active{background:rgba(255,255,255,.14);color:#fff}
.site-header .menu-toggle{background:rgba(10,32,36,.58);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(8px)}

/* Guarantee readable text on white cards, including cards placed in dark sections. */
.service-card,.service-list-item,.location-card,.contact-card,.video-caption,.why-card,.faq-item{color:var(--charcoal)}
.service-card h3,.contact-card h3,.video-caption h3,.why-card h3,.faq-item summary{color:var(--forest)}
.service-card p,.why-card p,.faq-item p{color:var(--muted)}
.service-list-item{font-weight:700;line-height:1.35;word-break:normal;overflow-wrap:normal}
.dark-section .service-group h3{color:#fff}
.dark-section .service-list-item{color:#304447;background:#fff}
.dark-section .service-card h3{color:var(--forest)}
.dark-section .service-card p{color:var(--muted)}

/* Why choose us */
.why-section{background:linear-gradient(180deg,#F5F0E9 0%,#f0f5ec 100%)}
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.why-card{background:#fff;border:1px solid #e2e9dd;border-radius:24px;padding:28px;box-shadow:var(--shadow-soft);transition:transform .35s,box-shadow .35s,border-color .35s;min-height:240px}
.why-card:hover{transform:translateY(-8px);box-shadow:var(--shadow);border-color:#AECACF}
.why-icon{width:58px;height:58px;border-radius:18px;background:#e7efe2;color:var(--forest);display:grid;place-items:center;font-size:1.25rem;margin-bottom:26px;transition:.35s}
.why-card:hover .why-icon{background:var(--forest);color:#fff;transform:rotate(-8deg) scale(1.06)}
.why-card h3{font-family:'Playfair Display',serif;font-size:1.45rem;margin:0 0 10px}
.why-card p{line-height:1.7;margin:0}

/* Mission and vision with mixed typography and two-tone accents. */
.mission-section{background:var(--forest);color:#fff;overflow:hidden}
.mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.mission-card{position:relative;overflow:hidden;border-radius:30px;padding:42px;background:#fff;color:var(--charcoal);box-shadow:0 24px 55px rgba(5,21,24,.22)}
.mission-card.vision{background:#28585C;color:#fff;border:1px solid rgba(255,255,255,.12)}
.mission-card:after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;right:-80px;bottom:-90px;border:44px solid rgba(101,147,155,.14)}
.mission-label{display:inline-flex;align-items:center;gap:9px;text-transform:uppercase;letter-spacing:.14em;font-size:.75rem;font-weight:800;color:var(--sage)}
.mission-card.vision .mission-label{color:#D0F0EF}
.mission-card h2{position:relative;z-index:1;font-family:'Playfair Display',serif;font-size:clamp(2rem,3.3vw,3.5rem);line-height:1.05;margin:20px 0 18px}
.mission-card h2 em{color:var(--sage);font-weight:600}
.mission-card.vision h2 em{color:#D0F0EF}
.mission-card h2 strong{font-family:'DM Sans',sans-serif;font-weight:700;color:var(--forest)}
.mission-card.vision h2 strong{color:#fff}
.mission-card p{position:relative;z-index:1;line-height:1.8;color:var(--muted);margin:0}
.mission-card.vision p{color:#d3e0d6}

/* Service-area maps */
.area-map{position:relative;min-height:500px;border-radius:30px;overflow:hidden;box-shadow:var(--shadow);background:#dfe9da}
.area-map iframe{display:block;width:100%;height:100%;min-height:500px;border:0;filter:saturate(.9) contrast(.95)}
.map-badge{position:absolute;left:22px;bottom:22px;display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.94);color:var(--forest);padding:13px 16px;border-radius:16px;box-shadow:0 10px 30px rgba(11,33,37,.18);backdrop-filter:blur(8px)}
.map-badge i{width:38px;height:38px;border-radius:12px;background:var(--forest);color:#fff;display:grid;place-items:center}
.map-badge strong,.map-badge small{display:block}.map-badge small{margin-top:2px;color:var(--muted)}

/* FAQ */
.faq-section{background:#f6f2e9}
.faq-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:56px;align-items:start}
.faq-intro{position:sticky;top:30px}
.faq-list{display:grid;gap:14px}
.faq-item{background:#fff;border:1px solid #e4e8df;border-radius:18px;padding:0 22px;box-shadow:var(--shadow-soft)}
.faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 0;font-weight:800}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e7efe2;transition:.3s;flex:0 0 auto}
.faq-item[open] summary i{transform:rotate(45deg);background:var(--forest);color:#fff}
.faq-item p{margin:0;padding:0 44px 22px 0;line-height:1.75}

/* Footer nav mirrors the main nav visually while preserving the footer layout. */
.footer-links a{word-break:normal;overflow-wrap:normal}
.footer-links a i{width:17px;text-align:center}

/* Floating quick actions */
.floating-actions{position:fixed;right:20px;bottom:20px;z-index:80;display:grid;gap:12px}
.floating-btn{width:54px;height:54px;border:0;border-radius:50%;display:grid;place-items:center;font-size:1.3rem;box-shadow:0 12px 32px rgba(10,31,35,.24);transition:transform .3s,opacity .3s,visibility .3s;background:var(--forest);color:#fff;cursor:pointer}
.floating-btn:hover{transform:translateY(-4px) scale(1.04)}
.whatsapp-float{background:#35BBD3;color:#fff}
.back-to-top{opacity:0;visibility:hidden;transform:translateY(10px)}
.back-to-top.is-visible{opacity:1;visibility:visible;transform:none}

@media(max-width:1100px){
  .site-header .nav{background:#28585C}
  .site-header .nav a{color:#fff;text-shadow:none}
  .why-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:860px){
  .mission-grid,.faq-layout{grid-template-columns:1fr}
  .faq-intro{position:static}
  .area-map,.area-map iframe{min-height:430px}
}
@media(max-width:640px){
  .topbar{display:none}
  .site-header{top:0}
  .site-header-inner{margin-top:8px;background:transparent;border:0;box-shadow:none}
  .site-header .brand-text strong,.site-header .brand-text span{color:#fff}
  .hero{min-height:700px}
  .hero-content{padding-top:118px}
  .hero-title{font-size:clamp(2.7rem,12.8vw,4.1rem)}
  .page-title{font-size:clamp(2.6rem,12vw,4rem)}
  .section-title{font-size:clamp(2.05rem,9.6vw,3.1rem)}
  .title-word{margin-right:.2em}
  .why-grid{grid-template-columns:1fr}
  .mission-card{padding:30px 24px}
  .area-map,.area-map iframe{min-height:360px}
  .map-badge{left:14px;right:14px;bottom:14px}
  .floating-actions{right:14px;bottom:14px;gap:10px}
  .floating-btn{width:50px;height:50px}
  .faq-item{padding:0 18px}
  .faq-item p{padding-right:0}
}
@media(max-width:390px){
  .hero-title{font-size:clamp(2.45rem,12vw,3.45rem)}
  .page-title{font-size:clamp(2.35rem,11.5vw,3.35rem)}
  .section-title{font-size:clamp(1.95rem,9vw,2.65rem)}
  .brand-text span{display:none}
}

/* 2026-09-18 modern landscape reference pass
   Inspired by the clean editorial spacing, restrained cards, and project-led hierarchy
   seen in premium landscape sites. */
:root{
  --shadow:0 22px 60px rgba(12,34,38,.11);
  --shadow-soft:0 10px 30px rgba(12,34,38,.065);
}

/* Home video hero: no filter, no white fade, only light text shadow for legibility. */
.hero{isolation:isolate;background:#21373B}
.hero video{z-index:0;filter:none!important;opacity:1!important}
.hero:after,.hero:before{display:none!important;background:none!important;content:none!important}
.hero-content{position:relative;z-index:2;padding-top:172px;padding-bottom:84px}
.hero-content:before{content:"";display:block;width:72px;height:2px;background:rgba(255,255,255,.78);margin-bottom:24px;box-shadow:0 2px 10px rgba(0,0,0,.18)}
.hero-title{max-width:880px;font-size:clamp(3.5rem,6.6vw,7rem);line-height:.96;letter-spacing:-.045em;font-weight:600;text-shadow:0 3px 13px rgba(0,0,0,.34)}
.hero-copy{max-width:620px;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.38);font-size:1.08rem}
.hero-kicker{background:rgba(14,39,43,.22);border-color:rgba(255,255,255,.34);backdrop-filter:none;box-shadow:0 5px 18px rgba(0,0,0,.1);text-shadow:0 2px 8px rgba(0,0,0,.28)}
.hero-actions{margin-top:32px}

/* Header stays visually light over the hero. Free Estimate is a solid white button. */
.site-header-inner{align-items:center;gap:24px}
.site-header .nav a{font-weight:600;letter-spacing:.01em;padding:10px 9px}
.site-header .nav a:hover,.site-header .nav a.active{background:rgba(255,255,255,.12)}
.site-header .header-cta{background:#fff!important;color:var(--forest)!important;border-color:#fff!important;box-shadow:0 10px 28px rgba(0,0,0,.14);min-height:48px;padding:0 21px}
.site-header .header-cta:before{display:none!important}
.site-header .header-cta i{color:var(--forest)}
.site-header .header-cta:hover{background:var(--forest)!important;border-color:var(--forest)!important;color:#fff!important;box-shadow:0 14px 32px rgba(0,0,0,.18)}
.site-header .header-cta:hover i{color:#fff}

/* Cleaner editorial hierarchy and more generous whitespace. */
.section{padding:108px 0}
.section-tight{padding:72px 0}
.section-title{letter-spacing:-.04em;line-height:.98;font-weight:600}
.section-copy{font-size:1.02rem;line-height:1.82}
.section-head{position:relative;padding-top:24px;border-top:1px solid rgba(23,56,62,.16);gap:58px;margin-bottom:48px}
.dark-section .section-head{border-top-color:rgba(255,255,255,.18)}
.eyebrow{font-size:.72rem;letter-spacing:.2em}

/* Modern card language: lighter shadows, cleaner outlines, tighter radii. */
.service-card,.why-card,.location-card,.contact-card,.faq-item,.video-caption,.service-list-item{border-radius:16px;box-shadow:var(--shadow-soft);border:1px solid rgba(23,56,62,.11)}
.service-card{padding:32px;min-height:260px}
.service-card:after{display:none}
.service-icon,.why-icon{border-radius:12px}
.service-card:hover,.why-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.service-list-item{border-radius:12px;box-shadow:none;background:rgba(255,255,255,.9)}
.service-list-item:hover{transform:translateX(7px);box-shadow:0 10px 24px rgba(12,34,38,.07)}

/* Refined process section with prominent editorial numbering. */
.process{gap:0;border-top:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18)}
.process-step{border:0;border-right:1px solid rgba(255,255,255,.16);border-radius:0;background:transparent;padding:34px 28px;min-height:250px}
.process-step:last-child{border-right:0}
.process-step:hover{background:rgba(255,255,255,.055);transform:none}
.process-step .num{font-size:4.5rem;font-style:italic;color:#C7E8EA;opacity:.92}
.process-step h3{font-family:'Playfair Display',serif;font-size:1.45rem;margin-top:18px}

/* More architectural image treatment. */
.image-stack img{border-radius:16px;box-shadow:0 18px 45px rgba(12,34,38,.12)}
.image-stack .two{border-width:8px}
.badge-float{border-radius:12px;box-shadow:0 15px 38px rgba(12,34,38,.18)}
.flip-face{border-radius:18px;box-shadow:0 18px 46px rgba(12,34,38,.12)}
.portfolio-card{border-radius:16px!important;box-shadow:none!important}
.portfolio-card img{transition:transform .75s cubic-bezier(.2,.7,.2,1),filter .45s}
.portfolio-card:hover img{transform:scale(1.045)}
.video-feature,.map-wrap,.area-map{border-radius:18px;box-shadow:var(--shadow-soft)}

/* Mission / vision feel more like editorial feature panels. */
.mission-grid{gap:1px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.15);border-radius:20px;overflow:hidden}
.mission-card,.mission-card.vision{border-radius:0;box-shadow:none;border:0;padding:50px}
.mission-card:after{opacity:.7}

/* Service area / FAQ simplified and more premium. */
.area-band{background:#eef2ea}
.city-pill{border-radius:7px;padding:9px 13px;background:rgba(255,255,255,.82)}
.faq-section{background:#f3f1e9}
.faq-item{box-shadow:none}
.faq-item[open]{box-shadow:0 14px 32px rgba(12,34,38,.07)}

/* Footer with a lighter editorial divider system. */
.footer{background:#0C1618;padding-top:82px}
.footer-grid{gap:48px}
.footer h4{font-family:'Playfair Display',serif;font-size:1.12rem;font-weight:600}
.footer-links a{padding:3px 0}
.footer-bottom{margin-top:66px}

/* Internal banners keep their readability but receive the cleaner typography. */
.page-hero{padding-bottom:74px}
.page-title{letter-spacing:-.045em;line-height:.96;font-weight:600;text-shadow:0 3px 14px rgba(0,0,0,.26)}
.page-subtitle{text-shadow:0 2px 10px rgba(0,0,0,.22)}

@media(max-width:1100px){
  .site-header .nav a{padding:12px 20px}
  .process{grid-template-columns:repeat(2,1fr)}
  .process-step:nth-child(2){border-right:0}
  .process-step:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.16)}
}
@media(max-width:860px){
  .section{padding:84px 0}
  .section-head{gap:20px;padding-top:20px}
  .mission-card,.mission-card.vision{padding:38px 32px}
}
@media(max-width:640px){
  .hero{min-height:700px}
  .hero-content{padding-top:124px;padding-bottom:64px}
  .hero-content:before{width:54px;margin-bottom:18px}
  .hero-title{font-size:clamp(2.85rem,12vw,4.15rem);line-height:.98}
  .hero-copy{font-size:.98rem;line-height:1.7}
  .section{padding:70px 0}
  .section-head{margin-bottom:34px}
  .process{grid-template-columns:1fr;border-bottom:0}
  .process-step,.process-step:nth-child(2){border-right:0;border-bottom:1px solid rgba(255,255,255,.16)}
  .process-step:last-child{border-bottom:0}
  .process-step{min-height:0;padding:28px 8px}
  .process-step .num{font-size:3.5rem}
  .mission-grid{display:grid;grid-template-columns:1fr;gap:1px}
  .mission-card,.mission-card.vision{padding:32px 24px}
  .site-header .menu-toggle{background:rgba(10,32,36,.34)}
}


/* --- 2026-09 additional home/about/video enhancements --- */
:root{--earth:#d6c1a1;--sage-soft:#e8efe5;--clay:#c59463;--ink:#0F2124}
.why-section{background:linear-gradient(180deg,#f6f2e8 0%,#eef3eb 100%)}
.about-why{background:linear-gradient(180deg,#f3efe5 0%,#edf4eb 100%)}
.about-mission{position:relative;overflow:hidden}
.about-mission:before,.mission-section:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(12,34,38,.68),rgba(12,34,38,.48)),url('https://storage.googleapis.com/msgsndr/eg2TfKkbB9mExK6CyudK/media/686e920e6e4a646147bcef95.webp') center/cover fixed;opacity:.94;z-index:0}
.mission-section > .container,.about-mission > .container{position:relative;z-index:1}
.parallax-band{position:relative;overflow:hidden;color:#fff;background:#143339}
.parallax-band:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(11,26,29,.72),rgba(11,26,29,.42)),url('https://storage.googleapis.com/msgsndr/eg2TfKkbB9mExK6CyudK/media/686e920e6e4a649babbcef93.webp') center/cover fixed;transform:scale(1.05)}
.about-band:before{background:linear-gradient(100deg,rgba(11,26,29,.72),rgba(11,26,29,.44)),url('https://storage.googleapis.com/msgsndr/eg2TfKkbB9mExK6CyudK/media/686e920f3e1a25adbb7db042.webp') center/cover fixed}
.parallax-band-inner{position:relative;z-index:1;max-width:820px;padding:92px 0}
.parallax-band .section-title,.parallax-band .section-copy,.parallax-band .eyebrow{color:#fff}

/* Home service showcase */
.service-showcase{padding:0;background:#102428;color:#fff;overflow:hidden}
.service-showcase-scroller{height:320vh;position:relative}
.service-showcase-sticky{position:sticky;top:0;min-height:100vh;display:grid;grid-template-columns:1.12fr .88fr;gap:0}
.service-showcase-media{position:relative;min-height:100vh;overflow:hidden;background:#0F2124}
.service-visual{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transform:scale(1.06);transition:opacity .7s ease,transform .9s ease;display:flex;align-items:flex-end;padding:46px}
.service-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,15,16,.1),rgba(8,15,16,.55) 55%,rgba(8,15,16,.78))}
.service-visual.active{opacity:1;transform:scale(1)}
.service-tag{position:relative;z-index:1;display:inline-flex;align-items:center;gap:10px;padding:12px 16px;border-radius:999px;background:rgba(255,255,255,.13);backdrop-filter:blur(12px);font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;border:1px solid rgba(255,255,255,.18)}
.service-showcase-content{display:flex;flex-direction:column;justify-content:center;padding:72px 6vw;background:linear-gradient(180deg,#102428 0%,#17373D 100%)}
.showcase-head{border-top-color:rgba(255,255,255,.14);margin-bottom:26px}
.showcase-head .section-title,.showcase-head .section-copy{color:#fff}
.service-switcher{display:flex;gap:10px;margin:0 0 24px}
.service-dot{width:14px;height:14px;border-radius:50%;border:0;background:rgba(255,255,255,.28);cursor:pointer;transition:transform .3s ease,background .3s ease,box-shadow .3s ease}
.service-dot.active{background:#BEDBE0;transform:scale(1.15);box-shadow:0 0 0 7px rgba(191,219,224,.12)}
.service-panel{display:none;animation:panelIn .45s ease}
.service-panel.active{display:block}
@keyframes panelIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
.service-number{display:block;font:italic 600 clamp(3rem,7vw,5.5rem)/1 'Playfair Display',serif;color:#C7E8EA;margin-bottom:10px}
.service-panel h3{font-size:clamp(2rem,3.2vw,3rem);line-height:1.02;margin:0 0 16px;color:#fff}
.service-panel p{font-size:1.05rem;line-height:1.8;color:rgba(255,255,255,.86);max-width:620px}
.service-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;margin:26px 0 30px}
.service-mini-grid span{display:flex;gap:10px;align-items:flex-start;padding:13px 14px;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1)}
.service-mini-grid i{margin-top:4px;color:#BEDBE0}

/* Portfolio moving wall */
.portfolio-wall-section{padding:104px 0 0;background:linear-gradient(180deg,#f7f4ed 0%,#ffffff 62%)}
.portfolio-wall-head{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:34px}
.portfolio-wall-head > div{max-width:740px}
.portfolio-wall-head .section-copy{max-width:520px}
.portfolio-wall{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;height:980px;padding:0 18px 24px;overflow:hidden}
.wall-column{overflow:hidden;border-radius:28px}
.wall-track{display:flex;flex-direction:column;gap:16px;animation:wallUp 28s linear infinite;will-change:transform}
.wall-column.down .wall-track{animation-name:wallDown}
.wall-column.slow .wall-track{animation-duration:34s}
@keyframes wallUp{from{transform:translateY(0)}to{transform:translateY(-50%)}}
@keyframes wallDown{from{transform:translateY(-50%)}to{transform:translateY(0)}}
.wall-item{margin:0;border-radius:28px;overflow:hidden;background:#e3e7de;box-shadow:0 14px 40px rgba(9,23,25,.08)}
.wall-item img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.wall-item:hover img{transform:scale(1.04)}
.wall-item.small{height:220px}.wall-item.medium{height:310px}.wall-item.tall{height:420px}
.portfolio-mobile-grid{display:none}
.portfolio-mobile-grid{grid-template-columns:repeat(3,1fr);gap:12px;padding-bottom:14px}

/* Coming soon */
.coming-soon-section{background:linear-gradient(180deg,#f8f4ea 0%,#eef3eb 100%)}
.coming-soon-card{padding:54px;border-radius:30px;background:linear-gradient(140deg,#17373D 0%,#24494F 100%);color:#fff;box-shadow:0 20px 50px rgba(12,34,38,.16)}
.coming-pill{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);margin-bottom:18px}
.coming-soon-card .section-title,.coming-soon-card .section-copy{color:#fff}
.coming-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}
.coming-item{padding:24px;border-radius:20px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}
.coming-item i{font-size:1.4rem;margin-bottom:12px;color:#BFDFE5}
.coming-item strong{display:block;margin-bottom:10px;font-size:1.1rem}
.coming-item p{margin:0;color:rgba(255,255,255,.82);line-height:1.7}
.coming-actions{margin-top:26px}

@media(max-width:1024px){
  .portfolio-wall{grid-template-columns:repeat(2,1fr);height:760px}
  .coming-grid{grid-template-columns:1fr}
}
@media(max-width:860px){
  .service-showcase-scroller{height:auto}
  .service-showcase-sticky{position:relative;grid-template-columns:1fr;min-height:0}
  .service-showcase-media{min-height:58vw}
  .service-visual{padding:22px}
  .service-showcase-content{padding:42px 20px 56px}
  .service-mini-grid{grid-template-columns:1fr}
  .portfolio-wall-head{display:block;padding-bottom:8px}
  .desktop-wall{display:none}
  .portfolio-mobile-grid{display:grid}
  .portfolio-wall-section{padding-top:76px}
  .portfolio-mobile-grid .wall-item{height:120px!important;border-radius:18px}
  .portfolio-mobile-grid .wall-item img{height:100%}
  .parallax-band:before,.about-mission:before,.mission-section:before{background-attachment:scroll}
}
@media(max-width:640px){
  .service-showcase{padding:0 0 10px}
  .service-showcase-media{min-height:78vw}
  .service-panel h3{font-size:1.65rem}
  .service-panel p{font-size:.98rem}
  .coming-soon-card{padding:34px 22px;border-radius:22px}
  .portfolio-mobile-grid{grid-template-columns:repeat(3,1fr)}
}


/* ---- Revision: sticky services, full-bleed area, why-process style, mission snapping ---- */
.service-showcase{padding:0;background:#102428;color:#fff;overflow:hidden}
.service-showcase-wrap{display:grid;grid-template-columns:1.04fr .96fr;align-items:start}
.service-showcase-media{position:sticky;top:0;min-height:100vh;height:100vh;overflow:hidden;background:#0F2124}
.service-showcase-media .service-visual{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transform:scale(1.05);transition:opacity .65s ease, transform .8s ease;display:flex;align-items:flex-end;padding:46px}
.service-showcase-media .service-visual.active{opacity:1;transform:scale(1)}
.service-showcase-media .service-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,15,16,.12),rgba(8,15,16,.54) 55%,rgba(8,15,16,.8))}
.service-showcase-rail{padding:0;background:linear-gradient(180deg,#102428 0%, #17373D 100%)}
.sticky-head{position:sticky;top:0;z-index:4;background:linear-gradient(180deg,rgba(16,36,40,.98),rgba(16,36,40,.88));backdrop-filter:blur(8px);padding:34px 4vw 22px;margin:0;border-top:0}
.sticky-head .section-title,.sticky-head .section-copy{color:#fff}
.service-scroll-item{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:32px 4vw 40px;border-top:1px solid rgba(255,255,255,.08);scroll-margin-top:120px;opacity:.68;transition:opacity .35s ease, transform .35s ease}
.service-scroll-item.active{opacity:1;transform:none}
.service-mobile-switcher{display:none}
.showcase-head .eyebrow{margin-bottom:8px}
.showcase-head .section-copy{max-width:720px}
.service-number{display:block;font:italic 600 clamp(3rem,7vw,5.5rem)/1 'Playfair Display',serif;color:#C7E8EA;margin-bottom:10px}
.service-scroll-item h3{font-size:clamp(2rem,3.4vw,3rem);line-height:1.03;margin:0 0 16px;color:#fff;max-width:600px}
.service-scroll-item p{font-size:1.05rem;line-height:1.82;color:rgba(255,255,255,.88);max-width:620px}
.service-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;margin:26px 0 30px}
.service-mini-grid span{display:flex;gap:10px;align-items:flex-start;padding:13px 14px;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1)}
.service-mini-grid i{margin-top:4px;color:#BEDBE0}

/* full width service area */
.area-fullbleed{padding-left:0!important;padding-right:0!important}
.area-fullbleed>.container{width:100%;max-width:none;padding-inline:0}
.area-fullbleed .area-grid{grid-template-columns:1.05fr .95fr;gap:0;align-items:stretch}
.area-fullbleed .area-map{border-radius:0;min-height:100%;box-shadow:none}
.area-fullbleed .area-map iframe{min-height:560px;border-radius:0}
.area-fullbleed .area-grid>div:last-child{padding:84px min(6vw,72px)}

/* why choose us - process card style */
.why-process-style{background:linear-gradient(180deg,#0F363D 0%,#0A252A 100%);color:#fff;position:relative;overflow:hidden}
.why-process-style:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px);background-size:40px 40px;opacity:.35;pointer-events:none}
.why-process-style .container{position:relative;z-index:1}
.why-process-style .section-head{border-top-color:rgba(255,255,255,.14)}
.why-process-style .section-title,.why-process-style .section-copy,.why-process-style .eyebrow{color:#fff}
.why-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;align-items:stretch}
.why-process-card{position:relative;perspective:1200px;min-height:460px}
.why-process-card .flip-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .7s ease}
.why-process-card:hover .flip-inner,.why-process-card.is-flipped .flip-inner{transform:rotateY(180deg)}
.why-process-card .flip-face{position:absolute;inset:0;border-radius:0 72px 0 72px;backface-visibility:hidden;padding:34px 26px 28px;display:flex;flex-direction:column;justify-content:flex-start;box-shadow:0 22px 50px rgba(0,0,0,.18)}
.why-process-card.first .flip-front{background:linear-gradient(180deg,#f5f4ef 0%,#e8e5dd 100%);color:#17373D;box-shadow:0 0 28px rgba(255,255,255,.2)}
.why-process-card .flip-front{background:#43A6B8;color:#fff}
.why-process-card .flip-back{background:#17373D;color:#fff;transform:rotateY(180deg);border:1px solid rgba(255,255,255,.12)}
.process-num{font:300 clamp(4.2rem,6vw,5.8rem)/.9 'Inter',sans-serif;color:rgba(255,255,255,.42);margin-bottom:18px}
.why-process-card.first .process-num{color:rgba(23,55,61,.25)}
.process-icon{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;background:#164D57;border:2px dashed rgba(255,255,255,.28);margin:10px auto 24px;font-size:2rem;color:#fff;box-shadow:0 0 0 12px rgba(17,77,87,.08)}
.why-process-card.first .process-icon{background:#6BAFBB;color:#fff;border-color:rgba(23,55,61,.22)}
.why-process-card h3{font-size:2rem;line-height:1.1;text-align:center;margin:0 0 16px}
.why-process-card p{font-size:1.1rem;line-height:1.75;text-align:center;margin:0 auto;max-width:260px}
.why-process-card .flip-back h3{margin-top:auto;margin-bottom:14px}
.why-process-card .flip-back p{max-width:none}

/* remove rounded borders from home portfolio wall */
.portfolio-wall,.wall-column,.wall-item,.portfolio-mobile-grid .wall-item{border-radius:0!important}

/* mission & vision snap interaction desktop only */
.mission-section{padding:120px 0;overflow:visible}
.mission-section .mission-grid{display:block;max-width:980px;margin:0 auto;background:none;border:0;overflow:visible}
.mission-section .mission-card,.mission-section .mission-card.vision{position:sticky;top:110px;min-height:76vh;border-radius:28px;margin:0 0 14vh;padding:56px 52px;box-shadow:0 22px 50px rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.1)}
.mission-section .mission-card.vision{top:170px}
.mission-section .mission-card h2{max-width:780px}
.about-mission .mission-grid{max-width:980px}

@media(max-width:1100px){
  .service-showcase-wrap{grid-template-columns:1fr}
  .service-showcase-media{position:relative;height:62vw;min-height:440px}
  .sticky-head{position:relative}
  .service-scroll-item{min-height:unset;padding-block:48px}
  .why-process-grid{grid-template-columns:repeat(2,1fr)}
  .area-fullbleed .area-grid{grid-template-columns:1fr}
  .area-fullbleed .area-grid>div:last-child{padding:56px 20px}
}
@media(max-width:860px){
  .service-showcase-media{height:78vw;min-height:300px}
  .service-showcase-rail{padding-bottom:10px}
  .sticky-head{padding:28px 20px 12px}
  .service-scroll-item{padding:20px 20px 34px;border-top:0;display:none;min-height:unset;opacity:1}
  .service-scroll-item.active{display:flex}
  .service-mobile-switcher{display:flex;gap:10px;justify-content:center;padding:18px 0 8px;background:#17373D}
  .service-mini-grid{grid-template-columns:1fr}
  .why-process-grid{grid-template-columns:1fr}
  .why-process-card{min-height:360px}
  .mission-section .mission-grid{display:grid;grid-template-columns:1fr;gap:1px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.15);border-radius:20px;overflow:hidden}
  .mission-section .mission-card,.mission-section .mission-card.vision{position:relative;top:auto;min-height:0;margin:0;padding:38px 28px;border-radius:0;box-shadow:none}
}
@media(max-width:640px){
  .area-fullbleed .area-map iframe{min-height:360px}
  .why-process-card .flip-face{border-radius:0 44px 0 44px;padding:28px 20px}
  .process-icon{width:76px;height:76px;font-size:1.6rem}
  .why-process-card h3{font-size:1.6rem}
  .why-process-card p{font-size:1rem}
}


/* ===== Client palette + revision 4 ===== */
.topbar{background:#64B8BF}
.topbar i,.nav a i{color:#9ED5D8}
.nav a:hover,.nav a.active{background:rgba(27,121,137,.12);color:#2A7379}
.menu-toggle{background:#2A7379}
.site-header .header-cta{background:#fff!important;color:#2A7379!important;border-color:#fff!important}
.site-header .header-cta i{color:#64B8BF}
.site-header .header-cta:hover{background:#64B8BF!important;border-color:#64B8BF!important;color:#fff!important}
.footer{background:#08171A}
.footer h4,.footer .socials a:hover{color:#9ED5D8}
.footer .brand-mark{width:min(210px,70vw);height:auto;max-height:92px;object-fit:contain}
.site-header .brand-mark{width:190px;height:68px;object-fit:contain}
.site-header .brand-text,.footer .brand-text{display:none}
.site-header .brand{min-width:190px}
.uiverse-btn{--btn-bg:#2A7379}
.uiverse-btn.gold{--btn-bg:#9ED5D8}
.eyebrow{color:#64B8BF}
.check i{color:#64B8BF}
.dark-section{background:#64B8BF}

/* Floating buttons: Back to Top above WhatsApp */
.back-to-top{order:1;background:#64B8BF!important;color:#fff!important}
.whatsapp-float{order:2}

/* Modern welcome */
.welcome-modern{background:linear-gradient(180deg,#fff 0%,#f3f7ef 100%);overflow:hidden}
.welcome-modern:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-180px;top:80px;background:rgba(77,150,163,.11);filter:blur(4px)}
.welcome-modern-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:72px;align-items:center}
.welcome-visual{position:relative;min-height:610px}
.welcome-main-image{position:absolute;left:0;top:0;width:78%;height:82%;overflow:hidden}
.welcome-main-image img,.welcome-secondary-image img{width:100%;height:100%;object-fit:cover;transition:transform .75s cubic-bezier(.2,.7,.2,1)}
.welcome-visual:hover .welcome-main-image img{transform:scale(1.035)}
.welcome-secondary-image{position:absolute;right:0;bottom:0;width:48%;height:48%;overflow:hidden;border:10px solid #fff;box-shadow:0 18px 46px rgba(194,162,75,.14)}
.welcome-year{position:absolute;left:8%;bottom:7%;z-index:3;background:#64B8BF;color:#fff;padding:18px 22px;min-width:150px;box-shadow:0 18px 40px rgba(194,162,75,.22)}
.welcome-year span{display:block;text-transform:uppercase;letter-spacing:.13em;font-size:.7rem;opacity:.84}.welcome-year strong{display:block;font:600 2.25rem/1 'Playfair Display',serif;margin-top:5px}
.welcome-content{position:relative;z-index:1}
.welcome-lead{font-family:'Playfair Display',serif;font-size:clamp(1.25rem,2.1vw,1.7rem);line-height:1.45;color:#2A7379;margin:0 0 16px}
.welcome-lead em{color:#64B8BF}.welcome-lead strong{color:#64B8BF}
.welcome-points{display:grid;gap:12px;margin:28px 0}
.welcome-points>div{display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:center;padding:13px 0;border-bottom:1px solid rgba(31,68,74,.12)}
.welcome-points i{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:rgba(27,121,137,.12);color:#64B8BF}
.welcome-points strong{display:block;color:#2A7379}.welcome-points small{display:block;color:var(--muted);margin-top:2px;line-height:1.45}

/* WHY CHOOSE: no grey/dark overlay on fronts + visible reverse icons */
.why-process-style{background:#2A7379}
.why-process-style:before{background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px)}
.why-process-card .flip-front:before{display:none!important}
.why-process-card .flip-front{background:#9ED5D8!important;color:#fff!important}
.why-process-card.first .flip-front{background:#fff!important;color:#2A7379!important}
.why-process-card:nth-child(3) .flip-front{background:#64B8BF!important}
.why-process-card:nth-child(4) .flip-front{background:#64B8BF!important}
.why-process-card .flip-back{background:#64B8BF!important;border-color:rgba(255,255,255,.15)}
.why-process-card:nth-child(even) .flip-back{background:#2A7379!important}
.why-process-card .flip-back:before{display:none!important}
.why-process-card .back-icon{margin:2px auto 22px;background:#9ED5D8;border-color:rgba(255,255,255,.32);flex:0 0 auto}
.why-process-card .flip-back h3{margin-top:0}
.why-process-card.first .process-num{color:rgba(31,68,74,.22)}
.why-process-card .process-num{color:rgba(255,255,255,.38)}
.why-process-card.first .process-icon{background:#64B8BF}
.why-process-card .process-icon{background:#2A7379}

/* Proper pinned services: entire section stays fixed while content rises */
.service-showcase{position:relative;height:330vh;padding:0!important;background:#2A7379;color:#fff;overflow:clip}
.service-stage{position:sticky;top:0;height:100vh;display:grid;grid-template-columns:1.08fr .92fr;background:#2A7379;overflow:hidden}
.service-stage-media{position:relative;height:100vh;overflow:hidden;background:#081C1F}
.service-stage-media .service-visual{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transform:scale(1.045);transition:opacity .62s ease,transform .8s ease;display:flex;align-items:flex-end;padding:44px}
.service-stage-media .service-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.03),rgba(31,68,74,.48) 72%,rgba(31,68,74,.78))}
.service-stage-media .service-visual.active{opacity:1;transform:scale(1)}
.service-stage-content{position:relative;height:100vh;background:linear-gradient(145deg,#2A7379 0%,#64B8BF 140%);padding:5.5vh 5vw 4vh;display:grid;grid-template-rows:auto 1fr;overflow:hidden}
.service-stage-heading{position:relative;z-index:5;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.15)}
.service-stage-heading .eyebrow,.service-stage-heading .section-title{color:#fff}.service-stage-heading .section-title{font-size:clamp(2rem,3vw,3.55rem);margin-bottom:10px}.service-stage-heading p{margin:0;color:rgba(255,255,255,.78);line-height:1.55}
.service-panel-viewport{position:relative;overflow:hidden;min-height:0}
.service-rise-panel{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:22px 0 10px;transition:transform .72s cubic-bezier(.2,.72,.2,1),opacity .55s ease;will-change:transform,opacity}
.service-rise-panel.is-current{transform:translateY(0);opacity:1;z-index:3}.service-rise-panel.is-prev{transform:translateY(-108%);opacity:.15;z-index:1}.service-rise-panel.is-next{transform:translateY(108%);opacity:.15;z-index:2}
.service-rise-panel h3{font-size:clamp(1.8rem,2.65vw,2.8rem);line-height:1.04;color:#fff;margin:0 0 13px}.service-rise-panel p{color:rgba(255,255,255,.86);line-height:1.7;margin:0;max-width:640px}.service-rise-panel .service-number{color:#9ED5D8;font-size:clamp(2.8rem,5vw,4.4rem)}
.service-stage .service-mini-grid{margin:18px 0 22px}.service-stage .service-mini-grid span{background:rgba(255,255,255,.08)}
.service-stage .uiverse-btn{--btn-bg:#fff;color:#fff;align-self:flex-start}.service-stage .uiverse-btn:hover{color:#2A7379}
.service-mobile-controls{display:none}

/* Wider mission/vision stack */
.mission-section .mission-grid,.about-mission .mission-grid{width:min(1320px,94vw)!important;max-width:none!important}
.mission-section .mission-card,.mission-section .mission-card.vision{padding-left:clamp(44px,6vw,84px);padding-right:clamp(44px,6vw,84px)}
.mission-section .mission-card h2{max-width:1040px}

/* Remove any home gap above footer */
.home-main>section:last-child{padding-bottom:0!important;margin-bottom:0!important}
.home-main+.footer{margin-top:0!important}
.home-main .area-fullbleed{padding-bottom:0!important}

@media(max-width:1100px){
  .site-header .brand-mark{width:150px;height:58px}.site-header .brand{min-width:150px}
  .welcome-modern-grid{gap:40px}.welcome-visual{min-height:520px}
}
@media(max-width:860px){
  .welcome-modern-grid{grid-template-columns:1fr}.welcome-visual{min-height:520px}.welcome-content{padding-top:12px}
  .service-showcase{height:auto;overflow:visible}
  .service-stage{position:relative;height:auto;display:grid;grid-template-columns:1fr;overflow:visible}
  .service-stage-media{height:64vw;min-height:330px}
  .service-stage-content{height:auto;min-height:0;padding:36px 20px 30px;display:block;overflow:visible}
  .service-stage-heading{padding-bottom:24px}
  .service-panel-viewport{position:relative;overflow:visible;min-height:0;margin-top:18px}
  .service-rise-panel{position:relative;inset:auto;display:none;transform:none!important;opacity:1!important;padding:10px 0 6px}
  .service-rise-panel.is-current{display:flex}
  .service-mobile-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:22px}
  .service-control{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:#fff;padding:12px 9px;border-radius:12px;font-weight:700;font-size:.82rem;cursor:pointer}.service-control span{display:block;color:#9ED5D8;font-size:.72rem;margin-bottom:3px}.service-control.active{background:#fff;color:#2A7379}.service-control.active span{color:#64B8BF}
  .mission-section .mission-grid,.about-mission .mission-grid{width:var(--container)!important}
}
@media(max-width:640px){
  .site-header .brand-mark{width:132px;height:52px}.site-header .brand{min-width:132px}
  .welcome-visual{min-height:390px}.welcome-main-image{width:84%;height:78%}.welcome-secondary-image{width:54%;height:48%;border-width:7px}.welcome-year{left:5%;bottom:2%;padding:14px 17px}.welcome-year strong{font-size:1.8rem}
  .service-stage-media{height:76vw;min-height:285px}.service-stage-content{padding:30px 16px 24px}.service-stage-heading .section-title{font-size:2.25rem}.service-mobile-controls{grid-template-columns:1fr}.service-control{display:flex;align-items:center;justify-content:center;gap:8px}.service-control span{display:inline;margin:0}
  .mission-section .mission-card,.mission-section .mission-card.vision{padding:32px 22px}
}


/* === Final rev4 customizations === */
.site-header .brand-mark{width:200px!important;height:auto!important;max-height:72px;object-fit:contain}
.footer .brand-mark{width:200px!important;height:auto!important;max-height:88px;object-fit:contain}
.hero video source{}
.page-hero.services{background-image:linear-gradient(100deg,rgba(31,68,74,.72),rgba(194,162,75,.46)),url('https://storage.googleapis.com/msgsndr/eg2TfKkbB9mExK6CyudK/media/686e920f038ba85c8241d490.webp')!important}
.page-hero.locations{background-image:linear-gradient(100deg,rgba(194,162,75,.74),rgba(31,68,74,.46)),url('https://storage.googleapis.com/msgsndr/eg2TfKkbB9mExK6CyudK/media/686e920f038ba898a841d48e.webp')!important}
.footer{background:linear-gradient(135deg,#64B8BF 0%,#2A7379 55%,#64B8BF 100%)!important;color:#ecf4ef!important}
.footer p,.footer-links a,.footer-bottom{color:rgba(255,255,255,.82)!important}
.footer h4{color:#fff!important}
.footer-links i{color:#B1D9E0!important}
.socials a{border-color:rgba(255,255,255,.28)!important;color:#fff!important;background:rgba(255,255,255,.06)}
.socials a:hover{background:#fff!important;color:#2A7379!important}
.footer-bottom{border-top:1px solid rgba(255,255,255,.16)!important}

.why-process-style{background:linear-gradient(180deg,rgba(31,68,74,.78),rgba(194,162,75,.48)),url('https://storage.googleapis.com/msgsndr/eg2TfKkbB9mExK6CyudK/media/686e920f038ba8998341d48f.webp') center/cover fixed!important;color:#fff!important}
.why-process-style:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,43,49,.72),rgba(194,162,75,.28));opacity:1!important}
.why-process-card .flip-front,.why-process-card.first .flip-front{background:linear-gradient(180deg,#9ED5D8 0%,#64B8BF 38%,#2A7379 100%)!important;color:#fff!important;box-shadow:0 22px 44px rgba(10,46,52,.18)!important}
.why-process-card .flip-back,.why-process-card:nth-child(even) .flip-back{background:linear-gradient(180deg,#64B8BF 0%,#2A7379 100%)!important;color:#fff!important;border-color:rgba(255,255,255,.12)!important}
.why-process-card .process-icon,.why-process-card.first .process-icon,.why-process-card .back-icon{background:rgba(31,68,74,.96)!important;border-color:rgba(255,255,255,.26)!important;color:#fff!important}
.why-process-card .process-num,.why-process-card.first .process-num{color:rgba(255,255,255,.32)!important}

.area-fullbleed .area-grid>div:last-child{background:#2A7379!important;color:#fff;padding-block:88px!important}
.area-fullbleed .area-grid>div:last-child .eyebrow,.area-fullbleed .area-grid>div:last-child .section-title,.area-fullbleed .area-grid>div:last-child .section-copy{color:#fff!important}
.area-fullbleed .city-pill{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.16)!important;color:#fff!important}
.area-fullbleed .uiverse-btn{--btn-bg:#fff}

/* services page same pinned design */
.services-category + .services-category{border-top:1px solid rgba(255,255,255,.08)}
.services-cta-section{margin-top:0}
.services-category .service-stage-content{background:linear-gradient(145deg,#2A7379 0%,#64B8BF 140%)!important}

/* Footer mobile alignment */
@media(max-width:860px){
  .site-header .brand-mark{width:170px!important;max-height:64px}
  .footer .brand-mark{width:170px!important;max-height:72px}
}
@media(max-width:640px){
  .footer-grid>div,.footer-bottom{text-align:center!important}
  .footer .brand,.footer .socials,.footer-links a{justify-content:center!important}
  .footer-bottom{align-items:center!important}
  .site-header .brand-mark{width:160px!important;max-height:60px}
  .footer .brand-mark{width:160px!important;max-height:68px}
}


/* === Final rev5 updates === */
/* Bigger logos */
.site-header .brand-mark{width:236px!important;max-height:82px!important}
.footer .brand-mark{width:248px!important;max-height:108px!important}
@media(max-width:860px){.site-header .brand-mark{width:188px!important;max-height:68px!important}.footer .brand-mark{width:200px!important;max-height:86px!important}}
@media(max-width:640px){.site-header .brand-mark{width:172px!important;max-height:62px!important}.footer .brand-mark{width:188px!important;max-height:82px!important}}

/* Why choose cards 3 and 4 (and all cards) with green gradient, not dark gray */
.why-process-card .flip-front,.why-process-card:nth-child(3) .flip-front,.why-process-card:nth-child(4) .flip-front{background:linear-gradient(180deg,#9ED5D8 0%,#64B8BF 48%,#2A7379 100%)!important;color:#fff!important}
.why-process-card .flip-back,.why-process-card:nth-child(even) .flip-back{background:linear-gradient(180deg,#64B8BF 0%,#2A7379 100%)!important;color:#fff!important;border-color:rgba(255,255,255,.14)!important}
.why-process-card .flip-front:before{background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(31,68,74,.20))!important}

/* Welcome section full width without side gaps */
.welcome-modern{padding:0!important;background:linear-gradient(180deg,#fff 0%,#f4f8ef 100%)!important}
.welcome-modern-grid.welcome-fullbleed{width:100%!important;max-width:none!important;margin:0!important;display:grid;grid-template-columns:1.08fr .92fr;gap:0!important;align-items:stretch!important}
.welcome-modern-grid.welcome-fullbleed .welcome-visual{border-radius:0!important;min-height:640px}
.welcome-modern-grid.welcome-fullbleed .welcome-content{padding:88px min(6vw,72px) 88px min(4vw,52px)}
@media(max-width:860px){.welcome-modern-grid.welcome-fullbleed{grid-template-columns:1fr}.welcome-modern-grid.welcome-fullbleed .welcome-content{padding:34px 20px 56px}.welcome-modern-grid.welcome-fullbleed .welcome-visual{min-height:440px}}

/* Core capabilities background details */
.core-capabilities-section{position:relative;overflow:hidden;background:linear-gradient(135deg,#16356d 0%,#64B8BF 45%,#1A5E6A 100%)!important}
.core-capabilities-section:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px),radial-gradient(circle at 18% 22%,rgba(77,150,163,.22),transparent 18%),radial-gradient(circle at 82% 18%,rgba(255,255,255,.10),transparent 16%),radial-gradient(circle at 72% 72%,rgba(27,121,137,.18),transparent 18%);background-size:32px 32px,32px 32px,auto,auto,auto;opacity:.9;pointer-events:none}
.core-capabilities-section .container{position:relative;z-index:1}
.core-capabilities-section .flip-face{box-shadow:0 18px 42px rgba(0,0,0,.22)}

/* Animated leaf details in FAQ background */
.faq-section{position:relative;overflow:hidden;background:linear-gradient(180deg,#f6f3ea 0%,#eef5e8 100%)!important}
.faq-section:before,.faq-section:after{content:"";position:absolute;pointer-events:none;opacity:.18;background-repeat:no-repeat;background-size:contain;filter:drop-shadow(0 10px 16px rgba(8,35,40,.08))}
.faq-layout{position:relative;z-index:1}

/* New property-focused design background */
.parallax-band:before{background:linear-gradient(100deg,rgba(11,26,29,.36),rgba(11,26,29,.14)),url('https://storage.googleapis.com/msgsndr/eg2TfKkbB9mExK6CyudK/media/686e920f3e1a2552e57db044.webp') center/cover fixed!important}

/* Services CTA image background without filter */
.category-cta-bg{background:#fff url('https://storage.googleapis.com/msgsndr/eg2TfKkbB9mExK6CyudK/media/686e920e302cdcd88d8bf1c0.webp') center/cover no-repeat!important;color:#101E21!important;box-shadow:0 22px 60px rgba(15,31,34,.12)}
.category-cta-bg:before{display:none!important}
.category-cta-bg h2{color:#101E21!important}
.category-cta-bg p{color:#344143!important}

/* Contact iframe form */
.lead-form-embed{width:100%;min-height:681px;height:681px;border-radius:18px;overflow:hidden;margin-top:18px;background:#fff}
.form-wrap{background:linear-gradient(145deg,#2A7379 0%,#64B8BF 140%)!important}

/* Tighter page endings after removing CTA banners */
main>section:last-child{margin-bottom:0!important}
main>section:last-child.section{padding-bottom:72px}


/* === Rev6 refinements === */
/* Larger and cleaner logos */
.site-header .brand-mark,.footer .brand-mark{width:230px!important;height:auto!important;max-height:none!important}
@media(max-width:860px){.site-header .brand-mark,.footer .brand-mark{width:200px!important}}
@media(max-width:640px){.site-header .brand-mark,.footer .brand-mark{width:176px!important}}

/* New header logo motion */
.icon-pulse{animation:logoSwing 4.6s cubic-bezier(.45,.05,.18,.97) infinite;transform-origin:50% 10%}
@keyframes logoSwing{0%,100%{transform:translateY(0) rotate(0) scale(1)}14%{transform:translateY(-4px) rotate(-2.4deg) scale(1.02)}28%{transform:translateY(1px) rotate(2deg) scale(1.03)}42%{transform:translateY(-2px) rotate(-1.2deg) scale(1.015)}58%{transform:translateY(0) rotate(1deg)}75%{transform:translateY(-1px) rotate(-.6deg)}}

/* More space above hero content */
.hero-content{padding-top:210px!important;padding-bottom:84px!important}
@media(max-width:900px){.hero-content{padding-top:154px!important;padding-bottom:66px!important}}

/* Remove home section and improve link hovers */
a:not(.uiverse-btn):not(.floating-btn):not(.brand):not(.menu-toggle):hover{color:#64B8BF}
.nav a:hover,.nav a.active,.footer-links a:hover,.socials a:hover{transition:.28s ease}
.footer-links a:hover{color:#fff;text-decoration:none}
.footer-links a:hover i,.nav a:hover i{color:#9ED5D8}
.uiverse-btn:hover,.uiverse-btn:hover i{color:#fff!important}
.why-card:hover h3,.contact-card:hover h3,.location-card:hover h3,.faq-item summary:hover{color:#fff}

/* Page banner background image and overlay */
.page-hero,.page-hero.services,.page-hero.locations,.page-hero.portfolio,.page-hero.videos,.page-hero.contact{background-image:linear-gradient(0deg,rgba(31,68,74,.88) 0%,rgba(194,162,75,.6) 44%,rgba(31,68,74,.15) 100%),url('https://storage.googleapis.com/msgsndr/eg2TfKkbB9mExK6CyudK/media/686e920eb43183085caef4db.webp')!important;background-position:center!important;background-size:cover!important}
.page-hero{padding-top:210px!important;padding-bottom:82px!important}
.page-title,.page-subtitle{ text-shadow:0 4px 22px rgba(0,0,0,.25)}
@media(max-width:640px){.page-hero{padding-top:175px!important;padding-bottom:68px!important}}

/* Need Help section: background image on white outer section, inner card green again */
.services-cta-image-bg{background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(248,251,247,.82)),url('https://storage.googleapis.com/msgsndr/eg2TfKkbB9mExK6CyudK/media/686e920e627f39d3d10f3a8e.webp') center/cover no-repeat!important;padding:90px 0!important}
.services-cta-image-bg .cta,.services-cta-card-green{background:linear-gradient(140deg,#2A7379 0%,#64B8BF 140%)!important;color:#fff!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 24px 60px rgba(8,37,42,.24)!important}
.services-cta-image-bg .cta h2,.services-cta-image-bg .cta p,.services-cta-image-bg .cta a,.services-cta-image-bg .cta i{color:#fff!important}
.services-cta-image-bg .cta:before{opacity:.22!important;display:block!important}

/* Darker filter on Property-focused design section for readability */
.parallax-band:before{background:linear-gradient(110deg,rgba(9,28,31,.72),rgba(9,28,31,.58) 46%,rgba(9,28,31,.44) 100%),url('https://storage.googleapis.com/msgsndr/eg2TfKkbB9mExK6CyudK/media/686e920e627f3929150f3a8d.webp') center/cover fixed!important}
.parallax-band .section-title,.parallax-band p{position:relative;z-index:1;text-shadow:0 3px 18px rgba(0,0,0,.28)}

/* Mission & Vision: new wide structure over image background */
.mission-section{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(8,18,20,.14),rgba(8,18,20,.22)),url('https://storage.googleapis.com/msgsndr/eg2TfKkbB9mExK6CyudK/media/686e920e6779900e7e3d3f03.webp') center/cover no-repeat!important;padding:88px 0!important}
.mission-section:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.7),rgba(240,247,238,.58));pointer-events:none}
.mission-section .mission-grid,.about-mission .mission-grid{position:relative;z-index:1;display:grid!important;grid-template-columns:1fr!important;gap:22px!important;width:min(1380px,94vw)!important;max-width:none!important;background:none!important;border:0!important}
.mission-section .mission-card,.mission-section .mission-card.vision{position:relative!important;top:auto!important;min-height:0!important;display:block!important;width:min(1120px,100%)!important;padding:56px 56px 54px!important;border-radius:30px!important;margin:0!important;box-shadow:0 24px 55px rgba(0,0,0,.14)!important;border:1px solid rgba(23,56,62,.1)!important;background:rgba(255,255,255,.9)!important;backdrop-filter:blur(9px);color:#21373B!important;overflow:hidden}
.mission-section .mission-card:nth-child(2){justify-self:end;background:linear-gradient(135deg,rgba(194,162,75,.96),rgba(31,68,74,.94))!important;color:#fff!important}
.mission-section .mission-card:before{content:"";position:absolute;inset:auto -80px -100px auto;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle at center,rgba(77,150,163,.22),transparent 72%)}
.mission-section .mission-card .mission-label{display:inline-flex;gap:10px;align-items:center;padding:10px 16px;border-radius:999px;background:rgba(27,121,137,.1);font-weight:800;letter-spacing:.04em;color:#2A7379}
.mission-section .mission-card:nth-child(2) .mission-label{background:rgba(255,255,255,.12);color:#fff}
.mission-section .mission-card h2{max-width:980px!important;font-size:clamp(2.3rem,4vw,4.35rem)!important;line-height:1.02;margin-top:18px!important}
.mission-section .mission-card p{max-width:900px;font-size:1.04rem;line-height:1.86;color:inherit!important;opacity:.92}
.mission-section .mission-card em{color:#9ED5D8!important}.mission-section .mission-card strong{color:#64B8BF!important}.mission-section .mission-card:nth-child(2) strong{color:#fff!important}
.mission-section .mission-card.reveal.from-left.is-visible{transform:translateX(0)}
.mission-section .mission-card.reveal.from-right.is-visible{transform:translateX(0)}
@media(max-width:860px){.mission-section{padding:66px 0!important}.mission-section .mission-card,.mission-section .mission-card.vision{width:100%!important;padding:38px 24px!important}}

/* Process section richer visuals */
.process{gap:22px!important}
.process-step{position:relative;overflow:hidden;padding:34px 28px 30px 28px!important;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02))!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:28px!important;box-shadow:0 16px 38px rgba(0,0,0,.16)!important}
.process-step:before{content:"";position:absolute;inset:auto -24px -24px auto;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(77,150,163,.24),transparent 70%)}
.process-step .num{font-size:clamp(4rem,7vw,6rem)!important;line-height:.8!important;color:rgba(255,255,255,.13)!important;position:absolute;right:20px;top:14px;font-weight:800;letter-spacing:-.06em;animation:wobbleNum 5.2s ease-in-out infinite}
.process-step h3{position:relative;z-index:1;font-size:1.45rem;margin:10px 0 10px}.process-step p{position:relative;z-index:1;color:#dce7e0!important}
.process-icon{position:relative;z-index:1;width:66px;height:66px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#9ED5D8,#64B8BF);box-shadow:0 12px 26px rgba(0,0,0,.15);margin:42px 0 16px;color:#fff;font-size:1.4rem;animation:wobbleCard 4.8s ease-in-out infinite}
.process-step:nth-child(2) .process-icon{animation-delay:.4s}.process-step:nth-child(3) .process-icon{animation-delay:.8s}.process-step:nth-child(4) .process-icon{animation-delay:1.2s}
@keyframes wobbleCard{0%,100%{transform:rotate(0) translateY(0)}20%{transform:rotate(-4deg) translateY(-2px)}40%{transform:rotate(3deg) translateY(1px)}60%{transform:rotate(-2deg) translateY(-1px)}80%{transform:rotate(2deg) translateY(0)}}
@keyframes wobbleNum{0%,100%{transform:rotate(0)}50%{transform:rotate(-4deg) translateY(3px)}}

/* FAQ: more leaf accents */
.faq-section:before,.faq-section:after,.faq-layout:before,.faq-layout:after{content:"";position:absolute;pointer-events:none;background-repeat:no-repeat;background-size:contain;opacity:.16}
.faq-layout{position:relative;z-index:1}
@media(max-width:640px){.faq-layout:before,.faq-layout:after{display:none}}

/* Portfolio without labels + hover icon and lightbox */
.portfolio-card{cursor:pointer;isolation:isolate}
.portfolio-card:after{background:linear-gradient(180deg,rgba(8,37,42,.04),rgba(8,37,42,.72))!important;transition:.35s}
.portfolio-card:hover:after{background:linear-gradient(180deg,rgba(194,162,75,.08),rgba(31,68,74,.88))!important}
.portfolio-info{left:0!important;right:0!important;bottom:0!important;top:0!important;display:grid;place-items:center;transform:none!important}
.portfolio-info strong,.portfolio-info span{display:none!important}
.portfolio-info i{float:none!important;margin:0!important;width:76px!important;height:76px!important;border-radius:50%!important;background:rgba(255,255,255,.18)!important;border:1px solid rgba(255,255,255,.34);backdrop-filter:blur(8px);font-size:1.45rem;color:#fff;transform:scale(.72);opacity:0;transition:.35s}
.portfolio-card:hover .portfolio-info i{opacity:1;transform:scale(1)}
.portfolio-lightbox{position:fixed;inset:0;background:rgba(4,11,12,.86);display:flex;align-items:center;justify-content:center;padding:26px;z-index:9999;opacity:0;pointer-events:none;transition:.28s}
.portfolio-lightbox.open{opacity:1;pointer-events:auto}.portfolio-lightbox figure{max-width:min(94vw,1100px);max-height:90vh;margin:0;position:relative}.portfolio-lightbox img{max-width:100%;max-height:90vh;border-radius:18px;box-shadow:0 22px 50px rgba(0,0,0,.26)}.portfolio-lightbox button{position:absolute;top:-18px;right:-18px;width:44px;height:44px;border-radius:50%;border:0;background:#fff;color:#101E21;font-size:1.2rem;cursor:pointer;box-shadow:0 12px 26px rgba(0,0,0,.24)}

/* More animated coming-soon section */
.coming-soon-card{position:relative;overflow:hidden;background:linear-gradient(135deg,#17373D 0%,#64B8BF 80%)!important}
.coming-soon-card:before,.coming-soon-card:after{content:"";position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(77,150,163,.28),transparent 68%);pointer-events:none}
.coming-soon-card:before{width:260px;height:260px;top:-60px;right:-40px;animation:floatOrb 8s ease-in-out infinite}.coming-soon-card:after{width:180px;height:180px;left:-50px;bottom:-70px;animation:floatOrb 9.5s ease-in-out infinite reverse}
.coming-pill{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);animation:pulseSoon 2.4s ease-in-out infinite}
.coming-decor{position:absolute;inset:0;pointer-events:none}.orbit-dot{position:absolute;width:14px;height:14px;border-radius:50%;background:#9ED5D8;box-shadow:0 0 0 10px rgba(77,150,163,.09)}.orbit-dot.one{top:20%;right:18%;animation:floatOrb 6s ease-in-out infinite}.orbit-dot.two{bottom:18%;right:28%;animation:floatOrb 7.5s ease-in-out infinite reverse}.orbit-dot.three{left:14%;top:24%;animation:floatOrb 8.5s ease-in-out infinite}
@keyframes floatOrb{0%,100%{transform:translateY(0) translateX(0)}50%{transform:translateY(-16px) translateX(6px)}}
@keyframes pulseSoon{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}
.coming-item{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.12)!important;backdrop-filter:blur(8px)}

/* Contact spotlight cards & map */
.contact-grid{align-items:start}
.form-wrap{background:linear-gradient(145deg,#1A5E6A 0%,#64B8BF 100%)!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 20px 48px rgba(0,0,0,.16)!important}
.form-wrap h2,.form-wrap p{color:#fff!important}
.lead-form-embed{background:transparent!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important}
.location-card{position:relative;overflow:hidden;background:linear-gradient(145deg,#ffffff 0%,#f0f7ef 100%)!important;border:1px solid rgba(15,49,55,.1)!important}
.location-card:before{content:"";position:absolute;right:-32px;top:-32px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(77,150,163,.28),transparent 70%)}
.spotlight-chip{display:inline-flex;gap:8px;align-items:center;padding:9px 14px;border-radius:999px;background:rgba(27,121,137,.12);color:#2A7379;font-weight:800;margin-bottom:14px}
.spotlight-copy{margin:0 0 18px;color:#4B5F63;line-height:1.75}
.location-card ul{gap:14px!important}.location-card li{align-items:flex-start!important;line-height:1.55}.location-card li i{margin-top:3px}
.map-wrap{background:linear-gradient(145deg,#fff 0%,#eef5ec 100%);padding:0 0 24px}
.map-wrap iframe{display:block;border-bottom:1px solid rgba(15,49,55,.08)}
.map-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:20px 22px 0}.map-meta div{padding:16px 16px 14px;border-radius:18px;background:#fff;box-shadow:0 12px 26px rgba(11,31,35,.08)}.map-meta i{color:#64B8BF;font-size:1.15rem}.map-meta strong{display:block;margin:10px 0 6px;color:#21373B}.map-meta span{display:block;color:#516366;line-height:1.6;font-size:.94rem}
@media(max-width:860px){.map-meta{grid-template-columns:1fr}}

/* Fix card/section hover text contrast */
.why-card:hover,.contact-card:hover,.location-card:hover,.coming-item:hover,.faq-item:hover{color:var(--charcoal)!important}
.why-card:hover p,.contact-card:hover p,.location-card:hover p,.faq-item:hover p,.location-card:hover li{color:#415356!important}
.why-card:hover h3,.contact-card:hover h3,.location-card:hover h3,.faq-item summary{color:#21373B!important}



/* === Rev7 visual upgrades === */
.site-header .brand-mark,.footer .brand-mark{width:250px!important;height:auto!important;max-height:none!important;object-fit:contain}
.brand-animated{animation:brandDrift 5.6s ease-in-out infinite;transform-origin:50% 50%}
@keyframes brandDrift{0%,100%{transform:translateY(0) rotate(0) scale(1)}20%{transform:translateY(-4px) rotate(-1.5deg) scale(1.015)}40%{transform:translateY(1px) rotate(1.2deg) scale(1.025)}60%{transform:translateY(-2px) rotate(-.7deg) scale(1.012)}80%{transform:translateY(0) rotate(.6deg) scale(1.02)}}
.icon-pulse{animation:none!important}
@media(max-width:860px){.site-header .brand-mark,.footer .brand-mark{width:205px!important}}
@media(max-width:640px){.site-header .brand-mark,.footer .brand-mark{width:182px!important}}

.site-header .nav a.active{background:linear-gradient(135deg,#2A7379,#64B8BF)!important;color:#fff!important;box-shadow:0 10px 24px rgba(31,68,74,.28);transform:translateY(-1px);position:relative}
.site-header .nav a.active i{color:#fff!important;transform:scale(1.08)}
.site-header .nav a.active:after{content:"";position:absolute;left:18%;right:18%;bottom:-6px;height:3px;border-radius:999px;background:#9ED5D8;box-shadow:0 0 0 3px rgba(77,150,163,.13)}
.site-header .nav a:hover:not(.active){background:rgba(77,150,163,.13)!important;color:#2A7379!important}

.page-hero,.page-hero.services,.page-hero.locations,.page-hero.portfolio,.page-hero.videos,.page-hero.contact{background-image:linear-gradient(0deg,rgba(8,37,42,.96) 0%,rgba(31,68,74,.82) 40%,rgba(10,45,51,.42) 72%,rgba(10,30,34,.24) 100%),url('https://storage.googleapis.com/msgsndr/eg2TfKkbB9mExK6CyudK/media/686e920e879662566c45e6a1.webp')!important}

.services-cta-image-bg{background-image:url('https://storage.googleapis.com/msgsndr/eg2TfKkbB9mExK6CyudK/media/686e920e6e4a64916cbcef96.webp')!important;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important}
.services-cta-image-bg:before,.services-cta-image-bg:after{display:none!important}
.services-cta-image-bg .cta{background:linear-gradient(135deg,#2A7379 0%,#64B8BF 100%)!important;color:#fff!important}

.mission-section{background-image:url('https://storage.googleapis.com/msgsndr/eg2TfKkbB9mExK6CyudK/media/686e920ec35e5c715145996f.webp')!important;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important}
.mission-section:before{display:none!important}

.area-fullbleed .area-grid>div:last-child{background:#64B8BF!important;color:#fff!important}
.area-fullbleed .city-pill{background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.16)!important}

.parallax-band:before{background:linear-gradient(100deg,rgba(5,16,18,.88),rgba(5,16,18,.76) 48%,rgba(5,16,18,.64) 100%),url('https://storage.googleapis.com/msgsndr/eg2TfKkbB9mExK6CyudK/media/686e920ec35e5c39eb45996e.webp') center/cover fixed!important}

.contact-grid{grid-template-columns:.95fr 1.05fr!important;gap:34px!important;align-items:start}
.contact-showcase{position:relative;padding:38px;border-radius:32px;background:linear-gradient(145deg,#F4EEDC 0%,#edf6eb 58%,#f9fbf7 100%);border:1px solid rgba(194,162,75,.12);box-shadow:0 22px 54px rgba(25,53,58,.1);overflow:hidden}
.contact-showcase:before{content:"";position:absolute;width:250px;height:250px;border-radius:50%;right:-90px;top:-90px;background:radial-gradient(circle,rgba(194,162,75,.15),transparent 68%)}
.contact-showcase:after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;left:-65px;bottom:-80px;background:radial-gradient(circle,rgba(27,121,137,.18),transparent 68%)}
.contact-showcase>*{position:relative;z-index:1}.contact-kicker{display:inline-flex;align-items:center;gap:9px;padding:9px 14px;border-radius:999px;background:#fff;color:#2A7379;font-weight:800;box-shadow:0 8px 20px rgba(23,56,62,.08)}
.contact-showcase h2{font-family:'Playfair Display',serif;font-size:clamp(2.7rem,5vw,5.1rem);line-height:.96;margin:22px 0 18px;color:#344447}.contact-showcase h2 em{color:#64B8BF;font-weight:600}.contact-showcase-top>p{color:#526164;line-height:1.8;max-width:640px}
.contact-primary{margin-top:26px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:20px;border-radius:22px;background:linear-gradient(135deg,#64B8BF,#2A7379);color:#fff!important;box-shadow:0 18px 36px rgba(194,162,75,.2);transition:.35s}.contact-primary:hover{transform:translateY(-5px);box-shadow:0 24px 48px rgba(194,162,75,.28)}
.contact-primary-icon{width:58px;height:58px;border-radius:17px;display:grid;place-items:center;background:rgba(255,255,255,.14);font-size:1.3rem}.contact-primary small,.contact-mini-card small,.contact-address-ribbon small{display:block;opacity:.72;text-transform:uppercase;letter-spacing:.12em;font-size:.66rem}.contact-primary strong{display:block;font-size:1.45rem;margin-top:4px}
.contact-mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:14px}.contact-mini-card{display:flex;align-items:center;gap:13px;padding:16px;border-radius:18px;background:#fff;color:#18373C!important;border:1px solid rgba(23,56,62,.08);box-shadow:0 10px 24px rgba(19,44,49,.06);transition:.3s}.contact-mini-card:hover{transform:translateY(-4px);background:#2A7379;color:#fff!important}.contact-mini-card>i{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:rgba(77,150,163,.14);color:#64B8BF}.contact-mini-card:hover>i{background:rgba(255,255,255,.13);color:#fff}.contact-mini-card strong{display:block;margin-top:4px;font-size:.9rem;overflow-wrap:anywhere}
.contact-address-ribbon{display:flex;gap:14px;align-items:center;margin-top:14px;padding:17px 18px;border-radius:18px;background:#9ED5D8;color:#fff}.contact-address-ribbon>i{font-size:1.2rem}.contact-address-ribbon strong{display:block;margin-top:3px;font-size:.92rem}
.contact-info-band{background:linear-gradient(180deg,#f8faf6,#edf4ea)!important}.contact-info-heading{width:var(--container);margin:0 auto 34px}.contact-info-heading>p{max-width:720px;color:#5A696C;line-height:1.75}.contact-info-band .location-columns{gap:20px}.contact-info-band .location-card{min-height:100%;background:linear-gradient(145deg,#fff 0%,#edf5ea 100%)!important;border-radius:28px!important;padding:34px!important;transition:.35s}.contact-info-band .location-card:nth-child(2){background:linear-gradient(145deg,#F2E8CA 0%,#edf6eb 100%)!important}.contact-info-band .location-card:hover{transform:translateY(-7px) rotate(-.5deg);box-shadow:0 22px 46px rgba(18,43,48,.12)!important}.contact-info-band .location-card h3{font-size:2rem!important;color:#344447!important}.contact-info-band .location-card li{padding:10px 0;border-bottom:1px dashed rgba(23,56,62,.13)}.contact-info-band .location-card li:last-child{border-bottom:0}
@media(max-width:860px){.contact-grid{grid-template-columns:1fr!important}.contact-mini-grid{grid-template-columns:1fr}.contact-showcase{padding:26px 20px}}

.portfolio-grid.portfolio-masonry{display:block!important;columns:3 320px;column-gap:18px}.portfolio-masonry .portfolio-card{display:block;position:relative;break-inside:avoid;margin:0 0 18px;min-height:0!important;height:auto!important;border-radius:0!important;overflow:hidden;background:#e9eee8;box-shadow:none!important}.portfolio-masonry .portfolio-card img{position:relative!important;inset:auto!important;width:100%;height:auto!important;display:block;object-fit:cover;transition:transform .65s cubic-bezier(.2,.72,.2,1),filter .45s}.portfolio-masonry .portfolio-card.masonry-tall img{aspect-ratio:3/4}.portfolio-masonry .portfolio-card.masonry-wide img{aspect-ratio:5/3}.portfolio-masonry .portfolio-card.masonry-short img{aspect-ratio:4/3}.portfolio-masonry .portfolio-card.masonry-medium img{aspect-ratio:1/1}.portfolio-masonry .portfolio-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(31,68,74,.02),rgba(194,162,75,.14))!important;opacity:0;transition:.35s}.portfolio-masonry .portfolio-card:hover:after{opacity:1;background:linear-gradient(180deg,rgba(31,68,74,.08),rgba(31,68,74,.55))!important}.portfolio-masonry .portfolio-card:hover img{transform:scale(1.045);filter:saturate(1.08)}.portfolio-masonry .portfolio-info{position:absolute!important;inset:0!important;display:grid!important;place-items:center!important;z-index:3}.portfolio-masonry .portfolio-info i{opacity:0!important;transform:scale(.72)!important;background:linear-gradient(135deg,#64B8BF,#2A7379)!important;border:1px solid rgba(255,255,255,.38)!important}.portfolio-masonry .portfolio-card:hover .portfolio-info i{opacity:1!important;transform:scale(1)!important}
@media(max-width:760px){.portfolio-grid.portfolio-masonry{columns:2 150px;column-gap:10px}.portfolio-masonry .portfolio-card{margin-bottom:10px}}

.coming-soon-section{background:linear-gradient(180deg,#f4f4f2 0%,#ecefe9 100%)!important;overflow:hidden}.coming-stage{position:relative;text-align:center;max-width:1050px;margin:0 auto;padding:72px 20px 84px}.coming-sign{position:relative;margin:0 auto;width:min(860px,92vw);min-height:260px;border-radius:90px 44px 96px 46px;background:linear-gradient(145deg,#071214 0%,#000 70%);border:6px solid rgba(194,162,75,.28);box-shadow:0 28px 50px rgba(0,0,0,.2);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:34px 46px;transform:rotate(3deg);animation:comingTilt 6s ease-in-out infinite}.coming-word{font-family:'Playfair Display',serif;font-weight:800;font-size:clamp(3.7rem,9vw,7.4rem);line-height:.88;letter-spacing:-.06em;color:#fff;text-shadow:0 4px 18px rgba(0,0,0,.3)}.coming-subline{margin-top:18px;color:#9ba6b5;letter-spacing:.34em;font-weight:800;font-size:.78rem}.coming-leaf{position:absolute;right:8%;bottom:-16px;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#9ED5D8;color:#fff;box-shadow:0 10px 24px rgba(27,121,137,.28);animation:leafBounce 2.6s ease-in-out infinite}.coming-badge{position:absolute;right:10%;top:38px;z-index:4;padding:11px 18px;border-radius:9px;background:#64B8BF;color:#fff;font-weight:800;box-shadow:0 10px 24px rgba(194,162,75,.24);animation:badgeFloat 3.3s ease-in-out infinite}.coming-badge i{margin-left:8px;color:#9ED5D8}.coming-quote{max-width:720px;margin:42px auto 0;font-size:1.16rem;line-height:1.7;font-style:italic;color:#606E71}.coming-actions{margin-top:24px;display:flex;justify-content:center}.coming-actions .uiverse-btn{max-width:max-content}.coming-stage:before,.coming-stage:after{content:"";position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(77,150,163,.15),transparent 70%);pointer-events:none}.coming-stage:before{width:220px;height:220px;left:-90px;top:20%}.coming-stage:after{width:260px;height:260px;right:-100px;bottom:0}
@keyframes comingTilt{0%,100%{transform:rotate(3deg) translateY(0)}50%{transform:rotate(1.5deg) translateY(-8px)}}@keyframes badgeFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes leafBounce{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-8px) rotate(8deg)}}
@media(max-width:640px){.coming-stage{padding:52px 10px 64px}.coming-sign{min-height:220px;padding:30px 22px;border-radius:58px 28px 64px 30px}.coming-subline{font-size:.62rem;letter-spacing:.18em}.coming-badge{right:18px;top:24px;font-size:.72rem}}


/* rev8 portfolio additions */
.portfolio-masonry .portfolio-card img{display:block;width:100%;height:100%;object-fit:cover}
.portfolio-masonry .portfolio-card{break-inside:avoid}


/* === Rev10 user-requested refinements === */
/* Logo size: larger visual footprint in both header and footer */
.site-header .brand-mark,.footer .brand-mark{width:300px!important;height:auto!important;max-height:none!important;object-fit:contain!important}
.site-header .brand{min-width:300px!important}.footer .brand{min-width:300px!important}
@media(max-width:1180px){.site-header .brand-mark{width:245px!important}.site-header .brand{min-width:245px!important}.footer .brand-mark{width:270px!important}.footer .brand{min-width:270px!important}}
@media(max-width:860px){.site-header .brand-mark{width:220px!important}.site-header .brand{min-width:220px!important}.footer .brand-mark{width:245px!important}.footer .brand{min-width:245px!important}}
@media(max-width:640px){.site-header .brand-mark{width:205px!important}.site-header .brand{min-width:205px!important}.footer .brand-mark{width:230px!important}.footer .brand{min-width:230px!important}}

/* About service areas replacement */
.about-service-areas{background:linear-gradient(180deg,#f7f8f4 0%,#eef4ea 100%)}
.service-area-showcase{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}
.service-area-cloud{position:relative;display:flex;flex-wrap:wrap;gap:13px;padding:44px;border-radius:32px;background:linear-gradient(140deg,#64B8BF 0%,#2A7379 100%);box-shadow:0 26px 62px rgba(24,56,62,.18);overflow:hidden}
.service-area-cloud:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 20%,rgba(77,150,163,.36),transparent 28%),radial-gradient(circle at 10% 90%,rgba(255,255,255,.12),transparent 24%);pointer-events:none}
.service-area-cloud>a{position:relative;z-index:1;padding:13px 18px;border-radius:999px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.2);color:#fff!important;font-weight:800;transition:.3s}
.service-area-cloud>a:hover{background:#fff;color:#2A7379!important;transform:translateY(-3px)}
.service-area-radius{position:relative;z-index:1;width:100%;margin-top:14px;padding-top:24px;border-top:1px solid rgba(255,255,255,.15);display:flex;align-items:end;gap:14px;color:#fff}.service-area-radius strong{font-size:4.8rem;line-height:.8;font-family:'Playfair Display',serif;color:#9ED5D8}.service-area-radius span{max-width:190px;line-height:1.35;font-weight:700}
@media(max-width:860px){.service-area-showcase{grid-template-columns:1fr;gap:32px}.service-area-cloud{padding:28px 20px}}

/* Locations large text linked carousel */
.location-service-carousel-section{background:#fff;padding:44px 0 54px;overflow:hidden;border-top:1px solid rgba(23,56,62,.08)}
.service-marquee-label{margin-bottom:20px}.service-marquee{overflow:hidden;width:100%;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.service-marquee-track{display:flex;width:max-content;gap:42px;align-items:center;animation:serviceMarquee 34s linear infinite}
.service-marquee:hover .service-marquee-track{animation-play-state:paused}
.service-marquee a{display:inline-flex;align-items:center;gap:14px;white-space:nowrap;font-family:'Playfair Display',serif;font-size:clamp(2.2rem,5vw,5.4rem);font-weight:700;letter-spacing:-.04em;color:#21373B!important;transition:.3s}
.service-marquee a:after{content:"•";margin-left:26px;color:#9ED5D8}.service-marquee a i{font-size:.3em;color:#64B8BF;transition:.3s}.service-marquee a:hover{color:#64B8BF!important}.service-marquee a:hover i{transform:translate(5px,-5px);color:#64B8BF}
@keyframes serviceMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.service-marquee-track{animation:none}}

/* Videos: gradient card + more decorative section background */
.coming-soon-decorated{position:relative;background:linear-gradient(180deg,#f1f4ef 0%,#EEE4C9 56%,#eef5e9 100%)!important;overflow:hidden}
.coming-soon-decorated:before,.coming-soon-decorated:after{content:"";position:absolute;pointer-events:none;border-radius:50%;filter:blur(1px)}
.coming-soon-decorated:before{width:430px;height:430px;left:-170px;top:60px;background:radial-gradient(circle,rgba(27,121,137,.18),rgba(27,121,137,0) 68%)}
.coming-soon-decorated:after{width:520px;height:520px;right:-210px;bottom:-120px;background:radial-gradient(circle,rgba(194,162,75,.17),rgba(194,162,75,0) 68%)}
.coming-soon-decorated .container{position:relative;z-index:1}
.coming-soon-decorated .coming-stage:before{background-image:linear-gradient(rgba(194,162,75,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(194,162,75,.06) 1px,transparent 1px);background-size:36px 36px;width:100%;height:100%;left:0;top:0;border-radius:0;opacity:.45}
.coming-gradient-card{background:linear-gradient(135deg,#030708 0%,#2A7379 48%,#64B8BF 100%)!important;border-color:rgba(255,255,255,.25)!important;box-shadow:0 34px 65px rgba(21,51,56,.3)!important}
.coming-gradient-card:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 24%,rgba(255,255,255,.08) 48%,transparent 70%);transform:translateX(-120%);animation:comingShine 5.8s ease-in-out infinite;pointer-events:none}
@keyframes comingShine{0%,55%{transform:translateX(-120%)}75%,100%{transform:translateX(120%)}}

/* Contact map title / content */
.contact-map-intro{padding:0 0 34px;max-width:920px}.contact-map-intro .section-title{font-size:clamp(2.5rem,4.8vw,5rem);margin-bottom:16px}.contact-map-intro .section-copy{max-width:820px}
.map-wrap .contact-map-intro{padding-left:0;padding-right:0}



/* === Rev11: header/nav, mobile hero split, About mobile reveal === */
/* Header menu is blue while it sits on top of the hero/banner. */
@media(min-width:1101px){
  .site-header .nav a{
    color:#64B8BF!important;
    text-shadow:none!important;
    font-weight:800;
  }
  .site-header .nav a i{color:#64B8BF!important}
  .site-header .nav a:hover,.site-header .nav a.active{
    color:#fff!important;
    background:linear-gradient(135deg,#64B8BF,#2A7379)!important;
    box-shadow:0 8px 22px rgba(194,162,75,.20);
  }
  .site-header .nav a:hover i,.site-header .nav a.active i{color:#fff!important}
}

/* Explore Services button: blue treatment. */
.hero .uiverse-btn.alt{
  --btn-bg:#64B8BF!important;
  color:#64B8BF!important;
  border-color:#64B8BF!important;
}
.hero .uiverse-btn.alt:hover{color:#fff!important}

/* Mobile Home hero becomes two stacked sections: video first, content second. */
@media(max-width:640px){
  .home-main .hero{
    display:block!important;
    min-height:0!important;
    background:#EEF1F2!important;
    color:#222929!important;
    overflow:visible!important;
  }
  .home-main .hero video{
    position:relative!important;
    inset:auto!important;
    z-index:0!important;
    width:100%!important;
    height:44vh!important;
    min-height:300px!important;
    max-height:430px!important;
    object-fit:cover!important;
  }
  .home-main .hero-content{
    position:relative!important;
    z-index:2!important;
    width:100%!important;
    margin:0!important;
    padding:44px 20px 58px!important;
    background:#EEF1F2!important;
  }
  .home-main .hero-content:before{
    width:58px!important;
    height:3px!important;
    background:#64B8BF!important;
    box-shadow:none!important;
    margin-bottom:20px!important;
  }
  .home-main .hero-kicker{
    color:#2A7379!important;
    background:#fff!important;
    border-color:rgba(31,68,74,.16)!important;
    box-shadow:0 8px 24px rgba(20,39,42,.08)!important;
    text-shadow:none!important;
  }
  .home-main .hero-kicker i{color:#64B8BF!important}
  .home-main .hero-title{
    color:#222929!important;
    text-shadow:none!important;
    font-size:clamp(2.65rem,12vw,4rem)!important;
    line-height:.98!important;
  }
  .home-main .hero-title .title-word.emphasis{color:#64B8BF!important}
  .home-main .hero-copy{
    color:#4E5A5C!important;
    text-shadow:none!important;
    font-size:1rem!important;
    line-height:1.72!important;
  }
  .home-main .hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}
  .home-main .hero .uiverse-btn{width:100%!important}
  .home-main .hero .uiverse-btn:first-child{
    --btn-bg:#2A7379!important;
    color:#2A7379!important;
  }
  .home-main .hero .uiverse-btn:first-child:hover{color:#fff!important}
  .home-main .hero .uiverse-btn.alt{
    --btn-bg:#64B8BF!important;
    color:#64B8BF!important;
    background:transparent!important;
  }
  .home-main .hero .uiverse-btn.alt:hover{color:#fff!important}

  /* About page: entrance animations happen automatically on scroll, never via tap. */
  body.about-page .tap-hint{display:none!important}
  body.about-page .reveal{
    opacity:0!important;
    transform:translateY(28px) scale(.985)!important;
    transition:opacity .72s ease,transform .72s cubic-bezier(.2,.72,.2,1)!important;
  }
  body.about-page .reveal.from-left{transform:translateX(-30px)!important}
  body.about-page .reveal.from-right{transform:translateX(30px)!important}
  body.about-page .reveal.is-visible{
    opacity:1!important;
    transform:none!important;
  }
  body.about-page .why-card{
    transition:transform .55s ease,opacity .55s ease,box-shadow .35s ease!important;
  }
}

/* The fullscreen mobile nav remains legible on its dark panel. */
@media(max-width:1100px){
  .site-header .nav.open a{color:#fff!important;text-shadow:none!important}
  .site-header .nav.open a i{color:#9ED5D8!important}
  .site-header .nav.open a:hover,.site-header .nav.open a.active{
    color:#fff!important;
    background:linear-gradient(135deg,rgba(194,162,75,.82),rgba(31,68,74,.82))!important;
  }
}


/* === Rev12: site-wide mobile entrance animations / Home mobile QA === */
@media(max-width:640px){
  /* Never display legacy tap/click reveal prompts anywhere in the site. */
  .tap-hint{display:none!important}

  /* Every reveal element enters automatically via IntersectionObserver. */
  .reveal,
  body.about-page .reveal{
    opacity:0!important;
    transform:translateY(26px) scale(.985)!important;
    transition:opacity .68s ease,transform .68s cubic-bezier(.2,.72,.2,1)!important;
  }
  .reveal.from-left,
  body.about-page .reveal.from-left{transform:translateX(-26px)!important}
  .reveal.from-right,
  body.about-page .reveal.from-right{transform:translateX(26px)!important}
  .reveal.is-visible,
  body.about-page .reveal.is-visible{
    opacity:1!important;
    transform:none!important;
  }

  /* Keep interactive cards readable before/after their optional flip interaction. */
  .flip-card.reveal.is-visible,
  .why-process-card.reveal.is-visible{opacity:1!important}

  /* Home mobile layout cleanup. */
  .home-main{overflow-x:hidden}
  .home-main .hero{width:100%;margin:0}
  .home-main .hero video{display:block;width:100%;height:clamp(280px,44vh,400px)!important;min-height:0!important}
  .home-main .hero-content{box-sizing:border-box;padding:40px 18px 54px!important}
  .home-main .hero-title{max-width:100%;font-size:clamp(2.45rem,11.5vw,3.75rem)!important;line-height:1!important}
  .home-main .hero-copy{max-width:100%;font-size:.98rem!important}
  .home-main .hero-actions{width:100%}
  .home-main .hero-actions .uiverse-btn{min-height:52px;justify-content:center}

  .welcome-modern-grid.welcome-fullbleed .welcome-visual{min-height:390px!important}
  .welcome-modern-grid.welcome-fullbleed .welcome-content{padding:38px 18px 52px!important}
  .welcome-modern .section-title{font-size:clamp(2.2rem,10vw,3.25rem)!important}

  .why-process-grid{gap:18px!important}
  .why-process-card{min-height:390px!important}
  .why-process-card .flip-face{padding:26px 18px!important}

  .portfolio-mobile-grid{gap:7px!important;padding-left:10px!important;padding-right:10px!important}
  .portfolio-mobile-grid .wall-item{height:112px!important}

  .faq-section,.area-fullbleed,.footer{overflow-x:hidden}
}

@media(max-width:390px){
  .home-main .hero-content{padding-left:16px!important;padding-right:16px!important}
  .home-main .hero-title{font-size:clamp(2.3rem,11vw,3.35rem)!important}
  .site-header .brand-mark{max-width:185px!important}
  .site-header .brand{min-width:0!important}
}


/* === Rev13: header nav contrast by hero type + lighter banner top === */
/* Home hero: menu text stays blue. */
.home-page .site-header .nav a,
.home-page .site-header .nav a i,
.home-page .site-header .nav a.active,
.home-page .site-header .nav a.active i{
  color:#64B8BF!important;
  text-shadow:0 1px 10px rgba(255,255,255,.48)!important;
}
.home-page .site-header .nav a.active{
  background:rgba(255,255,255,.84)!important;
  box-shadow:0 10px 24px rgba(194,162,75,.14)!important;
}
.home-page .site-header .nav a.active:after{background:#64B8BF!important}
.home-page .site-header .nav a:hover:not(.active){
  color:#64B8BF!important;
  background:rgba(255,255,255,.78)!important;
}
.home-page .site-header .nav a:hover i{color:#64B8BF!important}

/* Internal title banners: menu text is white. */
.inner-page .site-header .nav a,
.inner-page .site-header .nav a i,
.inner-page .site-header .nav a.active,
.inner-page .site-header .nav a.active i{
  color:#fff!important;
  text-shadow:0 2px 12px rgba(0,0,0,.34)!important;
}
.inner-page .site-header .nav a.active{
  background:linear-gradient(135deg,rgba(31,68,74,.94),rgba(27,121,137,.94))!important;
  box-shadow:0 10px 24px rgba(31,68,74,.25)!important;
}
.inner-page .site-header .nav a:hover:not(.active){
  color:#fff!important;
  background:rgba(255,255,255,.14)!important;
}
.inner-page .site-header .nav a:hover i{color:#fff!important}

/* Banner overlay: keep the lower area strong for title readability, but let the upper image show more clearly. */
.page-hero,
.page-hero.services,
.page-hero.locations,
.page-hero.portfolio,
.page-hero.videos,
.page-hero.contact{
  background-image:
    linear-gradient(
      0deg,
      rgba(8,37,42,.93) 0%,
      rgba(31,68,74,.72) 38%,
      rgba(10,45,51,.24) 70%,
      rgba(10,30,34,.06) 100%
    ),
    url('https://storage.googleapis.com/msgsndr/eg2TfKkbB9mExK6CyudK/media/686e920e6779908ec43d3f04.webp')!important;
}

/* The opened mobile navigation keeps strong contrast regardless of page type. */
@media(max-width:1100px){
  .home-page .site-header .nav.open a,
  .home-page .site-header .nav.open a i,
  .inner-page .site-header .nav.open a,
  .inner-page .site-header .nav.open a i{
    color:#fff!important;
    text-shadow:none!important;
  }
  .home-page .site-header .nav.open a.active,
  .inner-page .site-header .nav.open a.active{
    background:linear-gradient(135deg,#2A7379,#64B8BF)!important;
    color:#fff!important;
  }
}


/* === Demo Landscaping requested refinements === */
/* Fresh green palette: eliminate former gold/yellow accents. */
:root{
  --demo-light-green:#9ED5D8;
  --demo-soft-green:#CAE9EE;
  --demo-fresh-green:#64B8BF;
}

/* Home hero: subtle filter over video while keeping the existing composition intact. */
.home-main .hero:after{
  display:block!important;
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(90deg,rgba(8,37,42,.42),rgba(13,51,58,.26) 55%,rgba(8,37,42,.16))!important;
  z-index:0!important;
  pointer-events:none!important;
}
.home-main .hero video{z-index:-1!important}
.home-main .hero-content{z-index:2!important}
.home-main .hero-content:before{background:var(--demo-light-green)!important}

/* Subtle icon motion throughout service / information cards. */
@keyframes demoIconFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(-3deg)}}
@keyframes demoCardBreath{0%,100%{transform:translateY(0);box-shadow:0 18px 40px rgba(31,68,74,.14)}50%{transform:translateY(-7px);box-shadow:0 24px 52px rgba(31,68,74,.22)}}
.process-icon i,.why-icon i,.welcome-points i,.contact-mini-card>i,.map-meta i,.service-mini-grid i,.contact-primary-icon i,.contact-address-ribbon>i{
  animation:demoIconFloat 2.8s ease-in-out infinite;
  transform-origin:center;
}
.process-step:nth-child(2) i,.welcome-points>div:nth-child(2) i{animation-delay:.25s}
.process-step:nth-child(3) i,.welcome-points>div:nth-child(3) i{animation-delay:.5s}
.process-step:nth-child(4) i{animation-delay:.75s}

/* Serving Since DEMO badge animation. */
.welcome-year{
  background:#64B8BF!important;
  box-shadow:0 18px 40px rgba(31,68,74,.20)!important;
  animation:demoCardBreath 3.8s ease-in-out infinite;
}

/* Simple project flow: parallax landscape background with readable dark-green veil. */
.process-parallax{
  position:relative;
  background-image:linear-gradient(rgba(10,44,50,.82),rgba(8,34,39,.86)),url('https://storage.googleapis.com/msgsndr/eg2TfKkbB9mExK6CyudK/media/686e920e9334987ad4b61041.webp')!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-attachment:fixed!important;
}
.process-parallax .process-step{backdrop-filter:blur(2px);background:rgba(255,255,255,.08)!important}
.process-parallax .eyebrow{color:#D0F0EF!important}

/* Contact: map intro should sit directly on the section, without a boxed background. */
.contact-map-intro.no-card-bg{
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
  border-radius:0!important;
}
.map-wrap{background:transparent!important;box-shadow:none!important;padding:0!important;overflow:visible!important}
.map-wrap iframe{border-radius:22px;overflow:hidden;box-shadow:var(--shadow-soft)}

/* Three former map cards now live below the contact form. */
.form-wrap .form-meta{
  margin-top:24px;
  padding:22px 0 0!important;
  border-top:1px solid rgba(255,255,255,.2);
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
}
.form-wrap .form-meta div{
  background:rgba(255,255,255,.10)!important;
  border:1px solid rgba(255,255,255,.13);
  box-shadow:none!important;
}
.form-wrap .form-meta i,.form-wrap .form-meta strong,.form-wrap .form-meta span{color:#fff!important}
.form-wrap h2,.form-wrap p,.form-wrap label,.form-wrap .field label{color:#fff!important}
.form-wrap{background:linear-gradient(145deg,#17454D 0%,#2F6670 100%)!important}

/* Light-green accent replacements. */
.topbar{background:#64B8BF!important}
.footer h4,.footer .socials a:hover,.eyebrow,.check i{color:#9ED5D8!important}
.uiverse-btn.gold{--btn-bg:#9ED5D8!important}
.why-process-card .flip-front{background:#9ED5D8!important}
.why-process-card:nth-child(3) .flip-front{background:#64B8BF!important}
.why-process-card:nth-child(4) .flip-front{background:#64B8BF!important}
.why-process-card .flip-back{background:#2F6670!important}

@media(max-width:760px){
  .process-parallax{background-attachment:scroll!important}
  .home-main .hero:after{background:linear-gradient(rgba(8,37,42,.24),rgba(8,37,42,.16))!important}
}

/* === Demo Landscaping follow-up update === */
/* Title banners: remove kicker spacing dependence and open the top space more. */
.page-hero,
.page-hero.services,
.page-hero.locations,
.page-hero.portfolio,
.page-hero.videos,
.page-hero.contact{
  padding:240px 0 88px!important;
  align-items:flex-end!important;
}
.page-hero .container{display:flex;flex-direction:column;justify-content:flex-end}
.page-hero .page-title{margin-top:0!important}

/* Global favicon update handled in HTML; keep inner hero clean without title kicker. */
.page-hero .eyebrow{display:none!important}

/* Contact: showcase background image for “Several Ways to Reach Us”. */
.contact-showcase.contact-showcase-bg{
  color:#fff!important;
  background-image:
    linear-gradient(135deg,rgba(7,30,34,.84),rgba(16,58,66,.68)),
    url('https://storage.googleapis.com/msgsndr/eg2TfKkbB9mExK6CyudK/media/686e920e302cdca6098bf1c2.webp')!important;
  background-size:cover!important;
  background-position:center!important;
  border:1px solid rgba(255,255,255,.12)!important;
}
.contact-showcase.contact-showcase-bg:before,
.contact-showcase.contact-showcase-bg:after{display:none!important}
.contact-showcase.contact-showcase-bg .contact-kicker,
.contact-showcase.contact-showcase-bg .contact-mini-card,
.contact-showcase.contact-showcase-bg .contact-address-ribbon,
.contact-showcase.contact-showcase-bg .contact-primary{
  background:rgba(255,255,255,.12)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  color:#fff!important;
  box-shadow:none!important;
  backdrop-filter:blur(4px);
}
.contact-showcase.contact-showcase-bg h2,
.contact-showcase.contact-showcase-bg h2 em,
.contact-showcase.contact-showcase-bg .contact-showcase-top>p,
.contact-showcase.contact-showcase-bg .contact-primary *,
.contact-showcase.contact-showcase-bg .contact-mini-card *,
.contact-showcase.contact-showcase-bg .contact-address-ribbon *{
  color:#fff!important;
}
.contact-showcase.contact-showcase-bg .contact-primary-icon,
.contact-showcase.contact-showcase-bg .contact-address-ribbon>i,
.contact-showcase.contact-showcase-bg .contact-mini-card>i,
.contact-showcase.contact-showcase-bg .contact-kicker i{
  color:#CDECF1!important;
}

/* Contact form placeholders in white. */
.form-wrap .field input::placeholder,
.form-wrap .field textarea::placeholder{
  color:rgba(255,255,255,.92)!important;
}
.form-wrap .field select{color:#fff!important}

/* Contact services marquee above map. */
.contact-service-carousel-section{
  padding:0 0 18px;
  background:transparent!important;
}
.contact-service-carousel-section .service-marquee{
  padding:8px 0 10px;
}
.contact-service-carousel-section .service-marquee a{
  font-size:clamp(2rem,4.6vw,4.8rem)!important;
}
.contact-map-section{padding-top:8px!important}

/* Portfolio section: property conditions background. */
.property-conditions-section{
  position:relative;
  background-image:
    linear-gradient(135deg,rgba(7,28,32,.88),rgba(9,39,44,.76)),
    url('https://storage.googleapis.com/msgsndr/eg2TfKkbB9mExK6CyudK/media/686e920e302cdc19868bf1bf.webp')!important;
  background-size:cover!important;
  background-position:center!important;
}

/* Locations page: parallax background for project-address section. */
.send-address-section{
  background-image:
    linear-gradient(135deg,rgba(6,25,28,.86),rgba(12,45,51,.78)),
    url('https://storage.googleapis.com/msgsndr/eg2TfKkbB9mExK6CyudK/media/686e920f3e1a2557357db043.webp')!important;
}
.send-address-section .section-copy,
.send-address-section h3,
.send-address-section p,
.send-address-section .num{color:#fff!important}
.send-address-section .section-head .section-copy{color:#d8e8dc!important}

/* About page: Serving Local Communities parallax section. */
.service-area-parallax{
  position:relative;
  background-image:
    linear-gradient(135deg,rgba(9,28,31,.84),rgba(17,51,57,.76)),
    url('https://storage.googleapis.com/msgsndr/eg2TfKkbB9mExK6CyudK/media/686e920e302cdc3b268bf1c1.webp')!important;
  background-size:cover!important;
  background-position:center!important;
  background-attachment:fixed!important;
}
.service-area-parallax .service-area-intro .section-title,
.service-area-parallax .service-area-intro .section-copy,
.service-area-parallax .service-area-intro .uiverse-btn,
.service-area-parallax .service-area-intro .eyebrow,
.service-area-parallax .service-area-cloud a,
.service-area-parallax .service-area-radius strong,
.service-area-parallax .service-area-radius span{color:#fff!important}
.service-area-parallax .service-area-cloud,
.service-area-parallax .service-area-radius{
  background:rgba(255,255,255,.12)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:none!important;
}

/* FAQ section with parallax background and Font Awesome leaves. */
.faq-section.faq-parallax{
  position:relative;
  background-image:
    linear-gradient(135deg,rgba(8,29,33,.84),rgba(13,49,55,.76)),
    url('https://storage.googleapis.com/msgsndr/eg2TfKkbB9mExK6CyudK/media/686e920e933498033bb61042.webp')!important;
  background-size:cover!important;
  background-position:center!important;
  background-attachment:fixed!important;
  overflow:hidden!important;
}
.faq-section.faq-parallax .faq-intro .section-title,
.faq-section.faq-parallax .faq-intro .section-copy,
.faq-section.faq-parallax .faq-intro .eyebrow,
.faq-section.faq-parallax .faq-item summary,
.faq-section.faq-parallax .faq-item p{color:#fff!important}
.faq-section.faq-parallax .faq-item{
  background:rgba(255,255,255,.12)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  backdrop-filter:blur(4px);
}
.faq-section.faq-parallax .faq-item summary i{color:#CCEBF0!important}
.faq-section.faq-parallax:before,
.faq-section.faq-parallax:after,
.faq-section.faq-parallax .faq-layout:before,
.faq-section.faq-parallax .faq-layout:after{
  background:none!important;
  font-family:"Font Awesome 6 Free"!important;
  font-weight:900!important;
  display:block!important;
  color:rgba(207,236,241,.24)!important;
  line-height:1;
  opacity:1!important;
}




@keyframes faLeafFloatOne{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-12px) rotate(8deg)}}
@keyframes faLeafFloatTwo{0%,100%{transform:translateY(0) rotate(10deg)}50%{transform:translateY(-16px) rotate(-10deg)}}

/* Home area section darker green background. */
.area-fullbleed.home-area-dark{background:#17454D!important}
.area-fullbleed.home-area-dark .section-title,
.area-fullbleed.home-area-dark .section-copy,
.area-fullbleed.home-area-dark .eyebrow,
.area-fullbleed.home-area-dark .city-pill,
.area-fullbleed.home-area-dark .map-badge strong,
.area-fullbleed.home-area-dark .map-badge small{color:#fff!important}
.area-fullbleed.home-area-dark .city-pill{
  background:rgba(255,255,255,.12)!important;
  border-color:rgba(255,255,255,.16)!important;
}
.area-fullbleed.home-area-dark .map-badge{background:rgba(11,33,37,.94)!important}

@media(max-width:860px){
  .page-hero,
  .page-hero.services,
  .page-hero.locations,
  .page-hero.portfolio,
  .page-hero.videos,
  .page-hero.contact{padding:210px 0 74px!important}
}
@media(max-width:760px){
  .service-area-parallax,
  .faq-section.faq-parallax,
  .send-address-section{background-attachment:scroll!important}
}
@media(max-width:640px){
  .page-hero,
  .page-hero.services,
  .page-hero.locations,
  .page-hero.portfolio,
  .page-hero.videos,
  .page-hero.contact{padding:185px 0 64px!important}
  .contact-showcase.contact-showcase-bg{padding:26px 20px!important}
  .contact-service-carousel-section .service-marquee a{font-size:clamp(1.45rem,8vw,2.3rem)!important}
}

/* === Demo Landscaping V4 refinements === */
/* Taller home hero with more breathing room above the content. */
@media(min-width:641px){
  .home-main .hero{min-height:940px!important}
  .home-main .hero-content{padding-top:280px!important;padding-bottom:110px!important}
}
@media(min-width:1500px){
  .home-main .hero{min-height:1000px!important}
  .home-main .hero-content{padding-top:310px!important}
}

/* White navigation while it sits over the hero/banner; no active underline. */
@media(min-width:1101px){
  .home-page .site-header .nav a,
  .home-page .site-header .nav a i,
  .home-page .site-header .nav a.active,
  .home-page .site-header .nav a.active i,
  .inner-page .site-header .nav a,
  .inner-page .site-header .nav a i,
  .inner-page .site-header .nav a.active,
  .inner-page .site-header .nav a.active i{
    color:#fff!important;
    text-shadow:0 2px 12px rgba(0,0,0,.34)!important;
  }
  .home-page .site-header .nav a.active,
  .inner-page .site-header .nav a.active{
    background:rgba(255,255,255,.13)!important;
    box-shadow:none!important;
  }
  .home-page .site-header .nav a:hover:not(.active),
  .inner-page .site-header .nav a:hover:not(.active){
    color:#fff!important;
    background:rgba(255,255,255,.12)!important;
  }
  .home-page .site-header .nav a:hover i,
  .inner-page .site-header .nav a:hover i{color:#fff!important}
}
.site-header .nav a.active:after,
.home-page .site-header .nav a.active:after,
.inner-page .site-header .nav a.active:after{display:none!important;content:none!important}
@media(max-width:1100px){
  .site-header .nav.open a,
  .site-header .nav.open a i{color:#fff!important}
}

/* Animated Local Service Area badge. */
@keyframes localAreaFloat{
  0%,100%{transform:translateY(0) scale(1);box-shadow:0 10px 30px rgba(11,33,37,.18)}
  50%{transform:translateY(-7px) scale(1.018);box-shadow:0 18px 38px rgba(11,33,37,.28)}
}
.home-area-dark .map-badge,
.area-map .map-badge{animation:localAreaFloat 3.8s ease-in-out infinite;transform-origin:center}
.home-area-dark .map-badge i{animation:demoIconFloat 2.8s ease-in-out infinite}

/* Darker green service-area block on Home. */
.area-fullbleed.home-area-dark,
.area-fullbleed.home-area-dark .area-grid>div:last-child{background:#0D2D33!important}
.area-fullbleed.home-area-dark .area-grid>div:last-child{background-image:linear-gradient(145deg,#0D2D33,#164048)!important}

/* FAQ: no empty gap below; closed plus button stays light with a green icon. */
.faq-section.faq-parallax{padding-bottom:0!important;margin-bottom:0!important}
.faq-section.faq-parallax + .area-fullbleed{margin-top:0!important}
.faq-section.faq-parallax .faq-item:not([open]) summary i{
  background:#F1FAED!important;
  color:#2F6670!important;
  border:1px solid rgba(47,102,112,.18)!important;
}
.faq-section.faq-parallax .faq-item[open] summary i{
  background:#9CCCD5!important;
  color:#17454D!important;
}

/* Remove the horizontal lines around and between Simple Project Flow cards. */
.process-parallax .process{border-top:0!important;border-bottom:0!important}
.process-parallax .process-step,
.process-parallax .process-step:nth-child(-n+2),
.process-parallax .process-step:nth-child(2),
.process-parallax .process-step:last-child{
  border:0!important;
}

/* Title entrance motion, layered over the existing letter-by-letter effect. */
.section-title.title-enter,
.page-title.title-enter,
.hero-title.title-enter{
  opacity:0;
  transform:translateY(34px) scale(.985);
  transition:opacity .72s ease,transform .78s cubic-bezier(.2,.72,.2,1);
}
.section-title.title-enter.title-enter-visible,
.page-title.title-enter.title-enter-visible,
.hero-title.title-enter.title-enter-visible{
  opacity:1;
  transform:none;
}

@media(max-width:640px){
  .home-main .hero video{height:52vh!important;min-height:340px!important;max-height:520px!important}
  .home-main .hero-content{padding:62px 18px 62px!important}
  .faq-section.faq-parallax{padding-bottom:0!important}
}

@media(prefers-reduced-motion:reduce){
  .home-area-dark .map-badge,.area-map .map-badge{animation:none!important}
  .section-title.title-enter,.page-title.title-enter,.hero-title.title-enter{opacity:1!important;transform:none!important;transition:none!important}
}

/* === Demo Landscaping V5 refinements === */
/* Remove the remaining space before the Home service-area section. */
.faq-section.faq-parallax + .area-fullbleed{
  margin-top:0!important;
  padding-top:0!important;
}

/* Footer: deep green gradient with decorative light-green details. */
.footer{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 22%,rgba(145,200,210,.14) 0 90px,transparent 92px),
    radial-gradient(circle at 86% 14%,rgba(145,200,210,.11) 0 120px,transparent 122px),
    radial-gradient(circle at 72% 92%,rgba(255,255,255,.055) 0 165px,transparent 168px),
    linear-gradient(145deg,#081C1F 0%,#0D2F35 48%,#17454D 100%)!important;
}
.footer:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.34;
  background-image:
    linear-gradient(35deg,transparent 47%,rgba(149,206,216,.08) 48%,rgba(149,206,216,.08) 50%,transparent 51%),
    linear-gradient(145deg,transparent 47%,rgba(149,206,216,.055) 48%,rgba(149,206,216,.055) 50%,transparent 51%);
  background-size:72px 72px;
}
.footer>.container{position:relative;z-index:1}
.footer-links a:hover,
.footer-links a:hover i,
.footer .socials a:hover,
.footer .socials a:hover i{
  color:#9CCCD5!important;
}

/* Home hero estimate button: white hover with green text/icon. */
.home-main .hero-actions .uiverse-btn:first-child:hover{
  background:#fff!important;
  color:#2A7379!important;
  border-color:#fff!important;
}
.home-main .hero-actions .uiverse-btn:first-child:hover i{color:#2A7379!important}

/* Taller internal title banners with more breathing room above the content. */
.page-hero,
.page-hero.services,
.page-hero.locations,
.page-hero.portfolio,
.page-hero.videos,
.page-hero.contact{
  min-height:620px!important;
  padding:300px 0 92px!important;
}

/* Animate the DEMO / Demo landscaping badge in About. */
.about-welcome-visual .badge-float{
  animation:demoBadgeFloat 3.8s ease-in-out infinite!important;
  transform-origin:center;
}
@keyframes demoBadgeFloat{
  0%,100%{transform:translateY(0) rotate(-2deg) scale(1);box-shadow:0 18px 36px rgba(11,45,51,.18)}
  50%{transform:translateY(-9px) rotate(1deg) scale(1.025);box-shadow:0 26px 48px rgba(11,45,51,.28)}
}
.about-welcome-visual{min-height:500px!important}
.about-welcome-visual .welcome-main-image,
.about-welcome-visual .welcome-secondary-image{overflow:hidden}
.about-welcome-visual img{width:100%;height:100%;object-fit:cover}

/* About service-area links: visible green text, including hover state. */
.service-area-parallax .service-area-cloud>a{
  color:#CCEBF0!important;
}
.service-area-parallax .service-area-cloud>a:hover{
  background:#fff!important;
  color:#2A7379!important;
}
.service-area-parallax .service-area-cloud>a:hover i{color:#2A7379!important}

/* Contact/footer hover links use clear green feedback. */
.contact-showcase a:hover,
.contact-showcase a:hover *,
.contact-map-intro a:hover,
.contact-map-intro a:hover i{
  color:#9CCCD5!important;
}

/* Any light/white button hover must switch copy and icons to green. */
.uiverse-btn.light:hover,
.uiverse-btn.light:hover i,
.uiverse-btn:hover[style*="white"],
.uiverse-btn:hover[style*="white"] i{
  color:#2A7379!important;
}

/* Before scheduling: push copy downward so it never collides with large numbers. */
.send-address-section .process-step{
  padding-top:112px!important;
}
.send-address-section .process-step h3{
  margin-top:12px!important;
}
.send-address-section .process-step .num{
  top:20px!important;
  right:20px!important;
}

/* More space above the Contact map copy. */
.contact-map-section .contact-map-intro{
  padding-top:58px!important;
}
.contact-map-section .map-wrap{padding-top:0!important}

/* Green gradient behind the Contact services marquee. */
.contact-service-carousel-section{
  padding:34px 0!important;
  background:linear-gradient(135deg,#0D2D33 0%,#17454D 46%,#64B8BF 100%)!important;
}
.contact-service-carousel-section .service-marquee a,
.contact-service-carousel-section .service-marquee a i{
  color:#fff!important;
}
.contact-service-carousel-section .service-marquee a:after{color:#D0F0EF!important}
.contact-service-carousel-section .service-marquee a:hover,
.contact-service-carousel-section .service-marquee a:hover i{
  color:#CCEBF0!important;
}

/* Contact-information section: requested unfiltered parallax image. */
.contact-info-parallax{
  background-image:url('https://storage.googleapis.com/msgsndr/eg2TfKkbB9mExK6CyudK/media/686e920e6e4a649a34bcef94.webp')!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-attachment:fixed!important;
}

/* White-hover rule for common cards and pills: keep content green and readable. */
.service-area-cloud>a:hover,
.city-pill:hover,
.contact-mini-card:hover,
.contact-primary:hover,
.contact-address-ribbon:hover{
  color:#2A7379!important;
}
.service-area-cloud>a:hover i,
.city-pill:hover i,
.contact-mini-card:hover i,
.contact-primary:hover i,
.contact-address-ribbon:hover i{
  color:#2A7379!important;
}

@media(max-width:860px){
  .page-hero,
  .page-hero.services,
  .page-hero.locations,
  .page-hero.portfolio,
  .page-hero.videos,
  .page-hero.contact{
    min-height:540px!important;
    padding:250px 0 82px!important;
  }
}
@media(max-width:760px){
  .contact-info-parallax{background-attachment:scroll!important}
}
@media(max-width:640px){
  .page-hero,
  .page-hero.services,
  .page-hero.locations,
  .page-hero.portfolio,
  .page-hero.videos,
  .page-hero.contact{
    min-height:500px!important;
    padding:225px 0 68px!important;
  }
  .send-address-section .process-step{padding-top:104px!important}
}
@media(prefers-reduced-motion:reduce){
  .about-welcome-visual .badge-float{animation:none!important}
}

/* === Portfolio image refresh + larger About imagery === */
.about-page main > .section:first-of-type .split{
  grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr)!important;
  gap:58px!important;
  align-items:center!important;
}
.about-welcome-visual{
  min-height:650px!important;
  width:100%!important;
}
.about-welcome-visual .welcome-main-image{
  width:84%!important;
  height:88%!important;
}
.about-welcome-visual .welcome-secondary-image{
  width:54%!important;
  height:54%!important;
  border-width:9px!important;
}
@media(max-width:860px){
  .about-page main > .section:first-of-type .split{grid-template-columns:1fr!important;gap:34px!important}
  .about-welcome-visual{min-height:560px!important}
}
@media(max-width:640px){
  .about-welcome-visual{min-height:440px!important}
  .about-welcome-visual .welcome-main-image{width:88%!important;height:84%!important}
  .about-welcome-visual .welcome-secondary-image{width:58%!important;height:50%!important;border-width:6px!important}
}

/* ============================================================
   RESPONSIVE HARDENING PASS — preserves existing design/behavior
   Applied from AJUSTE MOBILE(6): fluid sizes, early nav collapse,
   low-height handling, zoom-safe grids/iframes, and small-view QA.
   ============================================================ */

/* Global containment without changing visual styling. */
html{min-width:0}
body{min-width:0}
.container,.site-header-inner,.hero-content,.page-hero .container,
.section-head,.split,.area-grid,.contact-grid,.footer-grid,
.service-area-showcase,.faq-layout,.mission-grid,.why-process-grid,
.form-grid,.portfolio-grid,.portfolio-mobile-grid{min-width:0}
img,video,svg,canvas,iframe{max-width:100%}
iframe{display:block;width:100%;border:0}
.section-copy,.hero-copy,.page-subtitle,.footer p,.footer-links a,
.contact-mini-card strong,.contact-primary strong{overflow-wrap:anywhere}

/* Prevent ultrawide/zoom-out stretching while keeping the existing desktop composition. */
@media(min-width:1921px){
  :root{--container:min(1240px,86vw)}
  .hero-title{font-size:clamp(4.2rem,5.4vw,7.5rem)}
  .section-title{font-size:clamp(2.8rem,3.1vw,4.7rem)}
  .page-title{font-size:clamp(3.8rem,4.8vw,6.6rem)}
  .hero-content{padding-top:clamp(270px,18vh,330px)!important}
  .page-hero,.page-hero.services,.page-hero.locations,.page-hero.portfolio,.page-hero.videos,.page-hero.contact{
    min-height:clamp(620px,58svh,760px)!important;
    padding-top:clamp(270px,24vh,330px)!important;
  }
}

/* Collapse desktop navigation before the large logo/nav/CTA begin to collide.
   This also makes high browser zoom behave like the effective viewport size. */
@media(max-width:1280px){
  .site-header-inner{
    grid-template-columns:minmax(0,1fr) auto!important;
    justify-content:space-between!important;
    gap:16px!important;
  }
  .site-header .brand{min-width:0!important;max-width:min(300px,70vw)}
  .site-header .brand-mark{width:clamp(190px,22vw,245px)!important;max-width:100%!important;height:auto!important}
  .site-header .nav{
    position:fixed!important;
    inset:0!important;
    z-index:120!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:6px!important;
    padding:clamp(92px,16svh,145px) clamp(18px,5vw,52px) 40px!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    background:#28585C!important;
    transform:translateY(-110%)!important;
    transition:transform .5s!important;
  }
  .site-header .nav.open{transform:translateY(0)!important}
  .site-header .nav a{
    width:min(100%,560px)!important;
    margin:0 auto!important;
    justify-content:flex-start!important;
    font-size:clamp(1rem,2.1vw,1.3rem)!important;
    padding:11px 16px!important;
    color:#fff!important;
    text-shadow:none!important;
  }
  .site-header .nav a i{color:#9ED5D8!important}
  .site-header .menu-toggle{display:grid!important;place-items:center!important;z-index:140!important;flex:0 0 auto}
  .site-header .header-cta{display:none!important}
}

/* Tablet/intermediate widths: preserve style, only rebalance available space. */
@media(max-width:1180px){
  .section{padding-block:clamp(72px,8vw,90px)}
  .section-head{gap:clamp(20px,4vw,36px)}
  .cards-4,.why-grid,.why-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .process{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:32px!important}
  .service-area-showcase{gap:clamp(28px,5vw,48px)!important}
}

@media(max-width:980px){
  :root{--container:min(1180px,90vw)}
  .section-head,.split,.area-grid,.contact-grid,.faq-layout{grid-template-columns:1fr!important}
  .faq-intro{position:static!important;top:auto!important}
  .area-grid{gap:30px!important}
  .contact-grid{gap:28px!important}
  .service-area-showcase{grid-template-columns:1fr!important}
  .service-area-cloud{width:100%;padding:clamp(24px,5vw,34px)!important}
  .map-wrap,.map-wrap iframe,.area-map,.area-map iframe{min-height:clamp(340px,54vw,480px)!important}
}

/* Small tablets / large phones. */
@media(max-width:760px){
  :root{--container:min(1180px,calc(100vw - 32px))}
  .site-header-inner{width:calc(100% - 20px)!important}
  .section{padding-block:clamp(58px,10vw,76px)}
  .section-tight{padding-block:clamp(44px,8vw,62px)}
  .section-title{font-size:clamp(2rem,8.5vw,3.2rem)!important;line-height:1.04!important}
  .page-title{font-size:clamp(2.55rem,10vw,4.1rem)!important;line-height:1!important}
  .section-copy,.page-subtitle{font-size:clamp(.96rem,2.4vw,1.06rem)!important;line-height:1.7!important}
  .cards-3,.cards-4,.flip-grid,.service-list-grid,.why-grid,.why-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .uiverse-btn{min-height:50px;padding-inline:clamp(16px,4vw,22px)}
  .service-area-cloud>a{flex:1 1 min(230px,100%);text-align:center}
  .floating-actions{right:max(10px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom))}
  .floating-btn{width:48px!important;height:48px!important}
}

/* Phones: retain cards/animations but remove compression. */
@media(max-width:560px){
  :root{--container:calc(100vw - 28px)}
  .cards-3,.cards-4,.flip-grid,.service-list-grid,.why-grid,.why-process-grid,.process,.location-columns,.footer-grid{grid-template-columns:1fr!important}
  .site-header-inner{width:calc(100% - 16px)!important;margin-top:8px!important;padding:8px 9px 8px 12px!important}
  .site-header .brand-mark{width:clamp(150px,48vw,205px)!important}
  .site-header .menu-toggle{width:44px!important;height:44px!important}
  .hero-actions{width:100%;display:grid!important;grid-template-columns:1fr!important}
  .hero-actions .uiverse-btn{width:100%!important;max-width:100%}
  .form-grid{grid-template-columns:1fr!important}
  .field.full{grid-column:auto!important}
  .field input,.field select,.field textarea{min-width:0!important}
  .service-area-cloud{padding:22px 16px!important}
  .service-area-cloud>a{flex-basis:100%!important}
  .footer-bottom{flex-direction:column!important;align-items:flex-start!important}
  .contact-showcase,.form-wrap,.mission-card,.location-card{padding-left:clamp(18px,5vw,26px)!important;padding-right:clamp(18px,5vw,26px)!important}
  .map-wrap,.map-wrap iframe,.area-map,.area-map iframe{min-height:clamp(300px,82vw,380px)!important}
}

/* Extremely narrow CSS viewports caused by tiny devices, split-screen, or heavy zoom. */
@media(max-width:359px){
  :root{--container:calc(100vw - 20px)}
  .site-header-inner{width:calc(100% - 10px)!important;margin-top:5px!important;border-radius:15px!important;gap:6px!important;padding:7px 7px 7px 9px!important}
  .site-header .brand{max-width:calc(100vw - 68px)!important}
  .site-header .brand-mark{width:clamp(132px,49vw,165px)!important;max-width:100%!important}
  .site-header .menu-toggle{width:42px!important;height:42px!important;border-radius:12px!important}
  .site-header .nav{padding-left:12px!important;padding-right:12px!important}
  .site-header .nav a{font-size:1rem!important;padding:10px 12px!important}
  .section-title{font-size:clamp(1.85rem,10.2vw,2.55rem)!important}
  .page-title{font-size:clamp(2.15rem,12vw,3rem)!important}
  .hero-title{font-size:clamp(2.1rem,12.2vw,3.05rem)!important}
  .eyebrow{font-size:.68rem!important;letter-spacing:.12em!important}
  .uiverse-btn{width:100%!important;min-height:48px!important;padding-inline:14px!important;font-size:.9rem!important}
  .contact-primary,.contact-mini-card,.contact-address-ribbon{min-width:0!important}
  .contact-primary strong,.contact-mini-card strong{font-size:.88rem!important}
  .portfolio-mobile-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .portfolio-mobile-grid .wall-item{height:104px!important}
  .floating-actions{right:8px!important;bottom:8px!important;gap:8px!important}
  .floating-btn{width:44px!important;height:44px!important;font-size:1.05rem!important}
}

/* Home hero: retain the existing desktop and split-mobile concepts, but make height fluid. */
@media(min-width:641px){
  .home-main .hero{
    min-height:clamp(760px,94svh,1000px)!important;
  }
  .home-main .hero-content{
    padding-top:clamp(220px,28svh,310px)!important;
    padding-bottom:clamp(80px,10svh,115px)!important;
  }
  .home-main .hero-title{font-size:clamp(3.5rem,6.8vw,7.5rem)!important}
}
@media(max-width:640px){
  .home-main .hero video{
    height:clamp(300px,48svh,500px)!important;
    min-height:0!important;
    max-height:none!important;
  }
  .home-main .hero-content{padding:clamp(44px,9vw,62px) 16px clamp(52px,10vw,66px)!important}
  .home-main .hero-title{font-size:clamp(2.35rem,11vw,3.7rem)!important}
}

/* Internal banners: height responds to both width and height; same visual design retained. */
.page-hero,.page-hero.services,.page-hero.locations,.page-hero.portfolio,.page-hero.videos,.page-hero.contact{
  min-height:clamp(500px,64svh,650px)!important;
  padding-top:clamp(220px,28svh,300px)!important;
  padding-bottom:clamp(66px,9svh,92px)!important;
}

/* Low-height desktop/tablet/landscape windows — important for browser zoom and landscape phones. */
@media(max-height:700px) and (min-width:641px){
  .home-main .hero{min-height:clamp(620px,112svh,760px)!important}
  .home-main .hero-content{padding-top:clamp(180px,30svh,225px)!important;padding-bottom:60px!important}
  .home-main .hero-title{font-size:clamp(3rem,6vw,5.5rem)!important}
  .page-hero,.page-hero.services,.page-hero.locations,.page-hero.portfolio,.page-hero.videos,.page-hero.contact{
    min-height:clamp(430px,95svh,540px)!important;
    padding-top:clamp(170px,30svh,220px)!important;
    padding-bottom:54px!important;
  }
  .site-header .nav{padding-top:78px!important;padding-bottom:24px!important}
  .site-header .nav a{padding-block:8px!important}
  .service-stage-content{padding:3vh 4vw 2.5vh!important}
  .service-stage-heading{padding-bottom:10px!important}
  .service-stage-heading .section-title{font-size:clamp(1.7rem,3vw,2.75rem)!important;margin-bottom:6px!important}
  .service-stage-heading p{font-size:.88rem!important;line-height:1.42!important}
  .service-rise-panel{padding:12px 0 6px!important}
  .service-rise-panel h3{font-size:clamp(1.45rem,2.6vw,2.15rem)!important;margin-bottom:8px!important}
  .service-rise-panel p{font-size:.9rem!important;line-height:1.5!important}
  .service-stage .service-mini-grid{margin:10px 0 12px!important;gap:7px!important}
}

@media(max-height:520px) and (min-width:561px){
  .site-header .nav{padding-top:66px!important}
  .site-header .nav a{font-size:.95rem!important;padding-block:6px!important}
  .home-main .hero{min-height:540px!important}
  .home-main .hero-content{padding-top:150px!important;padding-bottom:46px!important}
  .page-hero,.page-hero.services,.page-hero.locations,.page-hero.portfolio,.page-hero.videos,.page-hero.contact{
    min-height:390px!important;
    padding-top:145px!important;
    padding-bottom:44px!important;
  }
}

/* Sticky/pinned services: preserve behavior on capable viewports; make it fit short screens. */
@media(min-width:861px){
  .service-stage,.service-stage-media,.service-stage-content{height:100svh!important}
  .service-stage{min-height:560px}
}
@media(min-width:861px) and (max-height:620px){
  .service-stage{min-height:500px}
  .service-stage-media,.service-stage-content{min-height:500px}
}

/* About image stack: fluid height avoids huge blank areas at zoom while preserving the same composition. */
.about-welcome-visual{min-height:clamp(440px,52vw,650px)!important}
@media(max-width:860px){.about-welcome-visual{min-height:clamp(460px,78vw,560px)!important}}
@media(max-width:560px){.about-welcome-visual{min-height:clamp(360px,112vw,440px)!important}}

/* Portfolio and media containment. */
.portfolio-masonry{column-width:min(320px,100%)!important}
.portfolio-masonry .portfolio-card,.wall-item{max-width:100%}
.video-feature video{width:100%;height:auto;max-height:min(650px,75svh)}

/* Map/form/embed sizing under zoom. */
.map-wrap,.area-map{max-width:100%;min-width:0}
.map-wrap iframe,.area-map iframe{max-width:100%;width:100%!important}
.form-wrap{min-width:0}
.field input,.field textarea,.field select{max-width:100%;min-width:0}

/* Footer: retain four/two/one-column intent without compressed links. */
.footer-grid>div{min-width:0}
.footer .brand{min-width:0!important;max-width:100%}
.footer .brand-mark{max-width:min(300px,100%)!important;height:auto!important}
.footer-links a{min-width:0;overflow-wrap:anywhere}

/* Decorative absolute elements scale down before they can cover content. */
@media(max-width:760px){
  .coming-stage:before,.coming-stage:after{transform:scale(.72)}
  .faq-section.faq-parallax:before,.faq-section.faq-parallax:after{font-size:clamp(2.2rem,9vw,4rem)!important}
}

/* Mobile landscape / short tablet landscape specific spacing. */
@media(orientation:landscape) and (max-height:500px) and (max-width:900px){
  .section{padding-block:52px!important}
  .section-tight{padding-block:40px!important}
  .site-header-inner{margin-top:6px!important}
  .floating-actions{bottom:8px!important}
  .page-title{font-size:clamp(2.2rem,6.5vw,3.4rem)!important}
  .section-title{font-size:clamp(1.9rem,5.4vw,2.8rem)!important}
}

/* Preserve motion preferences only when the user/OS explicitly requests reduced motion.
   No animations are disabled for responsive reasons. */

/* === Demo Landscaping V8 refinements === */
/* FAQ CTA must be white with green content, plus breathing room below the content. */
.faq-section.faq-parallax{
  padding-bottom:clamp(68px,7vw,105px)!important;
}
.faq-section.faq-parallax .faq-intro .uiverse-btn{
  --btn-bg:#fff!important;
  background:#fff!important;
  color:#2A7379!important;
  border-color:#fff!important;
}
.faq-section.faq-parallax .faq-intro .uiverse-btn i{color:#2A7379!important}
.faq-section.faq-parallax .faq-intro .uiverse-btn:hover{
  background:#F1FAED!important;
  color:#2A7379!important;
  border-color:#F1FAED!important;
}
.faq-section.faq-parallax .faq-intro .uiverse-btn:hover i{color:#2A7379!important}
.faq-section.faq-parallax .faq-intro .uiverse-btn:before{background:transparent!important}

/* Home portfolio becomes a seamless automatic horizontal carousel. */
.home-portfolio-carousel{
  width:100%;
  overflow:hidden;
  padding:4px 0 34px;
  position:relative;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%);
}
.home-portfolio-track{
  display:flex;
  width:max-content;
  gap:18px;
  align-items:stretch;
  animation:homePortfolioLoop 58s linear infinite;
  will-change:transform;
}
.home-portfolio-carousel:hover .home-portfolio-track{animation-play-state:paused}
.home-portfolio-slide{
  flex:0 0 clamp(250px,24vw,390px);
  height:clamp(300px,34vw,500px);
  margin:0;
  position:relative;
  overflow:hidden;
  border-radius:24px;
  cursor:zoom-in;
  box-shadow:0 15px 34px rgba(18,43,48,.14);
}
.home-portfolio-slide:nth-child(3n+2){height:clamp(270px,30vw,450px)}
.home-portfolio-slide:nth-child(3n+3){height:clamp(330px,37vw,540px)}
.home-portfolio-slide img{
  width:100%;height:100%;object-fit:cover;
  transition:transform .55s cubic-bezier(.2,.72,.2,1),filter .4s;
}
.home-portfolio-slide:after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(8,33,38,0),rgba(8,33,38,.45));
  opacity:0;transition:.35s;
}
.home-portfolio-zoom{
  position:absolute;inset:0;z-index:2;display:grid;place-items:center;
  opacity:0;transform:scale(.88);transition:.35s;color:#fff;font-size:1.35rem;
}
.home-portfolio-zoom i{
  width:68px;height:68px;border-radius:50%;display:grid;place-items:center;
  background:rgba(31,68,74,.78);border:1px solid rgba(255,255,255,.35);backdrop-filter:blur(6px);
}
.home-portfolio-slide:hover img{transform:scale(1.055);filter:saturate(1.08)}
.home-portfolio-slide:hover:after,.home-portfolio-slide:hover .home-portfolio-zoom{opacity:1}
.home-portfolio-slide:hover .home-portfolio-zoom{transform:scale(1)}
@keyframes homePortfolioLoop{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* Mobile menu logo is visible inside the opened navigation. */
.mobile-menu-brand{display:none!important}
@media(max-width:1100px){
  .site-header .nav.open .mobile-menu-brand{
    display:flex!important;
    width:min(250px,72vw)!important;
    padding:0!important;
    margin:0 auto 18px!important;
    background:transparent!important;
    box-shadow:none!important;
    justify-content:center!important;
  }
  .site-header .nav.open .mobile-menu-brand img{
    width:100%!important;
    max-height:105px!important;
    object-fit:contain!important;
  }
}

/* Mobile Home hero: content stays over the video, with extra top spacing. */
@media(max-width:640px){
  .home-main .hero{
    position:relative!important;
    display:flex!important;
    align-items:flex-start!important;
    min-height:clamp(760px,105svh,900px)!important;
    color:#fff!important;
    overflow:hidden!important;
    background:#0D2D33!important;
  }
  .home-main .hero video{
    position:absolute!important;
    inset:0!important;
    z-index:-3!important;
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
    max-height:none!important;
    object-fit:cover!important;
  }
  .home-main .hero:after{
    display:block!important;
    z-index:-2!important;
    background:linear-gradient(180deg,rgba(6,26,29,.38) 0%,rgba(6,26,29,.56) 40%,rgba(6,26,29,.78) 100%)!important;
  }
  .home-main .hero:before{
    z-index:-1!important;
    height:150px!important;
    background:linear-gradient(transparent,var(--paper))!important;
  }
  .home-main .hero-content{
    position:relative!important;
    z-index:2!important;
    width:var(--container)!important;
    margin:auto!important;
    padding:clamp(235px,34svh,320px) 0 92px!important;
    background:transparent!important;
  }
  .home-main .hero-title{
    color:#fff!important;
    text-shadow:0 4px 24px rgba(0,0,0,.38)!important;
  }
  .home-main .hero-copy{
    color:#eef5ef!important;
    text-shadow:0 2px 14px rgba(0,0,0,.28)!important;
  }
  .home-main .hero .uiverse-btn:first-child{
    --btn-bg:#fff!important;
    color:#fff!important;
    border-color:#fff!important;
    background:transparent!important;
  }
  .home-main .hero .uiverse-btn:first-child:hover{
    background:#fff!important;color:#2A7379!important;
  }
  .home-main .hero .uiverse-btn:first-child:hover i{color:#2A7379!important}
  .home-main .hero .uiverse-btn.alt{
    color:#D0F0EF!important;
    border-color:#D0F0EF!important;
    background:transparent!important;
  }
  .home-main .hero .uiverse-btn.alt:hover{color:#2A7379!important;background:#D0F0EF!important}
  .home-portfolio-carousel{padding-bottom:22px;-webkit-mask-image:none;mask-image:none}
  .home-portfolio-track{gap:10px;animation-duration:42s}
  .home-portfolio-slide{flex-basis:72vw;height:390px!important;border-radius:18px}
  .faq-section.faq-parallax{padding-bottom:64px!important}
}

@media(max-width:360px){
  .home-main .hero-content{padding-top:220px!important}
  .home-portfolio-slide{flex-basis:80vw;height:340px!important}
}

@media(prefers-reduced-motion:reduce){
  .home-portfolio-track{animation:none!important}
}

/* V9 correction: preserve original Home Portfolio design except on mobile. */
.home-portfolio-carousel{display:none!important}
@media (max-width:640px){
  .portfolio-wall-section .desktop-wall{display:none!important}
  .portfolio-wall-section .portfolio-mobile-grid{display:none!important}
  .portfolio-wall-section .home-portfolio-carousel{display:block!important}
}

/* Updated internal title banner background image */
.page-hero,
.page-hero.services,
.page-hero.locations,
.page-hero.portfolio,
.page-hero.videos,
.page-hero.contact{
  background-image:
    linear-gradient(
      0deg,
      rgba(8,37,42,.93) 0%,
      rgba(31,68,74,.72) 38%,
      rgba(10,45,51,.24) 70%,
      rgba(10,30,34,.06) 100%
    ),
    url('https://storage.googleapis.com/msgsndr/eg2TfKkbB9mExK6CyudK/media/686e920e879662429545e69f.webp')!important;
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
}

/* MB Tile and Granite: palette refinements without changing existing interactions */
:root{--blue:#64B8BF;--forest:#286D73;--forest-2:#448E94;--sage:#64B8BF;--sage-2:#9ED5D8;--cream:#EFE8DF;--paper:#F6F1E9;--charcoal:#222929;--gold:#64B8BF;}
.dark-section{background:#347C82;color:#fff}.mission-section{background:#DCEDEF}.mission-card.vision{background:#347C82}.why-section{background:linear-gradient(180deg,#F6F1E9,#E7F0ED)}
.nav.open{background:#28585C}.footer{background:#295E63}.hero:after{background:linear-gradient(90deg,rgba(14,40,43,.78),rgba(18,56,59,.48) 52%,rgba(14,40,43,.12))}
.project-video-in-home{margin:42px auto 0;max-width:900px}.video-frame{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:24px;box-shadow:0 18px 42px rgba(0,0,0,.18)}.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.form-wrap iframe{display:block;min-height:681px;width:100%}.brand-mark{object-fit:contain}.portfolio-masonry .portfolio-card{cursor:zoom-in}
@media(max-width:640px){.portfolio-masonry{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-masonry .portfolio-card{min-height:180px}.project-video-in-home{width:92vw}}

/* Site-specific supporting surface colors */
.page-hero:before{background-color:rgba(20,64,68,.25)}

/* --- 2026-10-09 MB Tile refinements --- */
:root{
  --blue:#64B8BF;
  --forest:#4CAAB4;
  --forest-2:#5FB8C1;
  --sage:#64B8BF;
  --sage-2:#BFE9ED;
  --gold:#BFE9ED;
  --paper:#F6F1EA;
  --charcoal:#1A1E20;
  --muted:#5E6A6E;
  --shadow:0 18px 42px rgba(37,107,117,.18);
  --shadow-soft:0 10px 28px rgba(50,123,133,.12);
}
body{background:var(--paper)!important;color:var(--charcoal)!important}

/* Topbar over hero / banners */
.topbar{
  position:absolute!important;
  top:0;left:0;right:0;
  z-index:60;
  background:transparent!important;
  color:#fff!important;
}
.topbar .container{min-height:38px}
.topbar a,.topbar span{color:#fff!important;text-shadow:0 2px 10px rgba(0,0,0,.25)}
.topbar i{color:#fff!important}
.site-header{top:34px!important}
.site-header-inner{
  background:rgba(255,255,255,.10)!important;
  border:1px solid rgba(255,255,255,.22)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.16)!important;
}
.brand{background:transparent!important;box-shadow:none!important;min-width:250px!important}
.brand-mark{
  width:clamp(170px,18vw,260px)!important;
  height:auto!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* Header nav hover white */
.site-header .nav a{
  color:#fff!important;
  background:transparent!important;
}
.site-header .nav a i{color:#fff!important}
.site-header .nav a:hover,
.site-header .nav a.active{
  background:#fff!important;
  color:#3E919A!important;
}
.site-header .nav a:hover i,
.site-header .nav a.active i{color:#3E919A!important}
.site-header .header-cta{
  background:#64B8BF!important;
  color:#fff!important;
  border-color:#64B8BF!important;
}
.site-header .header-cta i{color:#fff!important}
.site-header .header-cta:hover{
  background:#fff!important;
  color:#3E919A!important;
  border-color:#fff!important;
}
.site-header .header-cta:hover i{color:#3E919A!important}

/* Remove green feeling across sections */
.footer,
.dark-section,
.service-showcase .service-stage-content,
.home-area-dark,
.area-fullbleed.home-area-dark{
  background:#2F7F88!important;
}
.section-title,.page-title,.hero-title,.welcome-points strong,.welcome-lead,
.service-stage-heading p,.service-stage-heading .section-title,
.contact-map-intro .section-title,.footer h4,.footer-bottom span{color:inherit}
.eyebrow,.section .eyebrow i,.footer-links a i,.socials a i,
.process-icon i,.why-icon i,.welcome-points i,.contact-mini-card>i,
.map-meta i,.service-mini-grid i,.contact-primary-icon i,.contact-address-ribbon>i{
  color:#64B8BF!important;
}
.welcome-year,.back-to-top,.whatsapp-float,.service-stage .uiverse-btn,.process-icon,
.why-process-card.first .process-icon,.why-process-card .process-icon{
  background:#64B8BF!important;
}
.service-stage .uiverse-btn,.back-to-top,.whatsapp-float{color:#fff!important}
.back-to-top:hover,.whatsapp-float:hover,.uiverse-btn:hover{
  background:#fff!important;
  color:#3E919A!important;
  border-color:#fff!important;
}
.back-to-top:hover i,.whatsapp-float:hover i,.uiverse-btn:hover i{color:#3E919A!important}

/* Hero wider content */
.hero:after{display:block!important;content:""!important;background:linear-gradient(90deg,rgba(0,0,0,.78) 0%,rgba(18,45,51,.58) 42%,rgba(100,184,191,.16) 100%)!important}
.hero-content{width:min(1320px,92vw)!important;padding-top:190px!important;padding-bottom:110px!important}
.hero-title{max-width:1120px!important}
.hero-copy{max-width:760px!important}

/* Home Vimeo section spacing */
.project-video-in-home{margin-top:24px!important;padding-bottom:36px!important}
.project-video-in-home .video-frame{margin-top:0!important}
.parallax-band-inner{padding-bottom:42px!important}

/* Why choose us with black/celeste gradient and cream reverse cards */
.why-process-style{
  background:linear-gradient(135deg,#06090B 0%,#102A2F 40%,#64B8BF 100%)!important;
}
.why-process-style:before{display:none!important}
.why-process-style .section-title,
.why-process-style .section-copy,
.why-process-style .eyebrow{color:#fff!important}
.why-process-card .flip-front{
  background:linear-gradient(180deg,rgba(7,10,12,.92) 0%,rgba(31,61,67,.95) 55%,rgba(100,184,191,.95) 100%)!important;
  color:#fff!important;
}
.why-process-card.first .flip-front{background:linear-gradient(180deg,rgba(7,10,12,.92) 0%,rgba(31,61,67,.95) 55%,rgba(100,184,191,.95) 100%)!important;color:#fff!important}
.why-process-card .flip-back,
.why-process-card:nth-child(even) .flip-back{
  background:#EFE8DF!important;
  color:#111!important;
  border-color:rgba(100,184,191,.22)!important;
}
.why-process-card .flip-back h3,
.why-process-card .flip-back p,
.why-process-card .flip-back .process-icon,
.why-process-card .flip-back .back-icon,
.why-process-card .flip-back i{color:#111!important}
.why-process-card .flip-back .back-icon{
  background:#64B8BF!important;
  color:#fff!important;
  border-color:rgba(100,184,191,.26)!important;
}
.why-process-card .flip-back p{color:#333!important}
.why-process-card .process-num{color:rgba(255,255,255,.25)!important}

/* Title banners now use video backgrounds */
.page-hero,
.page-hero.services,
.page-hero.locations,
.page-hero.portfolio,
.page-hero.videos,
.page-hero.contact{
  position:relative!important;
  overflow:hidden!important;
  min-height:420px!important;
  background:none!important;
  display:flex!important;
  align-items:flex-end!important;
}
.page-hero-video{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  z-index:0!important;
}
.page-hero:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(180deg,rgba(0,0,0,.55) 0%,rgba(10,18,20,.72) 42%,rgba(45,118,127,.82) 100%)!important;
  z-index:1!important;
}
.page-hero .container{position:relative!important;z-index:2!important;padding-top:168px!important;padding-bottom:74px!important}
.page-title,.page-subtitle{color:#fff!important;text-shadow:0 2px 16px rgba(0,0,0,.22)}

/* Contact info section moved above map */
.form-wrap .form-meta{display:none!important}
.contact-meta-section{padding-top:18px!important;padding-bottom:30px!important;background:transparent!important}
.contact-meta-section .contact-map-intro{padding-bottom:20px!important;max-width:980px}
.contact-meta-section .detached-form-meta,
.contact-meta-section .form-meta{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.contact-meta-section .form-meta > div{
  background:#fff!important;
  border:1px solid rgba(100,184,191,.18)!important;
  border-radius:18px!important;
  padding:22px!important;
  box-shadow:var(--shadow-soft)!important;
}
.contact-meta-section .form-meta strong{display:block;color:#1a1e20!important;margin:8px 0 6px}
.contact-meta-section .form-meta span{color:#5e6a6e!important;line-height:1.65}
.contact-map-section{padding-top:20px!important}

/* Floating buttons on left */
.floating-actions{
  left:20px!important;
  right:auto!important;
  bottom:22px!important;
  gap:12px!important;
}
.back-to-top{order:1!important;opacity:0;visibility:hidden}
.back-to-top.is-visible{opacity:1!important;visibility:visible!important}
.whatsapp-float{
  order:2!important;
  background:#64B8BF!important;
  color:#fff!important;
}

/* Forms / cards / misc theme clean-up */
.contact-showcase-bg:before,
.about-mission:before,.mission-section:before,
.parallax-band:before,.about-band:before{
  background-image:none!important;
}
.contact-showcase-bg,
.about-mission,
.mission-section,
.parallax-band,
.area-band,
.faq-section,
.contact-info-parallax,
.why-section,
.about-why,
.welcome-modern{
  background-image:none!important;
}
.parallax-band{background:linear-gradient(135deg,#0a0d10 0%,#19393f 46%,#64B8BF 100%)!important}
.mission-section,.about-mission{background:#2F7F88!important}
.faq-section,.area-band,.why-section,.about-why,.welcome-modern,.contact-info-parallax{background:linear-gradient(180deg,#f8f4ee 0%,#eef7f8 100%)!important}
.contact-mini-card:hover,.location-card:hover,.service-card:hover,.why-card:hover,.faq-item[open],.footer-links a:hover{border-color:rgba(100,184,191,.24)!important}
.socials a{background:rgba(255,255,255,.14)!important}
.socials a:hover{background:#fff!important;color:#3E919A!important}

@media(max-width:1100px){
  .brand{min-width:180px!important}
  .brand-mark{width:min(220px,38vw)!important}
  .contact-meta-section .form-meta{grid-template-columns:1fr 1fr}
}
@media(max-width:860px){
  .site-header{top:12px!important}
  .site-header-inner{background:transparent!important;border:0!important;box-shadow:none!important}
  .site-header .nav{background:rgba(16,65,72,.94)!important}
  .page-hero .container{padding-top:150px!important}
  .contact-meta-section .form-meta{grid-template-columns:1fr}
}
@media(max-width:640px){
  .topbar{display:flex!important;position:absolute!important}
  .topbar .container{min-height:32px;font-size:.72rem}
  .topbar-group:last-child{display:none!important}
  .site-header{top:24px!important}
  .hero-content{padding-top:150px!important;padding-bottom:96px!important}
  .hero-title{max-width:none!important}
  .page-hero,
  .page-hero.services,
  .page-hero.locations,
  .page-hero.portfolio,
  .page-hero.videos,
  .page-hero.contact{min-height:350px!important}
  .floating-actions{left:12px!important;bottom:14px!important}
}

/* --- 2026-10-09 refinement pass 2 --- */

/* Clean custom cursor: tile-inspired, not leaf-inspired */
body.custom-cursor-on,
body.custom-cursor-on a,
body.custom-cursor-on button{cursor:none}
.tile-cursor{
  position:fixed;
  z-index:9999;
  pointer-events:none;
  width:22px;
  height:22px;
  border-radius:6px;
  border:2px solid rgba(255,255,255,.92);
  background:linear-gradient(135deg,rgba(100,184,191,.95),rgba(255,255,255,.22));
  transform:translate(-50%,-50%) rotate(45deg);
  box-shadow:0 0 0 6px rgba(100,184,191,.14),0 6px 16px rgba(0,0,0,.18);
  backdrop-filter:blur(2px);
}
.tile-cursor:before,
.tile-cursor:after{
  content:"";
  position:absolute;
  background:rgba(255,255,255,.84);
}
.tile-cursor:before{left:50%;top:2px;bottom:2px;width:1px;transform:translateX(-50%)}
.tile-cursor:after{top:50%;left:2px;right:2px;height:1px;transform:translateY(-50%)}
.tile-trail{
  position:fixed;
  z-index:9998;
  pointer-events:none;
  width:10px;
  height:10px;
  border-radius:3px;
  border:1px solid rgba(255,255,255,.72);
  background:rgba(100,184,191,.92);
  animation:tileTrailDrop 1.15s ease-out forwards;
  box-shadow:0 2px 10px rgba(0,0,0,.12);
}
@keyframes tileTrailDrop{
  to{opacity:0;transform:translate(var(--dx),52px) rotate(155deg) scale(.35)}
}
@media(max-width:640px){.tile-cursor,.tile-trail,.leaf-cursor,.leaf-fall{display:none!important}}

/* Header without boxed background */
.site-header-inner{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
.site-header .nav,
.site-header .nav a,
.site-header .header-cta{backdrop-filter:none!important}

/* Ensure no greenish desktop/mobile nav surfaces remain */
.nav.open{background:rgba(17,72,79,.97)!important}
.site-header .header-cta{background:#64B8BF!important;border-color:#64B8BF!important}
.site-header .header-cta:hover{background:#fff!important;border-color:#fff!important;color:#3E919A!important}
.site-header .header-cta:hover i{color:#3E919A!important}
.menu-toggle{background:#64B8BF!important}

/* Service labels pinned to right side of the imagery */
.service-stage-media,.service-visual{position:relative!important}
.service-tag{
  position:absolute!important;
  right:22px!important;
  left:auto!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  max-width:220px;
  text-align:center;
  justify-content:center;
  background:rgba(14,18,20,.54)!important;
  border:1px solid rgba(255,255,255,.28)!important;
  color:#fff!important;
}
@media(max-width:860px){
  .service-tag{top:auto!important;bottom:18px!important;transform:none!important;right:18px!important;max-width:calc(100% - 36px)}
}

/* Why choose us: keep image background with strong black filter */
.why-process-style{
  position:relative!important;
  background:url('https://storage.googleapis.com/msgsndr/eg2TfKkbB9mExK6CyudK/media/686e920f3e1a2557357db043.webp') center/cover no-repeat!important;
}
.why-process-style:before{
  display:block!important;
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(180deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.76) 35%,rgba(0,0,0,.72) 100%)!important;
  opacity:1!important;
  pointer-events:none!important;
}
.why-process-style .container{position:relative;z-index:1}
.why-process-card .flip-front,
.why-process-card.first .flip-front{
  background:linear-gradient(180deg,#050608 0%,#152126 58%,#64B8BF 100%)!important;
}
.why-process-card .flip-front .process-icon,
.why-process-card.first .flip-front .process-icon{
  background:rgba(255,255,255,.18)!important;
  border-color:rgba(255,255,255,.22)!important;
  box-shadow:0 0 0 10px rgba(255,255,255,.05)!important;
}
.why-process-card .flip-front .process-icon i,
.why-process-card.first .flip-front .process-icon i{color:#000!important}
.why-process-card .flip-back .process-icon i,
.why-process-card .flip-back .back-icon i{color:#fff!important}

/* Home process icons pure white */
.process-step .process-icon,
.process-step .process-icon i{
  color:#fff!important;
}
.process-step .process-icon{
  background:rgba(255,255,255,.12)!important;
  border-color:rgba(255,255,255,.28)!important;
  box-shadow:0 0 0 10px rgba(255,255,255,.05)!important;
}

/* Contact details block: celeste gradient with decorative background and more top spacing */
.contact-meta-section{
  position:relative!important;
  overflow:hidden!important;
  padding-top:70px!important;
  padding-bottom:42px!important;
  background:linear-gradient(135deg,#d7f1f3 0%,#7bc7ce 48%,#64B8BF 100%)!important;
}
.contact-meta-section:before,
.contact-meta-section:after{
  content:"";
  position:absolute;
  border-radius:50%;
  pointer-events:none;
}
.contact-meta-section:before{
  width:360px;height:360px;right:-90px;top:-120px;
  background:radial-gradient(circle,rgba(255,255,255,.26) 0%,rgba(255,255,255,0) 68%);
}
.contact-meta-section:after{
  width:460px;height:460px;left:-150px;bottom:-220px;
  background:radial-gradient(circle,rgba(255,255,255,.18) 0%,rgba(255,255,255,0) 70%);
}
.contact-meta-section .container{position:relative;z-index:1}
.contact-meta-section .contact-map-intro .eyebrow,
.contact-meta-section .contact-map-intro .section-title,
.contact-meta-section .contact-map-intro .section-copy{color:#fff!important}
.contact-meta-section .contact-map-intro .section-copy{max-width:760px}
.contact-meta-section .form-meta > div{
  background:rgba(255,255,255,.96)!important;
  border-color:rgba(255,255,255,.34)!important;
}

/* Portfolio ending banner = same language as services page banner */
.property-conditions-section{
  position:relative!important;
  overflow:hidden!important;
  min-height:360px!important;
  display:flex!important;
  align-items:flex-end!important;
  background:none!important;
}
.property-conditions-section .section-banner-video{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  z-index:0!important;
}
.property-conditions-section:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  background:linear-gradient(180deg,rgba(0,0,0,.45) 0%,rgba(8,16,18,.72) 48%,rgba(16,73,80,.82) 100%)!important;
}
.property-conditions-section .container{position:relative!important;z-index:2!important;padding-top:164px!important;padding-bottom:68px!important}
.property-conditions-section .section-head{border-top:0!important;margin-bottom:0!important}
.property-conditions-section .section-title,.property-conditions-section .section-copy,.property-conditions-section .eyebrow{color:#fff!important}

/* Remove remaining greenish section surfaces */
.footer,
.dark-section,
.mission-section,
.about-mission,
.parallax-band,
.service-stage-content,
.process-parallax,
.home-area-dark,
.area-fullbleed.home-area-dark,
.nav.open{
  background-color:#2F7F88!important;
}
.footer p,.footer-links a,.footer-bottom{color:rgba(255,255,255,.84)!important}
.socials a:hover{color:#3E919A!important}

/* FAQ with animated question marks instead of leaf-like decorative background */
.faq-section{
  position:relative!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#f8f4ee 0%,#edf8f9 100%)!important;
}
.faq-section:before,
.faq-section:after,
.faq-layout:before,
.faq-layout:after{
  content:"?";
  position:absolute;
  font-family:'Playfair Display',serif;
  font-weight:700;
  line-height:1;
  color:rgba(100,184,191,.12);
  pointer-events:none;
  animation:floatQuestion 7.5s ease-in-out infinite;
}
.faq-section:before{font-size:220px;left:2%;top:10%}
.faq-section:after{font-size:180px;right:4%;bottom:6%;animation-delay:-2s}
.faq-layout{position:relative}
.faq-layout:before{font-size:150px;right:28%;top:-10px;animation-delay:-1s}
.faq-layout:after{font-size:120px;left:38%;bottom:-20px;animation-delay:-3s}
@keyframes floatQuestion{
  0%,100%{transform:translateY(0) rotate(-4deg)}
  50%{transform:translateY(-18px) rotate(4deg)}
}

/* Contact page footer only logo, description, socials and copyright */
.contact-page .footer-grid{grid-template-columns:minmax(0,420px)!important;justify-content:start!important}
.contact-page .footer-grid > div:not(:first-child){display:none!important}
.contact-page .footer-bottom{justify-content:flex-start!important}
.contact-page .footer-bottom span:last-child{display:none!important}

/* Minor spacing / responsive cleanup */
@media(max-width:640px){
  .site-header-inner{margin-top:6px!important}
  .contact-meta-section{padding-top:54px!important}
  .property-conditions-section{min-height:320px!important}
  .property-conditions-section .container{padding-top:138px!important;padding-bottom:48px!important}
}

/* Verified final fixes: do not override the absolute service media layers */
.service-stage-media{position:relative!important;min-width:0!important;min-height:100vh!important;overflow:hidden!important;background:#24575F!important}
.service-stage-media .service-visual{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important;transform-origin:center!important}
.service-stage-media .service-visual.active{opacity:1!important;transform:scale(1)!important}
.service-stage-media .service-visual:not(.active){opacity:0!important;pointer-events:none!important}
.service-stage{background:#368B96!important}
.service-stage-content{background:linear-gradient(140deg,#266D77 0%,#64B8BF 120%)!important}
/* Header logo size */
.site-header .brand-mark{width:clamp(150px,15vw,218px)!important;height:auto!important}
.site-header .brand{min-width:clamp(155px,15vw,218px)!important}
/* Why choose cards: consistent celeste-dominant face */
.why-process-card .flip-front,.why-process-card.first .flip-front,.why-process-card:nth-child(3) .flip-front,.why-process-card:nth-child(4) .flip-front{background:linear-gradient(180deg,#317F89 0%,#64B8BF 68%,#93CAD0 100%)!important;color:#fff!important}
.why-process-card .flip-front h3,.why-process-card .flip-front p{color:#fff!important}
.why-process-card .flip-front .process-icon i{color:#000!important}
.why-process-card .flip-back,.why-process-card:nth-child(even) .flip-back{background:#EFE8DF!important}
/* Preserve moving question decorations with no leaf assets */
.faq-section.faq-parallax:before,.faq-section.faq-parallax:after,.faq-section.faq-parallax .faq-layout:before,.faq-section.faq-parallax .faq-layout:after{content:"?"!important;font-family:'Playfair Display',serif!important;font-weight:700!important;background-image:none!important;background:none!important;color:rgba(100,184,191,.23)!important;filter:none!important;display:block!important;line-height:1!important;opacity:1!important;animation:floatQuestion 7.5s ease-in-out infinite!important}
.faq-section.faq-parallax:before{font-size:clamp(90px,13vw,190px)!important;left:3%!important;top:10%!important}
.faq-section.faq-parallax:after{font-size:clamp(90px,12vw,175px)!important;right:4%!important;bottom:8%!important;animation-delay:-2s!important}
.faq-section.faq-parallax .faq-layout:before{font-size:105px!important;top:-20px!important;left:35%!important;animation-delay:-1s!important}
.faq-section.faq-parallax .faq-layout:after{font-size:88px!important;top:auto!important;right:19%!important;bottom:0!important;animation-delay:-3s!important}
/* Link hover palette */
a:not(.brand):not(.floating-btn):hover,.footer-links a:hover,.contact-map-intro a:hover{color:#EFE8DF!important}
.site-header .nav a:hover,.site-header .nav a.active,.site-header .header-cta:hover{background:#EFE8DF!important;color:#267A85!important}
.site-header .nav a:hover i,.site-header .nav a.active i,.site-header .header-cta:hover i{color:#267A85!important}
/* No olive/green on form or area section */
.form-wrap{background:linear-gradient(135deg,#2D7F89 0%,#64B8BF 100%)!important}
.area-fullbleed.home-area-dark,.area-fullbleed.home-area-dark .area-grid>div:last-child,.home-area-dark .map-badge{background:#287783!important;background-image:none!important}
.area-fullbleed.home-area-dark .area-grid>div:last-child{background-image:linear-gradient(145deg,#246B75,#64B8BF)!important}
.core-capabilities-section{background:linear-gradient(135deg,#245F7D 0%,#64B8BF 100%)!important}
@media(max-width:860px){.service-stage-media{min-height:330px!important;height:64vw!important}.service-stage-media .service-visual{height:100%!important}}
@media(max-width:640px){.site-header .brand-mark{width:clamp(132px,40vw,185px)!important}.site-header .brand{min-width:130px!important}.service-stage-media{height:66vw!important;min-height:300px!important}}


/* MB Tile: October 9 - supplied photography and video side-by-side */
.home-main .parallax-band{position:relative!important;isolation:isolate;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;align-items:center!important;gap:clamp(28px,4vw,74px)!important;padding:clamp(76px,8vw,126px) max(4vw,calc((100vw - 1300px)/2))!important;background:linear-gradient(105deg,#152e35,#397d86)!important}
.home-main .parallax-band::before{background:linear-gradient(100deg,rgba(0,0,0,.64),rgba(27,81,90,.42)),url('https://storage.googleapis.com/msgsndr/eg2TfKkbB9mExK6CyudK/media/686e920e9334987ad4b61041.webp') center/cover!important;z-index:-1!important;transform:none!important}
.home-main .parallax-band .parallax-band-inner{width:100%!important;max-width:none!important;padding:0!important;margin:0!important}
.home-main .parallax-band .project-video-in-home{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;min-width:0!important}
.home-main .parallax-band .video-frame{width:100%!important;aspect-ratio:16/9!important;margin:0!important}
.home-main .process-parallax{position:relative!important;isolation:isolate;background:linear-gradient(rgba(0,0,0,.73),rgba(8,36,42,.76)),url('https://storage.googleapis.com/msgsndr/eg2TfKkbB9mExK6CyudK/media/686e920e302cdcd88d8bf1c0.webp') center/cover fixed!important;color:#fff!important}
.home-main .process-parallax::before{content:none!important;display:none!important}
.home-main .process-parallax .container{position:relative;z-index:1}
.home-main .mission-section{position:relative!important;isolation:isolate;background:linear-gradient(rgba(12,25,28,.58),rgba(22,64,71,.65)),url('https://storage.googleapis.com/msgsndr/eg2TfKkbB9mExK6CyudK/media/686e920e302cdc3b268bf1c1.webp') center/cover no-repeat!important}
.home-main .mission-section::before{content:none!important;display:none!important}
.home-main .mission-section .mission-grid{position:relative;z-index:1}
.home-main .mission-section .mission-card.vision{background:#DDD2C5!important;border-color:#C9BFB4!important;color:#151A1C!important}
.home-main .mission-section .mission-card.vision h2,.home-main .mission-section .mission-card.vision h2 strong{color:#171C1F!important}
.home-main .mission-section .mission-card.vision p{color:#414749!important}
.home-main .mission-section .mission-card.vision .mission-label,.home-main .mission-section .mission-card.vision h2 em{color:#367D87!important}
.home-main .why-section.why-process-style{background:url('https://storage.googleapis.com/msgsndr/eg2TfKkbB9mExK6CyudK/media/686e920e879662429545e69f.webp') center/cover no-repeat!important}
@media(max-width:860px){.home-main .parallax-band{grid-template-columns:1fr!important;padding:70px 5vw!important;gap:30px!important}.home-main .process-parallax{background-attachment:scroll!important}}
@media(max-width:640px){.home-main .parallax-band .video-frame{border-radius:18px!important}.home-main .mission-section{background-position:center!important}}

/* Portfolio closing banner: static image provided Oct 9; preserve banner sizing and overlay. */
.property-conditions-section{background:url("https://storage.googleapis.com/msgsndr/eg2TfKkbB9mExK6CyudK/media/686e920f038ba85c8241d490.webp") center/cover no-repeat!important}


/* --- 2026-10-09 final hover, banner, and service-image updates --- */
:root{--hover-accent:#4D9DA4;}

/* White hover surfaces must use #4D9DA4 for text and icons */
.site-header .nav a:hover,
.site-header .nav a.active,
.site-header .header-cta:hover,
.footer .socials a:hover,
.floating-btn.back-to-top:hover,
.floating-btn.whatsapp-float:hover,
.service-area-cloud>a:hover,
.city-pill:hover,
.contact-mini-card:hover,
.contact-primary:hover,
.contact-address-ribbon:hover,
.home-main .hero-actions .uiverse-btn:first-child:hover,
.home-main .hero .uiverse-btn.alt:hover{
  color:var(--hover-accent)!important;
}
.site-header .nav a:hover i,
.site-header .nav a.active i,
.site-header .header-cta:hover i,
.footer .socials a:hover i,
.floating-btn.back-to-top:hover i,
.floating-btn.whatsapp-float:hover i,
.service-area-cloud>a:hover i,
.city-pill:hover i,
.contact-mini-card:hover i,
.contact-primary:hover i,
.contact-address-ribbon:hover i,
.home-main .hero-actions .uiverse-btn:first-child:hover i,
.home-main .hero .uiverse-btn.alt:hover i{
  color:var(--hover-accent)!important;
}
.site-header .nav a:hover,
.site-header .nav a.active,
.site-header .header-cta:hover{
  background:#fff!important;
}
.footer .socials a:hover,
.floating-btn.back-to-top:hover,
.floating-btn.whatsapp-float:hover,
.service-area-cloud>a:hover,
.city-pill:hover,
.contact-mini-card:hover,
.contact-primary:hover,
.contact-address-ribbon:hover{
  background:#fff!important;
}

/* Title banner overlay: clear at the top, celeste gradient rising from bottom */
.page-hero:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  background:linear-gradient(180deg, rgba(100,184,191,0) 0%, rgba(100,184,191,0.06) 30%, rgba(100,184,191,0.28) 58%, rgba(77,157,164,0.82) 100%)!important;
}
.page-hero .container{position:relative!important;z-index:2!important;}

/* Service visual images: fill the full frame cleanly */
.service-stage-media .service-visual{
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}

/* Oct 09 final requested UI refinements */
.site-header .nav a:hover,.site-header .nav a.active{background:#64B8BF!important;color:#fff!important;}
.site-header .nav a:hover i,.site-header .nav a.active i{color:#fff!important;}
.reviews-page .coming-section,.coming-section,.coming-wrap,.coming-card{background-color:#DDF2F4!important;}
.coming-soon-section,.coming-soon-wrap{background:linear-gradient(135deg,#DDF2F4,#B1E0E5)!important;}
.contact-page .footer .footer-grid-single{display:flex!important;justify-content:center!important;text-align:center!important;}
.contact-page .footer .footer-grid-single>div{display:flex!important;flex-direction:column!important;align-items:center!important;margin:0 auto!important;max-width:620px!important;}
.contact-page .footer .brand{justify-content:center!important;margin:auto!important;}
.contact-page .footer .socials{justify-content:center!important;}
.contact-page .footer .footer-bottom{display:flex!important;justify-content:center!important;flex-wrap:wrap!important;text-align:center!important;margin:28px auto 0!important;padding:22px 0!important;width:100%!important;border-top:1px solid rgba(255,255,255,.22)!important;}
.contact-page .footer .footer-bottom span{display:block!important;color:#fff!important;}
.contact-page .contact-showcase a:hover,.contact-page .contact-showcase a:hover *,
.contact-page .contact-map-intro a:hover,.contact-page .contact-map-intro a:hover i,
.contact-page .contact-mini-card:hover,.contact-page .contact-primary:hover,
.contact-page .contact-address-ribbon:hover{color:#4D9DA4!important;}
.contact-page .contact-showcase a:hover i{color:#4D9DA4!important;}
.contact-page .contact-meta-section .form-meta{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
@media(max-width:900px){.contact-page .contact-meta-section .form-meta{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media(max-width:600px){.contact-page .contact-meta-section .form-meta{grid-template-columns:1fr!important;}}
/* Reviews coming-soon decor uses cool celeste neutrals, never yellow or gold. */
.coming-soon-section.coming-soon-decorated{background:linear-gradient(145deg,#EAF7F8 0%,#B8E1E5 100%)!important}
.coming-soon-section .coming-stage,.coming-soon-section .coming-sign,.coming-soon-section .coming-gradient-card{background:linear-gradient(145deg,#D8F1F3 0%,#83C6CC 100%)!important;border-color:rgba(77,157,164,.24)!important}
.coming-soon-section .coming-badge{background:#64B8BF!important;color:#fff!important}


/* October 9 contact / reviews / banner alignment refinements */
.contact-meta-section .contact-details-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}
.contact-meta-section .contact-details-grid>div{min-width:0}
@media(max-width:700px){.contact-meta-section .contact-details-grid{grid-template-columns:1fr!important}}
/* Keep Coming Soon wording and existing entrance animation, but remove the card-like backing */
.reviews-page .coming-sign,.coming-soon-section .coming-sign,.coming-soon-section .coming-gradient-card{
 background:transparent!important;background-image:none!important;border:none!important;box-shadow:none!important;outline:none!important;backdrop-filter:none!important;
}
.coming-soon-section .coming-sign:before,.coming-soon-section .coming-sign:after,
.coming-soon-section .coming-gradient-card:before,.coming-soon-section .coming-gradient-card:after{
 background:none!important;box-shadow:none!important;border:none!important;
}


/* Targeted October 9 adjustments: preserve existing animation and layout */
/* Remove the backing of the whole Coming Soon content, keep the actual Coming Soon sign. */
.coming-soon-section .coming-stage{
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  border:none!important;
  backdrop-filter:none!important;
}
.coming-soon-section .coming-sign,
.coming-soon-section .coming-gradient-card{
  background:linear-gradient(145deg,#D8F1F3,#83C6CC)!important;
  border:1px solid rgba(77,157,164,.24)!important;
  box-shadow:0 18px 40px rgba(35,100,108,.17)!important;
}
/* Banner accent text, including letter-by-letter characters, uses the requested celeste. */
.page-hero .page-title .title-word.emphasis,
.page-hero .page-title .title-word.emphasis .letter-char,
.page-hero .page-title em,
.page-hero .page-title .accent{color:#64B8BF!important}
/* White Free Estimate button hover needs teal text and teal icon. */
.site-header .header-cta:hover,
.site-header .header-cta:hover i,
.site-header .header-cta:hover *{color:#4D9DA4!important}
/* White icons on the front of every Why Choose Us flip card. */
.why-process-card .flip-front .process-icon i,
.why-process-card.first .flip-front .process-icon i{color:#fff!important}
/* Service Details copy always black; decorative icons can remain celeste. */
.contact-meta-section .contact-map-intro .section-title,
.contact-meta-section .contact-map-intro .section-title *,
.contact-meta-section .contact-map-intro .section-copy,
.contact-meta-section .contact-map-intro .eyebrow{color:#111!important;text-shadow:none!important}
/* Payment beside hours in the contact card grid on desktop; stack responsively. */
.contact-page .contact-showcase .contact-mini-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
.contact-page .contact-payment-card{cursor:default}
.contact-page .contact-payment-card strong{overflow-wrap:anywhere}
@media(max-width:640px){
  .contact-page .contact-showcase .contact-mini-grid{grid-template-columns:1fr!important}
}
/* The mobile menu's own logo appears before Home, not at the end of navigation. */
@media(max-width:1100px){
 .site-header .nav.open .mobile-menu-brand{order:-1!important;display:flex!important;margin:0 auto 18px!important;background:transparent!important;border:0!important;box-shadow:none!important}
 .site-header .nav.open .mobile-menu-brand img{display:block!important;object-fit:contain!important;max-width:230px!important;width:100%!important;height:auto!important}
}