
:root{--accent:#b88a36;--accent2:#1c6c47;--bg:#0d1714;--dark:#08110f;--text:#eef4ef;--muted:#bcc7bf;--surface:#13211c;--surface2:#182a23;--border:rgba(255,255,255,.12);--radius:4px;--shadow:0 16px 34px rgba(0,0,0,.32);}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.6} a{color:inherit;text-decoration:none} img{display:block;max-width:100%} .container{width:min(1180px,92%);margin:auto}
.topbar{background:var(--dark);color:#fff;font-size:13px} .topbar .container{display:flex;justify-content:space-between;gap:18px;padding:8px 0;flex-wrap:wrap}
header{position:sticky;top:0;z-index:50;background:#0d1714ee;backdrop-filter:blur(12px);border-bottom:1px solid var(--border)} .nav{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:26px;min-height:82px} .brand{display:flex;align-items:center;gap:12px;min-width:0} .brand img{width:92px!important;height:84px!important;max-width:92px;display:block;object-fit:contain;flex:0 0 auto;background:transparent!important;opacity:1!important;visibility:visible!important} .brand strong{display:block;font-size:13px;line-height:1.1;max-width:260px;letter-spacing:.02em} .menu{display:flex;justify-content:center;gap:25px;align-items:center} .menu a{font-size:14px;font-weight:700} .dropdown{position:relative} .dropdown-panel{display:none;position:absolute;top:100%;left:-20px;width:560px;padding:18px;background:var(--surface);box-shadow:var(--shadow);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:1fr 1fr;gap:6px} .dropdown:hover .dropdown-panel{display:grid} .dropdown-panel a{padding:10px 12px;border-radius:8px;font-weight:600} .dropdown-panel a:hover{background:var(--surface2)} .nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--accent);color:#fff;padding:12px 18px;border-radius:999px;font-weight:800;border:0;cursor:pointer} .btn.secondary{background:transparent;color:inherit;border:1px solid currentColor} .hamb{display:none;background:none;border:0;color:inherit;font-size:26px}
.hero{min-height:620px;position:relative;display:grid;align-items:end;background-size:cover;background-position:center;overflow:hidden} .hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,24,15,.83) 0%,rgba(3,24,15,.48) 48%,rgba(3,24,15,.12) 100%)} .hero .inner{position:relative;z-index:2;padding:94px 0 78px;color:#fff;max-width:720px} .eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:12px;font-weight:800} h1,h2,h3{font-family:Georgia, 'Times New Roman', serif;line-height:1.05;margin:0 0 16px} h1{font-size:clamp(44px,6vw,78px)} h2{font-size:clamp(30px,4vw,48px)} h3{font-size:22px} .hero p{font-size:18px;max-width:640px} .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.band{background:var(--dark);color:#fff} .band-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.18)} .band-item{padding:22px;background:var(--dark);text-align:center} .band-item b{display:block;font-size:14px}
section{padding:78px 0} .section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px} .section-head p{max-width:620px;color:var(--muted);margin:6px 0 0} .grid{display:grid;gap:20px} .services-grid{grid-template-columns:repeat(3,1fr)} .service-card{background:var(--surface);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--border);transition:.25s transform} .service-card:hover{transform:translateY(-5px)} .service-card img{width:100%;aspect-ratio:4/3;object-fit:cover} .service-card .body{padding:20px} .service-card p{margin:0;color:var(--muted)} .service-card .more{display:inline-block;margin-top:14px;color:var(--accent);font-weight:800}
.split{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center} .split img{width:100%;height:480px;object-fit:cover;border-radius:var(--radius);box-shadow:var(--shadow)} .checklist{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0} .checklist div{background:var(--surface);border:1px solid var(--border);padding:14px;border-radius:12px}
.clients{background:var(--surface2)} .client-grid{grid-template-columns:repeat(5,1fr)} .client{background:#fff;border:1px solid rgba(0,0,0,.08);padding:18px;border-radius:12px;display:flex;align-items:center;justify-content:center;min-height:118px} .client img{max-height:70px;object-fit:contain}
.cta-band{position:relative;color:#fff;background-size:cover;background-position:center;border-radius:28px;overflow:hidden;padding:56px} .cta-band:before{content:'';position:absolute;inset:0;background:rgba(4,28,18,.72)} .cta-band>*{position:relative;z-index:2}
footer{background:var(--dark);color:#fff;padding:58px 0 22px;margin-top:70px} .footer-grid{display:grid;grid-template-columns:1.3fr .7fr 1fr;gap:42px} .footer-brand{display:flex;gap:14px} .footer-brand img{width:124px!important;height:114px!important;max-width:124px;display:block;object-fit:contain;flex:0 0 auto;background:transparent!important;opacity:1!important;visibility:visible!important} .footer-col a{display:block;margin:7px 0;color:#e8efe9} .credit{margin-top:36px;padding-top:18px;border-top:1px solid rgba(255,255,255,.18);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:13px}
.page-hero{min-height:380px;display:grid;align-items:end;color:#fff;background-size:cover;background-position:center;position:relative} .page-hero:before{content:'';position:absolute;inset:0;background:rgba(2,22,13,.62)} .page-hero .container{position:relative;z-index:2;padding-bottom:54px} .page-hero h1{font-size:clamp(38px,5vw,64px)} .copy p{color:var(--muted)} .pool-grid{grid-template-columns:repeat(5,1fr)} .pool-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden} .pool-card img{height:180px;width:100%;object-fit:cover} .pool-card b{display:block;padding:12px 14px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px} label{display:block;font-weight:700;font-size:13px} input,select,textarea{width:100%;margin-top:6px;padding:13px;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;font:inherit} textarea{min-height:130px;resize:vertical} .full{grid-column:1/-1} .contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:36px} .contact-card{background:var(--surface);padding:28px;border-radius:var(--radius);border:1px solid var(--border)}
.floating-wa{position:fixed;right:20px;bottom:20px;z-index:70;background:#25D366;color:#fff;border-radius:999px;width:58px;height:58px;display:grid;place-items:center;box-shadow:0 8px 24px rgba(0,0,0,.25)} .floating-wa svg{width:28px;height:28px;fill:currentColor}
.reveal{opacity:0;transform:translateY(20px);transition:.6s ease} .reveal.on{opacity:1;transform:none}
@media (max-width:1000px){.menu{display:none;position:absolute;left:0;right:0;top:82px;background:var(--surface);padding:18px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--border)} .menu.open{display:flex} .dropdown-panel{position:static;width:auto;display:none!important} .dropdown.open .dropdown-panel{display:grid!important} .hamb{display:block} .nav{grid-template-columns:auto auto 1fr} .nav-cta{justify-self:end} .services-grid{grid-template-columns:repeat(2,1fr)} .client-grid{grid-template-columns:repeat(4,1fr)} .pool-grid{grid-template-columns:repeat(3,1fr)} .split,.contact-grid{grid-template-columns:1fr} .footer-grid{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.topbar .container{justify-content:center;font-size:11px} .nav{gap:9px;min-height:70px} .brand img{width:46px;height:44px} .brand strong{font-size:10px;max-width:145px} .nav-cta{padding:10px 12px;font-size:12px} .hero{min-height:560px} .hero .inner{padding:70px 0 54px} h1{font-size:44px} section{padding:54px 0} .services-grid{grid-template-columns:repeat(2,1fr);gap:12px} .service-card .body{padding:14px} .service-card h3{font-size:17px} .service-card p{font-size:13px} .client-grid{grid-template-columns:repeat(2,1fr)} .pool-grid{grid-template-columns:repeat(2,1fr)} .checklist{grid-template-columns:1fr 1fr} .cta-band{padding:34px 22px;border-radius:18px} .footer-grid{grid-template-columns:1fr 1fr;gap:24px} .footer-grid>.footer-col:first-child{grid-column:1/-1} .form-grid{grid-template-columns:1fr} .full{grid-column:auto} .floating-wa{right:14px;bottom:14px}}

/* V3 — Luxury Outdoor: cinematic dark editorial composition */
.v3-home{background:#0d1714}.hero3{min-height:780px;background-size:cover;background-position:center;position:relative;display:flex;align-items:flex-end}.hero3-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#07110ed9 0%,#07110e7d 46%,#07110e26 100%),linear-gradient(0deg,#07110ec9 0%,transparent 55%)}.hero3-content{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto;gap:50px;align-items:end;padding-bottom:80px}.hero3-copy{max-width:760px}.hero3-copy h1{font-size:clamp(56px,7vw,96px);max-width:820px}.hero3-copy p{font-size:19px;max-width:620px;color:#e3e8e5}.hero3-index{display:grid;gap:10px;padding:22px 0;border-top:1px solid #ffffff55;border-bottom:1px solid #ffffff55}.hero3-index span{font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:#dbc797}.mosaic3{background:#0d1714}.mosaic-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:210px;gap:14px}.mosaic-grid a{position:relative;background-size:cover;background-position:center;overflow:hidden;border:1px solid #ffffff1a}.mosaic-grid a:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#07110eee 0%,#07110e33 70%)}.mosaic-grid span{position:absolute;z-index:2;left:20px;right:20px;bottom:18px}.mosaic-grid b{font:700 25px Georgia,serif;display:block}.mosaic-grid small{display:block;color:#d1dad4;margin-top:5px}.m1{grid-column:span 7;grid-row:span 2}.m2{grid-column:span 5}.m3{grid-column:span 5}.m4{grid-column:span 4}.m5{grid-column:span 4}.m6{grid-column:span 4}.story3{display:grid;grid-template-columns:58% 42%;min-height:650px;background:#151f1b}.story3-image{background-size:cover;background-position:center}.story3-copy{padding:80px 10% 70px 9%;display:flex;flex-direction:column;justify-content:center}.story3-copy p{color:#bcc7bf}.story3-list{display:grid;border-top:1px solid #ffffff1b;margin-top:28px}.story3-list a{padding:15px 0;border-bottom:1px solid #ffffff1b;color:#e8d6a1;font-weight:700}.client3{background:#101c17}.client3 .client{filter:saturate(.6);transition:.25s}.client3 .client:hover{filter:none}.closing3{padding:110px 0;text-align:center;background:radial-gradient(circle at center,#1b3528,#08110f 70%)}.closing3 h2{font-size:clamp(42px,6vw,72px);max-width:850px;margin:0 auto 24px}.closing3 .actions{justify-content:center}
@media(max-width:900px){.hero3-content{grid-template-columns:1fr}.hero3-index{grid-template-columns:repeat(2,1fr)}.mosaic-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:250px}.mosaic-grid a{grid-column:auto!important;grid-row:auto!important}.story3{grid-template-columns:1fr}.story3-image{min-height:480px}.story3-copy{padding:60px 7%}}
@media(max-width:620px){.hero3{min-height:680px}.hero3-content{padding-bottom:54px}.hero3-copy h1{font-size:52px}.mosaic-grid{grid-template-columns:1fr;grid-auto-rows:260px}.story3-image{min-height:360px}.closing3{padding:72px 0}}

/* V3 header */
.topbar{background:#08110f;color:#d8c79c}.nav{min-height:88px}.nav-cta{background:transparent;border:1px solid #b88a36;color:#e8d6a1}.menu a{letter-spacing:.03em}.brand strong{color:#f2efe7}


/* Enhanced professional visuals */
.nav a,.footer-col a{transition:color .25s ease,opacity .25s ease}.nav a:hover,.footer-col a:hover{color:var(--accent2)}
header{transition:box-shadow .3s ease,background .3s ease} body.scrolled header{box-shadow:0 10px 24px rgba(8,36,23,.09)}
.brand img,.footer-brand img{filter:drop-shadow(0 6px 12px rgba(0,0,0,.10))}

@keyframes heroZoom{from{background-size:100%}to{background-size:108%}}
.btn,.nav-cta{transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.btn:hover,.nav-cta:hover{transform:translateY(-2px);box-shadow:0 14px 26px rgba(9,55,31,.18)}
.service-card,.pool-card,.client,.contact-card,.gallery-card,.value-card,.pool-ribbon a,.service-editorial article,.mosaic-grid a,.story3-list a{transition:transform .32s ease,box-shadow .32s ease,border-color .32s ease}.service-card:hover,.pool-card:hover,.client:hover,.contact-card:hover,.gallery-card:hover,.value-card:hover,.pool-ribbon a:hover,.service-editorial article:hover,.mosaic-grid a:hover,.story3-list a:hover{transform:translateY(-6px);box-shadow:0 18px 36px rgba(10,48,30,.14)}
.gallery-section{padding-top:8px}.gallery-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.gallery-card{position:relative;overflow:hidden;border-radius:22px;grid-column:span 4;min-height:260px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow)}.gallery-card.large{grid-column:span 6;min-height:340px}.gallery-card img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease}.gallery-card:hover img{transform:scale(1.06)}.gallery-copy{position:absolute;left:0;right:0;bottom:0;padding:18px 18px 16px;color:#fff;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(4,21,14,.88) 100%)}.gallery-copy span{display:block;font-size:11px;letter-spacing:.2em;text-transform:uppercase;opacity:.9}.gallery-copy b{display:block;font-size:21px;line-height:1.15;margin-top:6px}
.values-section{padding-top:0}.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.value-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:26px;box-shadow:var(--shadow)}.value-card h3{margin-bottom:10px}.value-card p{margin:0;color:var(--muted)}
.hero .inner,.hero2-copy,.hero3-copy,.story3-copy,.section-head,.cta-band,.cta2,.closing3 .container{position:relative;z-index:2}
.hero .inner,.hero2-copy,.hero3-copy{animation:liftIn .9s ease both}@keyframes liftIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.hero2-badge,.hero3-index span{animation:floatSoft 4.2s ease-in-out infinite}@keyframes floatSoft{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.hero2-meta span,.story3-list a{box-shadow:0 10px 22px rgba(8,34,24,.10)}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.on{opacity:1;transform:none}
@media (max-width:1000px){.gallery-grid{grid-template-columns:repeat(2,1fr)}.gallery-card,.gallery-card.large{grid-column:span 1;min-height:240px}.values-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:620px){.gallery-grid,.values-grid{grid-template-columns:1fr}.gallery-card,.gallery-card.large{min-height:220px}.gallery-copy b{font-size:18px}.value-card{padding:20px}}


/* Social icons + extra motion */
.brand img{width:76px;height:76px}.footer-brand img{width:90px;height:90px}.brand strong{max-width:290px}.hero2-badge{box-shadow:0 14px 30px rgba(0,0,0,.18)}
.floating-wa{animation:waPulse 2.5s infinite}.floating-wa:hover{transform:scale(1.07)}@keyframes waPulse{0%{box-shadow:0 8px 24px rgba(0,0,0,.25)}50%{box-shadow:0 8px 24px rgba(37,211,102,.45)}100%{box-shadow:0 8px 24px rgba(0,0,0,.25)}}
.topbar .container span{position:relative}.topbar .container span:after{content:'';position:absolute;left:0;bottom:-8px;width:0;height:2px;background:rgba(255,255,255,.4);transition:width .35s ease}.topbar .container span:hover:after{width:100%}
.social-strip{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:26px;padding-top:18px;border-top:1px solid rgba(255,255,255,.14)}.social-label{font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:#dfe8e1}.social-icons{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.social-icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.14);transition:transform .28s ease,box-shadow .28s ease,background .28s ease;animation:bob 3.4s ease-in-out infinite}.social-icon svg{width:20px;height:20px;fill:currentColor}.social-icon:nth-child(2){animation-delay:.2s}.social-icon:nth-child(3){animation-delay:.4s}.social-icon:nth-child(4){animation-delay:.6s}.social-icon:nth-child(5){animation-delay:.8s}.social-icon:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 10px 20px rgba(0,0,0,.16)}.social-icon.facebook{background:#1877F2}.social-icon.instagram{background:linear-gradient(135deg,#833AB4,#FD1D1D,#FCAF45)}.social-icon.linkedin{background:#0A66C2}.social-icon.tiktok{background:#111}.social-icon.youtube{background:#FF0000}@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.showcase-strip{padding-top:10px}.mini-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.mini-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;overflow:hidden;box-shadow:var(--shadow);transition:transform .3s ease,box-shadow .3s ease}.mini-card:hover{transform:translateY(-6px);box-shadow:0 18px 36px rgba(10,48,30,.14)}.mini-card img{width:100%;height:240px;object-fit:cover;transition:transform .55s ease}.mini-card:hover img{transform:scale(1.06)}.mini-card span{display:block;padding:14px 16px;font-weight:700}
.service-card,.pool-card,.client,.gallery-card,.mini-card,.value-card,.contact-card{animation:softFloat 7s ease-in-out infinite}.service-card:nth-child(2),.pool-card:nth-child(2),.client:nth-child(2),.gallery-card:nth-child(2),.mini-card:nth-child(2),.value-card:nth-child(2){animation-delay:.4s}.service-card:nth-child(3),.pool-card:nth-child(3),.client:nth-child(3),.gallery-card:nth-child(3),.mini-card:nth-child(3),.value-card:nth-child(3){animation-delay:.8s}@keyframes softFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.hero:before,.page-hero:before{animation:overlayShift 10s ease-in-out infinite alternate}@keyframes overlayShift{from{opacity:.96}to{opacity:.88}} 
body::before{content:'';position:fixed;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent2),#0A66C2);transform-origin:left;transform:scaleX(var(--scroll,0));z-index:9999}
@media (max-width:720px){.brand img{width:58px;height:58px}.footer-brand img{width:76px;height:76px}.mini-gallery{grid-template-columns:1fr}.social-strip{justify-content:center;text-align:center}.social-icons{justify-content:center}}


/* Logo cleanup + richer motion refinement */
.brand{display:flex;align-items:center;gap:14px;min-width:0}
.brand img{width:64px!important;height:64px!important;max-width:64px;object-fit:contain;background:transparent!important;box-shadow:none!important;filter:drop-shadow(0 6px 12px rgba(0,0,0,.12))}
.brand strong{display:block;line-height:1.02;max-width:360px;word-break:normal;overflow-wrap:anywhere}
.footer-brand{display:flex;align-items:flex-start;gap:14px}
.footer-brand img{width:86px!important;height:86px!important;max-width:86px;object-fit:contain;background:transparent!important;box-shadow:none!important;filter:drop-shadow(0 8px 15px rgba(0,0,0,.12))}
.footer-brand h3{line-height:1.08}
header .nav{align-items:center}
.waterfall-feature{padding-top:6px}.waterfall-card{display:grid;grid-template-columns:1.12fr .88fr;gap:24px;align-items:center;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(245,249,246,.96));border:1px solid var(--border);border-radius:28px;overflow:hidden;box-shadow:0 20px 50px rgba(8,34,24,.10)}
.waterfall-card .media{position:relative;overflow:hidden;min-height:420px}.waterfall-card .media img{width:100%;height:100%;object-fit:cover;animation:waterFeatureDrift 13s ease-in-out infinite alternate}.waterfall-card .media:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,0) 40%,rgba(0,0,0,.08) 100%)}
.waterfall-card .copy{padding:34px}.waterfall-card .copy p{color:var(--muted)}.waterfall-card .copy .bullet-list{display:grid;grid-template-columns:1fr;gap:10px;margin:18px 0 24px}.waterfall-card .copy .bullet-list span{display:flex;align-items:center;gap:10px;font-weight:700}.waterfall-card .copy .bullet-list span:before{content:'✦';color:var(--accent2)}
.cta-band{position:relative;overflow:hidden}.cta-band:before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(7,37,25,.70),rgba(7,37,25,.24));z-index:0}.cta-band>*{position:relative;z-index:1}
@keyframes waterFeatureDrift{0%{transform:scale(1) translateY(0)}50%{transform:scale(1.05) translateY(-10px)}100%{transform:scale(1.02) translateY(0)}}
@keyframes textGlow{0%,100%{text-shadow:none}50%{text-shadow:0 0 24px rgba(255,255,255,.22)}}
.hero h1,.hero2-copy h1,.hero3-copy h1{animation:textGlow 8s ease-in-out infinite}
.btn,.nav-cta,.social-icon,.client,.service-card,.pool-card,.gallery-card,.mini-card,.value-card{will-change:transform}
@media (max-width:900px){.waterfall-card{grid-template-columns:1fr}.waterfall-card .media{min-height:300px}}
@media (max-width:720px){.brand img{width:56px!important;height:56px!important;max-width:56px}.brand strong{font-size:16px;max-width:220px}.footer-brand img{width:76px!important;height:76px!important;max-width:76px}.waterfall-card .copy{padding:24px}}

/* Requested cleanup: remove numbered list and strengthen logo visibility */
.hero3-content{grid-template-columns:1fr!important;gap:22px!important}.hero3-copy{max-width:880px}.hero3-index{display:none!important}

/* Requested logo visibility improvements */
.brand img{width:82px!important;height:70px!important;max-width:82px;object-fit:contain;display:block;opacity:1!important;visibility:visible!important}.footer-brand img{width:120px!important;height:98px!important;max-width:120px;object-fit:contain;display:block;opacity:1!important;visibility:visible!important}.brand{gap:16px}.footer-brand{gap:16px}

.brand{display:flex;align-items:center;gap:14px;min-width:0}.brand strong{display:block}.footer-brand{display:flex;align-items:flex-start;gap:16px}.footer-brand div{min-width:0}


/* Final visibility and animation fixes */
.brand img{width:96px!important;height:88px!important;max-width:96px;background:#f3eee3;border-radius:14px;padding:4px;box-shadow:0 8px 18px rgba(0,0,0,.16)!important}
.footer-brand img{width:132px!important;height:122px!important;max-width:132px;background:#f3eee3;border-radius:16px;padding:6px;box-shadow:0 10px 24px rgba(0,0,0,.18)!important}
.hero-logo-badge{display:inline-flex;align-items:center;gap:12px;padding:10px 14px;margin:0 0 16px;border-radius:18px;background:rgba(255,255,255,.16);backdrop-filter:blur(10px);box-shadow:0 10px 30px rgba(0,0,0,.18)}
.hero-logo-badge img{width:76px;height:66px;object-fit:contain;background:#f3eee3;border-radius:12px;padding:4px;box-shadow:0 8px 18px rgba(0,0,0,.18)}
.hero-logo-badge strong{display:block;font-size:14px;line-height:1.1}
.hero-logo-badge small{display:block;opacity:.86;font-size:12px;line-height:1.1}
.water-animate{position:relative;overflow:hidden}
.water-animate img{animation:waterHeroPulse 8s ease-in-out infinite alternate}
.water-animate:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(100deg, rgba(255,255,255,0) 0px, rgba(255,255,255,.12) 10px, rgba(255,255,255,0) 20px);mix-blend-mode:screen;opacity:.28;animation:waterShimmer 5s linear infinite;pointer-events:none}
@keyframes waterHeroPulse{0%{transform:scale(1) translateY(0)}50%{transform:scale(1.04) translateY(-6px)}100%{transform:scale(1.02) translateY(0)}}
@keyframes waterShimmer{0%{transform:translateX(-25%)}100%{transform:translateX(25%)}}
@media (max-width:720px){.hero-logo-badge{padding:8px 10px;gap:10px}.hero-logo-badge img{width:62px;height:56px}.brand img{width:82px!important;height:74px!important}.footer-brand img{width:118px!important;height:108px!important}}


/* FINAL QA OVERRIDES — header/footer logo visibility + non-repeating hero imagery */
header .brand, footer .footer-brand{opacity:1!important;visibility:visible!important;transform:none!important;filter:none!important}
header .brand.reveal, footer .footer-brand.reveal{opacity:1!important;visibility:visible!important;transform:none!important}
header .brand img{display:block!important;width:94px!important;height:78px!important;max-width:94px!important;object-fit:contain!important;background:transparent!important;border-radius:0!important;padding:0!important;box-shadow:none!important;filter:drop-shadow(0 5px 10px rgba(0,0,0,.15))!important;opacity:1!important;visibility:visible!important}
footer .footer-brand img{display:block!important;width:118px!important;height:100px!important;max-width:118px!important;object-fit:contain!important;background:transparent!important;border-radius:0!important;padding:0!important;box-shadow:none!important;filter:drop-shadow(0 6px 12px rgba(0,0,0,.22))!important;opacity:1!important;visibility:visible!important}
header .brand{display:flex!important;align-items:center!important;gap:14px!important;min-width:310px!important}
header .brand strong{display:block!important;max-width:260px!important;line-height:1.12!important}
footer .footer-brand{display:flex!important;align-items:flex-start!important;gap:16px!important}
.hero-logo-badge{display:none!important}
.hero,.hero2-visual,.hero3,.page-hero{background-repeat:no-repeat!important;background-size:cover!important}
.hero,.hero3{animation:heroPosition 14s ease-in-out infinite alternate!important}
.hero2-visual{animation:heroPosition2 16s ease-in-out infinite alternate!important}
@keyframes heroPosition{0%{background-position:50% 50%}100%{background-position:54% 46%}}
@keyframes heroPosition2{0%{background-position:50% 50%}100%{background-position:46% 52%}}
.water-animate img{animation:none!important}
.water-animate:after{display:none!important}
.waterfall-card .media img[src$="animated-waterfall.webp"]{animation:none!important;transform:none!important}
.hero3-index{display:none!important}
.hero3-content{grid-template-columns:1fr!important}
@media(max-width:1000px){header .brand{min-width:0!important}.nav{grid-template-columns:auto auto 1fr!important}}
@media(max-width:620px){header .brand img{width:70px!important;height:58px!important;max-width:70px!important}header .brand strong{font-size:11px!important;max-width:150px!important}footer .footer-brand img{width:94px!important;height:80px!important;max-width:94px!important}}


/* === FINAL QA FIXES: no stacked hero images + subtle water motion === */
.hero,.hero2-visual,.hero3,.story3-image,.cta-band,.mosaic-grid a,.page-hero{background-repeat:no-repeat!important;background-size:cover!important;background-position:center center!important}
.hero2-visual,.story3-image,.water-animate,.waterfall-card .media{position:relative;overflow:hidden}
.hero2-visual::after,.story3-image::after,.water-animate::after{content:""!important;display:block!important;position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(180deg,rgba(255,255,255,.16) 0px,rgba(255,255,255,0) 26px,rgba(255,255,255,.10) 52px,rgba(255,255,255,0) 86px);background-size:100% 220px;mix-blend-mode:screen;opacity:.22;animation:waterMotion 5.4s linear infinite!important}
.hero2-visual::after{opacity:.14}
.story3-image::after{opacity:.24}
.water-animate::after{opacity:.28}
.water-animate img{animation:waterFeatureDrift 12s ease-in-out infinite alternate!important;transform:scale(1.03)!important}
.story3-image{animation:heroPosition2 16s ease-in-out infinite alternate!important}
@keyframes waterMotion{0%{background-position:0 -220px}100%{background-position:0 220px}}

