:root{
 --navy:#03101f; --navy2:#061a30; --navy3:#09223d; --gold:#e2b96c; --gold-light:#fff0b8; --gold-dark:#9c702b;
 --blue:#1083ce; --ink:#f7f5ec; --muted:#b5c6d7; --border:rgba(234,190,102,.34);
 --max:1350px; --serif:Georgia,'Times New Roman',serif; --sans:'Segoe UI',Arial,Helvetica,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;color:var(--ink);font-family:var(--sans);background:radial-gradient(ellipse at 50% -2%,#154169 0,#07182b 36%,#03101f 78%);-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:'';position:fixed;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(ellipse 44% 30% at 20% 38%,rgba(0,112,202,.09),transparent 70%),radial-gradient(ellipse 48% 25% at 90% 78%,rgba(24,101,151,.12),transparent 75%)}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,.gallery-card:focus-visible{outline:3px solid #f6cd72;outline-offset:4px}img{max-width:100%}h1,h2,h3,p{margin-top:0}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}
.section-wrap{max-width:var(--max);margin-inline:auto;padding-inline:clamp(20px,4vw,60px)}

/* Reference-style glass navigation */
.site-header{position:relative;z-index:20;background:linear-gradient(90deg,#021020 0%,#030f1f 53%,#07192a 100%);border-bottom:1px solid rgba(218,168,71,.14)}
.nav-inner{max-width:1530px;min-height:78px;padding:0 clamp(16px,3.4vw,54px);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:25px}
.brand-mark{flex:0 0 auto;width:clamp(170px,24vw,315px);display:block;line-height:0}.brand-mark img{width:100%;height:auto;display:block}
.site-links{display:flex;align-items:center;gap:clamp(13px,2vw,32px);justify-content:center;margin-left:auto}
.site-links a{position:relative;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;white-space:nowrap;padding:28px 0;transition:color .2s}
.site-links a:hover,.site-links a.active{color:var(--gold-light)}.site-links a.active::after{content:'';position:absolute;height:2px;left:0;right:0;bottom:20px;background:var(--gold);box-shadow:0 0 10px #e8b453}
.nav-quote{flex:0 0 auto;border:1px solid var(--gold);border-radius:6px;padding:11px 17px;display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;box-shadow:0 0 0 1px rgba(255,202,104,.06),inset 0 0 18px rgba(222,172,84,.07);transition:.25s}
.nav-quote:hover{background:#b68c46;color:#051223}.nav-quote i{color:#ffd688}.nav-quote:hover i{color:#051223}
.menu-toggle{display:none;background:transparent;border:1px solid var(--border);border-radius:8px;width:42px;height:42px;align-items:center;justify-content:center;color:var(--gold);font-size:20px}

/* Water brand hero: user-supplied art maintained, with functioning buttons */
.water-hero{isolation:isolate;position:relative;min-height:clamp(400px,43vw,630px);background:#010b1b;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;padding:40px 20px 58px}
.hero-water-image{position:absolute;z-index:-3;width:100%;height:100%;inset:0;object-fit:cover;object-position:center 46%;display:block}
.hero-wash{z-index:-1;position:absolute;inset:0;background:linear-gradient(to bottom,rgba(1,10,24,.01) 0%,rgba(2,10,25,.03) 50%,rgba(2,13,31,.10) 65%,rgba(2,13,28,.74) 90%,#031224 100%)}
.water-hero::after{content:'';position:absolute;z-index:-2;inset:0;background:radial-gradient(ellipse 60% 45% at center 38%,transparent 42%,rgba(1,11,29,.27) 100%)}
.hero-actions{z-index:1;display:flex;justify-content:center;gap:clamp(15px,2.5vw,36px);align-items:center;margin-top:auto}
.outline-button,.gold-button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-width:220px;min-height:51px;padding:12px 26px;border-radius:7px;font-size:14px;line-height:1.2;font-weight:800;text-transform:uppercase;letter-spacing:.035em;transition:transform .25s,box-shadow .25s,background .25s}
.outline-button{color:white;border:1px solid #edc773;background:linear-gradient(130deg,rgba(5,16,31,.85),rgba(8,30,50,.76));box-shadow:inset 0 0 18px rgba(239,196,109,.08),0 2px 24px rgba(1,5,18,.6)}
.gold-button{color:#06101e;border:1px solid #ffe3a3;background:linear-gradient(180deg,#ffe4a0 0%,#ecc16f 46%,#bd8f3c 100%);box-shadow:0 0 24px rgba(238,179,69,.35),inset 0 2px 1px rgba(255,249,225,.6)}
.outline-button:hover,.gold-button:hover{transform:translateY(-3px);box-shadow:0 8px 27px rgba(224,169,66,.36)}
.hero-mobile-copy{display:none}
.water-divider{height:29px;margin-top:-9px;position:relative;z-index:2;border-bottom:1px solid rgba(220,167,62,.32);background:radial-gradient(ellipse 55% 10px at center 5px,rgba(255,208,109,.84),transparent 85%),linear-gradient(177deg,transparent 20%,rgba(24,111,181,.68) 36%,rgba(10,38,73,.10) 60%),linear-gradient(182deg,#07274b,#041526);clip-path:polygon(0 18%,10% 0,20% 15%,34% 55%,50% 89%,64% 45%,78% 0,90% 30%,100% 6%,100% 100%,0 100%)}

/* Featured gallery: a single source of truth for each image */
.project-section{padding-top:55px;padding-bottom:64px}
.section-heading{text-align:center;margin:0 auto 26px;max-width:1000px}
.eyebrow-line{display:flex;align-items:center;justify-content:center;gap:25px;margin:0 auto 12px;color:#f4ecdc;font-size:12px;font-weight:750;letter-spacing:.37em}
.eyebrow-line::before,.eyebrow-line::after{content:'';height:1px;width:clamp(44px,7vw,120px);background:linear-gradient(90deg,transparent,rgba(209,171,102,.55))}
.eyebrow-line::after{transform:scaleX(-1)}
.section-heading h2{font:normal clamp(25px,2.65vw,41px)/1.17 var(--serif);text-transform:uppercase;letter-spacing:.012em;color:var(--gold);text-shadow:0 1px 9px rgba(167,112,23,.15);margin:0 0 10px}
.section-heading h2 span{color:#f0c873}
.section-heading p{font-size:clamp(13px,1.15vw,17px);color:#e1e6eb;font-style:italic;margin:0 auto;line-height:1.5}
.gallery-filter-bar{display:flex;gap:7px;justify-content:center;flex-wrap:wrap;padding:3px 0 24px}
.filter{border:1px solid rgba(232,181,85,.25);border-radius:30px;padding:8px 12px;background:rgba(6,30,52,.58);color:#bfcde2;font-size:11px;font-weight:650;white-space:nowrap;transition:.2s}
.filter:hover,.filter.is-active{border-color:var(--gold);background:rgba(214,169,75,.15);color:#ffdd9c;box-shadow:inset 0 0 14px rgba(235,191,99,.09)}
.gallery-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:23px;align-items:stretch}
.gallery-card{display:flex;min-width:0;grid-column:span 2;flex-direction:column;overflow:hidden;position:relative;background:linear-gradient(140deg,#061524 10%,#0b2940 70%,#05111e);border:1px solid rgba(229,180,90,.54);border-radius:11px;box-shadow:inset 0 0 0 1px rgba(238,202,142,.06),0 14px 28px rgba(0,0,0,.24);cursor:pointer;transition:transform .22s,border-color .2s,box-shadow .2s}
.gallery-card:hover,.gallery-card:focus-visible{transform:translateY(-4px);border-color:#e8c178;box-shadow:0 12px 38px rgba(0,20,37,.7),0 0 20px rgba(238,190,86,.12)}
.gallery-card.feature-big{grid-column:span 3}
.project-media{width:100%;aspect-ratio:16/8.9;overflow:hidden;position:relative;background:#091a29}
.gallery-card img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.6,.2,1)}
.gallery-card:hover img{transform:scale(1.035)}
.gallery-caption{display:flex;align-items:center;gap:14px;padding:14px 15px;min-height:72px;background:linear-gradient(180deg,rgba(11,39,65,.97),#061420)}
.caption-icon{min-width:35px;color:#f0bf62;text-align:center;font-size:23px}
.caption-text{min-width:0;flex:1}.caption-text strong{display:block;color:#f7fafb;font-size:clamp(13px,1.1vw,16px);font-weight:750;line-height:1.25}
.caption-text small{display:block;margin-top:3px;color:#bcc7d6;font-size:clamp(10px,.91vw,13px);font-style:italic;line-height:1.25}
.caption-arrow{color:#edbe62;margin-left:auto;font-size:18px}
.gallery-card.gallery-extra .gallery-caption{min-height:65px}.gallery-card.gallery-extra .project-media{aspect-ratio:16/10.8}
.gallery-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;margin:28px auto 0}
.see-all{padding:11px 21px;border-radius:6px;border:1px solid var(--gold);background:rgba(11,35,57,.78);color:var(--gold-light);font-size:12px;text-transform:uppercase;font-weight:800;letter-spacing:.09em;transition:.2s}
.see-all:hover{background:rgba(229,179,85,.16)}.see-all i{margin-left:12px}.gallery-count{font-size:12px;color:var(--muted)}
.gallery-empty{color:var(--muted);text-align:center;margin:20px auto}

/* Motion-safe flowing liquid borders */
.liquid-wave{height:30px;max-width:1600px;margin:auto;position:relative;background:radial-gradient(ellipse 29% 6px at 19% 46%,rgba(255,211,122,.87),transparent 95%),radial-gradient(ellipse 31% 7px at 79% 58%,rgba(247,185,83,.82),transparent 97%),linear-gradient(175deg,transparent 42%,#0864b1 54%,transparent 64%);opacity:.85;filter:drop-shadow(0 0 7px rgba(0,103,206,.32))}
.services-section{padding-top:34px;padding-bottom:43px}
.services-section .section-heading{margin-bottom:32px}
.services-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:17px}
.service-tile{border:1px solid #dcb773;border-radius:14px;padding:24px 9px 21px;min-height:169px;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:11px;text-align:center;background:linear-gradient(135deg,rgba(27,66,95,.85),rgba(2,13,27,.91) 73%),radial-gradient(ellipse at top,#224c74,transparent 70%);box-shadow:inset 1px 1px 13px rgba(225,196,140,.20),inset -1px -1px 14px rgba(2,115,179,.20),0 0 18px rgba(242,182,66,.17),0 9px 20px rgba(0,0,0,.34);transition:transform .25s,box-shadow .25s}
.service-tile:hover,.service-tile:focus-visible{transform:translateY(-5px);box-shadow:0 0 21px rgba(245,186,69,.35),inset 0 0 20px rgba(225,178,89,.12)}
.service-tile>i{font-size:clamp(25px,3vw,40px);color:#f4c768;line-height:1.15}
.service-tile strong{font-size:clamp(11px,1.07vw,16px);text-transform:uppercase;letter-spacing:.035em;line-height:1.2}
.service-tile span{font-size:clamp(10px,.91vw,13px);font-style:italic;color:#c7d3dc;line-height:1.35}
.extra-services{text-align:center;color:#96abbf;margin:19px 0 0;font-size:12px}.text-shortcut{background:none;border:none;padding:5px;color:#eac881;text-decoration:underline;text-underline-offset:4px}.extra-services span{padding:0 5px}
.trust-strip{width:100%;padding:20px max(25px,calc((100vw - 1190px)/2));background:linear-gradient(90deg,transparent,rgba(188,139,57,.12) 11%,rgba(162,119,45,.28) 50%,rgba(197,148,62,.13) 90%,transparent);border-top:1px solid rgba(215,176,109,.13);border-bottom:1px solid rgba(215,176,109,.23);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;box-shadow:inset 0 0 20px rgba(230,168,71,.05)}
.trust-strip>div{display:flex;align-items:center;justify-content:center;gap:18px;border-right:1px solid rgba(233,195,114,.35)}.trust-strip>div:last-child{border-right:0}
.trust-strip i{font-size:28px;color:#f4c969}.trust-strip span{font-weight:700;font-size:12px;line-height:1.45;text-transform:uppercase;letter-spacing:.02em}
.quote-cta{min-height:160px;display:grid;grid-template-columns:minmax(70px,1fr) minmax(300px,2.8fr) minmax(190px,1fr);align-items:center;gap:24px;padding:18px max(30px,calc((100vw - 1280px)/2));background:radial-gradient(ellipse at 12% 110%,rgba(0,128,221,.65),transparent 40%),radial-gradient(ellipse at 78% -20%,rgba(3,61,102,.5),transparent 40%),linear-gradient(170deg,#051c36,#07182a 69%,#030e20);border-bottom:1px solid rgba(217,167,69,.32);position:relative;overflow:hidden}
.quote-cta::after{content:'';pointer-events:none;position:absolute;left:0;right:0;bottom:0;height:15px;background:radial-gradient(ellipse at 65% 50%,rgba(250,199,112,.72),transparent 18%),linear-gradient(178deg,transparent,rgba(27,104,166,.50) 64%,transparent);opacity:.83}
.cta-droplet{display:grid;place-items:center;color:#80cfff;font-size:64px;text-shadow:0 0 25px #00a0ff;transform:translateY(7px)}
.quote-cta h2{font:italic clamp(21px,2.25vw,36px)/1.2 var(--serif);margin-bottom:10px;text-align:center}
.quote-cta p{text-align:center;font-weight:650;letter-spacing:.32em;font-size:11px;margin:0;color:#d6e6f1}
.quote-cta .gold-button{min-width:175px;justify-self:end;padding:10px 22px}

/* About, prices and practical content remain accessible without cluttering reference UI */
.company-details{margin-top:25px;margin-bottom:25px}
.company-details>summary{list-style:none;cursor:pointer;border:1px solid rgba(240,192,110,.3);border-radius:10px;background:linear-gradient(90deg,#0a253e,#051728);color:#e8cd98;padding:16px 22px;font-size:14px;font-weight:650;display:flex;justify-content:space-between;align-items:center}
.company-details>summary::-webkit-details-marker{display:none}
.company-details[open]>summary{border-radius:10px 10px 0 0}.company-details[open]>summary i{transform:rotate(45deg)}
.about-content{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:25px 27px;border:1px solid rgba(234,183,90,.2);border-radius:0 0 10px 10px;background:rgba(12,38,59,.4);line-height:1.65}
.about-content h2{font:normal 24px var(--serif);color:var(--gold)}.about-content p{color:#d0d9e1;font-size:14px}.kicker{font-size:11px!important;letter-spacing:.23em;color:var(--gold-light)!important;font-weight:800}.paver-examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.sample-card{border:1px solid rgba(229,184,104,.25);border-radius:8px;background:rgba(3,17,30,.45);padding:13px}.sample-copy time{font-size:10px;color:var(--muted)}.sample-copy h3{font-size:13px;margin:5px 0;color:var(--gold-light)}.sample-copy p{font-size:11px;margin:0 0 5px}.sample-copy strong{font-size:13px;color:var(--gold)}.sample-copy span{display:none}.pricing-note{font-size:11px!important;font-style:italic}
.contact-panel{padding-top:25px;padding-bottom:55px}.contact-panel .section-heading{margin-bottom:25px}.contact-panel h2{text-transform:none;font-style:italic}
.contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.contact-item{display:flex;gap:16px;align-items:center;padding:19px;background:linear-gradient(130deg,rgba(12,44,70,.74),rgba(3,17,31,.84));border:1px solid rgba(226,182,105,.25);border-radius:10px;min-width:0}.contact-item i{color:var(--gold);font-size:26px}.contact-item div{min-width:0}.contact-item span{display:block;font-size:10px;letter-spacing:.15em;color:var(--muted);font-weight:700;margin-bottom:5px}.contact-item a,.contact-item strong{display:block;font-size:13px;overflow-wrap:anywhere;font-weight:600}.contact-item a:hover{color:var(--gold-light)}
.map-detail{margin:17px 0 0;background:rgba(5,22,39,.75);border-radius:9px;border:1px solid rgba(234,183,90,.20)}.map-detail summary{padding:14px 20px;cursor:pointer;color:#e6c88b;font-weight:700;font-size:13px}.map-detail summary i{margin-right:9px}.map-detail iframe{display:block;width:100%;height:360px;border:0;filter:saturate(.85)}
.site-footer{background:linear-gradient(180deg,#061b2e,#020b17);border-top:1px solid var(--border);padding:25px 30px 18px}
.footer-inner{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1fr 1.3fr 1fr;align-items:center;gap:25px}
.footer-brand img{width:min(100%,280px)}.footer-inner nav{display:flex;flex-wrap:wrap;gap:17px;align-items:center;justify-content:center;border-left:1px solid rgba(235,189,102,.4);border-right:1px solid rgba(235,189,102,.4);padding:25px 14px}.footer-inner nav a{font-weight:600;text-transform:uppercase;font-size:11px}.footer-inner nav a:hover{color:var(--gold)}
.footer-contacts{display:flex;flex-direction:column;gap:10px;min-width:0}.footer-contacts a,.footer-contacts span{font-size:12px;overflow-wrap:anywhere}.footer-contacts i{width:20px;color:var(--gold)}.footer-contacts a:hover{color:var(--gold-light)}
.footer-bottom{display:flex;justify-content:center;align-items:center;gap:17px;color:var(--gold);font-family:var(--serif);font-size:13px;letter-spacing:.3em;margin:22px auto 8px;max-width:1000px}.footer-bottom::before,.footer-bottom::after{content:'';height:1px;background:linear-gradient(90deg,transparent,#c59a58);flex:1}.footer-bottom::after{transform:rotate(180deg)}.footer-bottom i{width:4px;height:4px;border-radius:50%;background:var(--gold)}.copyright{margin:10px 0 0;text-align:center;color:#8797a9;font-size:10px}

/* Accessible photo lightbox */
.lightbox{display:none;position:fixed;z-index:100;inset:0;background:rgba(1,7,17,.96);align-items:center;justify-content:center;padding:65px 68px 48px;backdrop-filter:blur(16px)}.lightbox.open{display:flex}
.lightbox figure{margin:0;display:flex;flex-direction:column;align-items:center;max-width:100%;max-height:100%;min-width:0}
.lightbox figure img{object-fit:contain;max-width:min(1250px,100%);max-height:calc(100dvh - 155px);width:auto;box-shadow:0 12px 60px #000;border:1px solid rgba(225,178,82,.35);border-radius:7px}
.lightbox figcaption{margin:16px 0;text-align:center;color:#e7d5b4;font-size:14px}
.lightbox button{position:absolute;z-index:2;display:grid;place-items:center;width:45px;height:45px;border-radius:50%;border:1px solid var(--border);background:rgba(9,29,50,.95);color:#f7d084;font-size:20px}.lightbox button:hover{background:#183c59}.lightbox-close{top:19px;right:26px}.lightbox-prev{left:18px;top:49%}.lightbox-next{right:18px;top:49%}
.audio-control{position:fixed;z-index:15;bottom:16px;left:16px;width:42px;height:42px;border:1px solid rgba(224,179,92,.6);background:rgba(4,24,44,.85);border-radius:50%;color:#f0c471;box-shadow:0 3px 18px rgba(0,0,0,.44);font-size:17px;display:grid;place-items:center}.audio-control:hover{background:#0c3557}

@media(max-width:1050px){.nav-inner{gap:16px}.site-links{gap:17px}.brand-mark{width:230px}.nav-quote{padding:10px 12px}.site-links a{font-size:11px}.gallery-grid{gap:16px}.services-grid{gap:12px}.quote-cta{grid-template-columns:75px minmax(290px,1fr) 170px}.quote-cta .gold-button{min-width:160px;gap:12px}}
@media(max-width:760px){
 html{scroll-padding-top:69px}.site-header{position:sticky;top:0}.nav-inner{height:68px;min-height:68px;padding:0 16px}.brand-mark{width:min(52vw,230px)}.menu-toggle{display:flex;order:3}.nav-quote{margin-left:auto;font-size:10px;padding:10px 11px}.nav-quote i{display:none}
 .site-links{position:absolute;left:0;right:0;top:68px;background:#041527;display:none;flex-direction:column;gap:0;border-bottom:1px solid #b68b46;padding:10px 20px 20px;box-shadow:0 20px 28px rgba(0,0,0,.42)}.site-links.open{display:flex}.site-links a{width:100%;text-align:center;padding:13px 9px}.site-links a.active::after{bottom:6px;left:38%;right:38%}
 .water-hero{min-height:480px;padding-bottom:31px;align-items:flex-end}.hero-water-image{opacity:.60;object-fit:cover;object-position:center}.hero-wash{background:linear-gradient(180deg,rgba(0,10,24,.24),rgba(0,13,29,.7) 37%,rgba(0,12,27,.92) 100%)}
 .hero-mobile-copy{display:block;position:absolute;top:42px;left:20px;right:20px;text-align:center}.hero-mobile-copy .mobile-gold-tree{font-size:45px;color:#efc06d;text-shadow:0 0 15px rgba(243,182,68,.33);margin-bottom:15px}.mobile-eyebrow{letter-spacing:.17em;font-size:10px;color:var(--gold-light);font-weight:750;margin-bottom:15px}.hero-mobile-copy h1{font:normal clamp(34px,8vw,65px)/1.12 var(--serif);color:#e5effa;text-shadow:0 2px 20px rgba(0,0,0,.8)}.hero-mobile-copy h1 em{font-style:normal;color:#f5c878}.hero-mobile-copy>p:last-child{font:italic 16px var(--serif);color:#dbdde6}
 .hero-actions{width:100%;max-width:510px}.hero-actions a{min-width:0;flex:1;gap:8px;font-size:11px;padding:12px 15px}
 .project-section{padding-top:32px;padding-bottom:45px}.section-heading h2{font-size:clamp(24px,4.5vw,33px)}.eyebrow-line{gap:12px;letter-spacing:.19em}.gallery-filter-bar{gap:5px;padding-bottom:21px}.filter{padding:7px 10px;font-size:10px}
 .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.gallery-card.feature-big,.gallery-card.feature-small,.gallery-card.gallery-extra{grid-column:span 1}.gallery-card.feature-big{grid-column:span 2}.project-media{aspect-ratio:16/10}.gallery-caption{padding:11px 10px;gap:8px;min-height:65px}.caption-icon{min-width:24px;font-size:20px}.caption-text strong{font-size:12px}.caption-text small{font-size:10px}.caption-arrow{font-size:13px}.gallery-card.gallery-extra .project-media{aspect-ratio:16/11}
 .services-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.service-tile{min-height:148px;padding:19px 7px}.service-tile strong{font-size:11px}.service-tile span{font-size:10px}.trust-strip{padding:19px 20px;grid-template-columns:repeat(2,minmax(0,1fr));row-gap:20px}.trust-strip>div:nth-child(2){border-right:0}.trust-strip i{font-size:24px}.trust-strip span{font-size:11px}
 .quote-cta{padding:27px 24px;grid-template-columns:1fr;gap:15px;text-align:center}.cta-droplet{display:none}.quote-cta h2{font-size:25px}.quote-cta .gold-button{justify-self:center;min-width:200px}.quote-cta p{font-size:10px}
 .about-content{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr}.contact-panel{padding-bottom:38px}.footer-inner{grid-template-columns:1fr;gap:15px;text-align:center}.footer-brand img{max-width:255px}.footer-inner nav{border:0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:15px 10px}.footer-contacts{align-items:center}.footer-bottom{font-size:10px;letter-spacing:.15em;gap:10px}
}
@media(max-width:420px){.brand-mark{width:45vw}.nav-quote{font-size:9px}.gallery-grid{gap:10px}.gallery-caption{padding:10px 7px}.caption-icon{display:none}.caption-text strong{font-size:11px}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.extra-services{font-size:11px}.hero-actions{gap:9px}.hero-actions a{font-size:10px;min-height:49px}.gallery-card.gallery-extra{grid-column:span 1}.section-heading h2{font-size:23px}.lightbox{padding:60px 40px}.lightbox-prev{left:4px}.lightbox-next{right:4px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:0.01ms!important;animation-duration:0.01ms!important}}

/* Reference page shows only the five signature project cards initially. Filters appear on request. */
.gallery-filter-bar{display:none}
.gallery-filter-bar.is-visible{display:flex}
.site-footer>.map-detail{max-width:1000px;margin:20px auto 12px;text-align:left}
@media(max-width:540px){.gallery-card.feature-small{grid-column:span 2}.gallery-card.feature-small .project-media{aspect-ratio:16/9}}
@keyframes liquidShimmer{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.liquid-wave{background-size:180% 100%;animation:liquidShimmer 13s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.liquid-wave{animation:none}}


/* Real liquid-water footage + restrained gold and sapphire droplets */
.hero-liquid-film{
 position:absolute;inset:-12% 12% auto 28%;width:60%;height:70%;object-fit:cover;
 opacity:.26;mix-blend-mode:screen;z-index:-2;pointer-events:none;
 filter:brightness(.68) saturate(1.25) contrast(1.28);
 -webkit-mask-image:radial-gradient(ellipse 65% 63% at 50% 48%,#000 22%,transparent 100%);
 mask-image:radial-gradient(ellipse 65% 63% at 50% 48%,#000 22%,transparent 100%);
}
.hero-droplet-field{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.water-bead{
 position:absolute;top:var(--y);left:var(--x);width:17px;height:21px;
 transform:scale(var(--scale));border-radius:53% 47% 56% 44% / 60% 56% 44% 40%;
 background:radial-gradient(ellipse at 26% 22%,#fff 0%,rgba(203,235,255,.95) 9%,rgba(23,128,207,.72) 42%,rgba(8,30,80,.62) 68%,rgba(245,200,117,.8) 90%);
 border:1px solid rgba(219,237,255,.58);box-shadow:inset 2px 2px 4px rgba(255,255,255,.45),inset -2px -3px 5px rgba(3,23,70,.7),0 0 12px rgba(32,147,239,.48);
 opacity:0;will-change:transform,opacity;animation:falling-water var(--speed) ease-in infinite;animation-delay:var(--delay);
}
.water-bead::after{content:'';position:absolute;top:20%;left:19%;width:30%;height:20%;background:rgba(255,255,255,.92);filter:blur(2px);border-radius:50%}
@keyframes falling-water{
 0%{transform:translate3d(0,-25px,0) scale(var(--scale));opacity:0}
 12%{opacity:.65}
 70%{opacity:.52}
 100%{transform:translate3d(-9px,175px,0) scale(var(--scale));opacity:0}
}
/* Gentle flowing sheen stays behind text and cards */
.water-divider{background-size:150% 100%;animation:water-shine 12s ease-in-out infinite}
.project-section,.services-section{position:relative;isolation:isolate}
.project-section::before,.services-section::before{content:'';position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(ellipse 47% 17% at 12% 10%,rgba(15,100,166,.12),transparent),radial-gradient(ellipse 38% 25% at 87% 80%,rgba(17,92,149,.10),transparent);opacity:.8}
.gallery-card::after,.service-tile::after{content:'';position:absolute;z-index:2;pointer-events:none;inset:-70% auto auto -60%;width:80%;height:200%;transform:translateX(-130%) rotate(20deg);background:linear-gradient(90deg,transparent,rgba(233,247,255,.13),transparent);transition:transform .75s cubic-bezier(.24,.5,.3,1)}
.gallery-card:hover::after,.service-tile:hover::after{transform:translateX(300%) rotate(20deg)}
.service-tile{position:relative;overflow:hidden}
.cta-droplet{position:relative;display:block;width:clamp(85px,10vw,135px);height:clamp(85px,10vw,135px);border-radius:50%;overflow:hidden;box-shadow:0 0 28px rgba(9,116,208,.38),inset 0 0 15px rgba(248,198,113,.18);border:1px solid rgba(250,211,125,.22)}
.cta-water-video{display:block;width:100%;height:100%;object-fit:cover;filter:brightness(.82) saturate(1.22) contrast(1.1)}
.cta-droplet-shine{position:absolute;inset:0;border-radius:50%;pointer-events:none;border:1px solid rgba(249,206,129,.28);box-shadow:inset 7px 7px 22px rgba(254,235,190,.12),inset -11px -11px 25px rgba(1,16,45,.7)}
.quote-cta::before{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-radial-gradient(ellipse at 16% 105%,transparent 0,transparent 16px,rgba(21,124,195,.11) 18px,transparent 26px);opacity:.65;animation:ripple-breathe 11s ease-in-out infinite}
@keyframes water-shine{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes ripple-breathe{0%,100%{opacity:.36;transform:scale(1)}50%{opacity:.68;transform:scale(1.04)}}
.audio-ui{position:fixed;z-index:25;bottom:16px;left:16px;display:flex;align-items:center;gap:9px;pointer-events:none}
.audio-ui>*{pointer-events:auto}
.audio-ui .audio-control{position:relative;bottom:auto;left:auto;flex:0 0 42px;min-width:42px}
.audio-control.is-playing{color:#071826;background:linear-gradient(160deg,#ffe5a8,#cea15a);box-shadow:0 0 0 4px rgba(227,184,95,.12),0 4px 20px rgba(211,164,77,.3)}
.audio-hint{font-size:12px;letter-spacing:.03em;border:1px solid rgba(237,190,100,.58);background:rgba(2,16,31,.94);color:#ffe4a6;padding:10px 13px;border-radius:22px;box-shadow:0 4px 18px rgba(0,0,0,.36)}
.audio-hint[hidden]{display:none}
@media(max-width:760px){
 .hero-liquid-film{left:8%;right:8%;width:84%;top:0%;height:48%;opacity:.20}
 .hero-droplet-field{opacity:.55}
 .cta-droplet{display:none}
 .audio-hint{font-size:11px;padding:9px 11px}
}
@media(prefers-reduced-motion:reduce){
 .water-bead,.water-divider,.quote-cta::before{animation:none!important}
 .water-bead{opacity:0!important}
 .hero-liquid-film,.cta-water-video{display:none}
 .gallery-card::after,.service-tile::after{display:none}
}

/* Map fallback links remain usable if an embedded map is blocked. */
.site-location-card{padding-bottom:15px;background:#061827}
.site-location-card p{margin:10px 16px;color:#c9d7e5;font-size:12px}
.site-map-actions{display:flex;gap:12px;flex-wrap:wrap;padding:0 16px}
.site-map-actions a{display:inline-flex;align-items:center;min-height:42px;padding:9px 13px;border-radius:999px;color:#f4d295;background:rgba(221,173,83,.1);border:1px solid rgba(221,173,83,.5);font-size:12px;font-weight:700}
.site-map-actions a:hover{background:#f4d295;color:#041523}

/* Autoplay-blocked audio has a visible, one-tap, accessible alternative. */
.audio-ui .audio-hint{cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-family:inherit;font-weight:700;touch-action:manipulation}
.audio-ui .audio-hint:hover{background:#14375b;color:#ffe8b6}
.audio-ui .audio-hint:focus-visible{outline:3px solid #ffe8b6;outline-offset:3px}