@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&display=swap');
:root{--dark:#0b304b;--deep:#08263f;--ink:#143c57;--aqua:#54c7ed;--pale:#eff8fc;--line:#cbdfe9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font:16px/1.6 'DM Sans',Arial,sans-serif}img{max-width:100%;display:block}a{color:inherit}a:focus-visible{outline:3px solid var(--aqua);outline-offset:4px}.shell{max-width:1390px;margin:auto;padding-inline:5vw}.mast{background:white;position:relative;z-index:10;border-bottom:1px solid var(--line)}.head{height:96px;display:flex;align-items:center;justify-content:space-between;gap:30px}.wordmark{text-decoration:none;white-space:nowrap;line-height:1}.wordmark strong{font-size:27px;letter-spacing:-.08em;font-weight:700}.wordmark strong span{font-weight:400;margin-left:6px}.wordmark small{display:block;font-size:9px;letter-spacing:.21em;margin-top:7px;font-weight:700}.head nav{display:flex;gap:32px;align-items:center}.head nav a,.head-phone{text-decoration:none;font-size:14px;font-weight:700}.head nav a:hover,.head-phone:hover{color:#087ca9}.head-phone{white-space:nowrap;border-bottom:1px solid var(--ink);padding-bottom:6px}.hero{background:var(--dark);color:white}.hero-grid{display:grid;grid-template-columns:minmax(0,45%) minmax(0,55%);max-width:1600px;margin:auto;padding-left:5vw}.hero-copy{padding:94px 5vw 44px 0;display:flex;flex-direction:column;align-items:flex-start}.kicker,.section-number,.service-index{font-size:12px;letter-spacing:.22em;font-weight:700;text-transform:uppercase}.kicker{color:var(--aqua)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'DM Serif Display',Georgia,serif;font-weight:400;letter-spacing:-.035em;line-height:1.08}h1{font-size:clamp(54px,5.2vw,91px);margin:27px 0}h1 em,h2 em{font-weight:400;color:var(--aqua)}.hero-copy>p:not(.kicker){font-size:19px;color:#dfebeb;max-width:490px;line-height:1.65}.actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:25px}.btn{padding:17px 23px;text-decoration:none;font-weight:700;font-size:14px;display:inline-flex;justify-content:center;align-items:center;min-height:54px}.aqua{background:var(--aqua);color:var(--deep)}.aqua:hover{background:#80d9f5}.text-link{text-decoration:none;color:white;border-bottom:1px solid #8ba4a8;padding-bottom:4px;font-weight:700;font-size:14px}.hero-foot{border-top:1px solid #ffffff40;margin-top:auto;padding-top:26px;align-self:stretch;color:#c4dfed;font-size:16px;line-height:1.6}.hero-visual{position:relative;min-height:690px}.hero-visual>img{height:100%;width:100%;object-fit:cover;position:absolute;inset:0}.hero-note{position:absolute;right:0;bottom:0;background:var(--aqua);color:var(--deep);padding:22px 34px;min-width:245px}.hero-note span{font-size:11px;letter-spacing:.17em}.hero-note strong{display:block;font:27px/1.1 'DM Serif Display',Georgia,serif;margin-top:8px}.intro{display:grid;grid-template-columns:28% 1fr;padding-top:105px;padding-bottom:55px;gap:25px}.section-number{color:#147da7;padding-top:10px}.intro h2,.statement h2,.work h2,.service-area h2,.contact h2{font-size:clamp(40px,4.4vw,68px);margin-bottom:20px}.intro h2 em{color:#169ac5}.intro p{color:#49697c;max-width:620px;font-size:18px}.services{padding-bottom:120px}.service-feature{display:grid;grid-template-columns:55% 45%;background:var(--pale)}.feature-photo{min-height:480px}.feature-photo img{width:100%;height:100%;object-fit:cover}.feature-content{padding:60px 11%;display:flex;align-items:flex-start;flex-direction:column;justify-content:center}.service-index{color:#147da7}.feature-content h3{font-size:clamp(35px,3.2vw,52px);margin:25px 0}.feature-content p,.service-row p{color:#49697c;line-height:1.7}.feature-content a,.service-row a,.area-grid a{font-weight:700;text-decoration:none;border-bottom:1px solid currentColor;margin-top:25px;padding-bottom:6px}.service-row{display:grid;grid-template-columns:repeat(2,1fr);border-bottom:1px solid var(--line)}.service-row article{padding:44px 35px 48px 0}.service-row article+article{border-left:1px solid var(--line);padding-left:35px}.service-row h3{font-size:32px;margin:22px 0 13px}.service-row a{display:inline-block}.statement{background:var(--deep);color:white;padding:105px 0}.statement-grid{display:grid;grid-template-columns:1fr .8fr;gap:12%}.statement h2{margin-top:18px}.statement-grid>div+div{padding-top:50px}.statement p:not(.kicker){color:#d2e8f1;font-size:18px}.outline{color:white;border:1px solid #b9d6e5;margin-top:18px}.outline:hover{background:#ffffff18}.work{padding-top:110px;padding-bottom:110px}.work-heading{display:flex;justify-content:space-between;align-items:end;gap:30px}.work-heading p:last-child{max-width:330px;color:#49697c}.photo-grid{display:grid;grid-template-columns:1.45fr 1fr;grid-template-rows:260px 260px;gap:16px}.photo-grid figure{position:relative;margin:0;overflow:hidden}.photo-grid .photo-tall{grid-row:span 2}.photo-grid img{height:100%;width:100%;object-fit:cover;transition:transform .4s}.photo-grid figure:hover img{transform:scale(1.035)}.photo-grid figcaption{position:absolute;bottom:0;left:0;right:0;color:white;font-family:'DM Serif Display',Georgia,serif;font-size:26px;padding:45px 20px 19px;background:linear-gradient(transparent,#08263fb8)}.caption{color:#547286;font-size:13px;margin-top:13px}.service-area{background:var(--pale);padding:90px 0}.area-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}.area-grid p:not(.kicker){font-size:18px;color:#49697c}.area-grid a{display:inline-block}.contact{text-align:center;padding-top:115px;padding-bottom:130px}.contact h2{margin-top:15px}.contact>p:not(.kicker){font-size:19px;color:#49697c}.contact .actions{justify-content:center}.contact .light{border:1px solid var(--ink)}.contact .light:hover{background:var(--pale)}footer{background:var(--deep);color:#d2e8f1;padding:50px 0 25px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:50px}.footer-grid .wordmark{color:white}.footer-grid a{text-decoration:none}.foot-bottom{margin-top:55px;border-top:1px solid #ffffff35;padding-top:22px;display:flex;justify-content:space-between;font-size:13px}.foot-bottom a{text-decoration:none}@media(max-width:1100px){.head nav{gap:16px}.hero-copy{padding-top:70px}.hero-visual{min-height:610px}h1{font-size:clamp(46px,5vw,70px)}}@media(max-width:850px){.head{height:auto;min-height:85px;flex-wrap:wrap;padding-top:18px;padding-bottom:16px}.head nav{order:3;width:100%;justify-content:space-between;gap:12px}.hero-grid{grid-template-columns:1fr;padding:0}.hero-copy{padding:65px 5vw 40px}.hero-foot{margin-top:55px}.hero-visual{min-height:420px}.intro{grid-template-columns:1fr;padding-top:75px}.service-feature{grid-template-columns:1fr}.feature-photo{height:400px;min-height:0}.feature-content{padding:45px}.service-row{grid-template-columns:1fr}.service-row article,.service-row article+article{padding:28px 0;border-left:0;border-bottom:1px solid var(--line)}.statement-grid,.area-grid{grid-template-columns:1fr;gap:20px}.statement-grid>div+div{padding-top:0}}@media(max-width:560px){.head{gap:12px}.wordmark strong{font-size:22px}.wordmark small{font-size:7px}.head-phone{font-size:12px}.head nav{overflow-x:auto;white-space:nowrap;font-size:12px}.head nav a{font-size:12px}.hero-copy{padding-top:54px}.hero-copy>p:not(.kicker){font-size:17px}.hero-visual{min-height:330px}.hero-note{min-width:0;padding:12px 18px}.hero-note strong{font-size:20px}h1{font-size:clamp(49px,12vw,68px)}.intro h2,.statement h2,.work h2,.service-area h2,.contact h2{font-size:43px}.intro,.work{padding-top:65px}.services{padding-bottom:65px}.feature-photo{height:280px}.feature-content{padding:35px 25px}.statement,.service-area{padding:65px 0}.work-heading{display:block}.photo-grid{grid-template-columns:1fr;grid-template-rows:330px 220px 220px}.photo-grid .photo-tall{grid-row:auto}.contact{padding-top:70px;padding-bottom:80px}.footer-grid{grid-template-columns:1fr;gap:22px}.foot-bottom{margin-top:30px}.actions{gap:15px}}

.mast .brand-lockup{display:flex;align-items:center;gap:11px;text-decoration:none;flex:none}.mast .brand-lockup img{width:59px;height:59px;object-fit:contain}.mast .brand-lockup .wordmark{display:block}@media(max-width:560px){.mast .brand-lockup{gap:7px}.mast .brand-lockup img{width:42px;height:42px}.mast .brand-lockup .wordmark strong{font-size:19px}.mast .brand-lockup .wordmark small{font-size:6px}.head-phone{font-size:11px}}
/* Service and area pages */
.crumbs{max-width:1390px;margin:auto;padding:20px 5vw 0;color:#547286;font-size:14px}.crumbs a{text-decoration:none}.crumbs a:hover{text-decoration:underline}.crumbs span{padding:0 8px}.inner-hero{padding-top:74px;padding-bottom:80px}.inner-hero h1{max-width:920px;font-size:clamp(45px,5.7vw,84px);margin:16px 0 22px}.inner-hero>p:not(.kicker){max-width:760px;color:#49697c;font-size:19px;line-height:1.65}.inner-hero .light{border:1px solid var(--ink)}.inner-section{padding-top:65px;padding-bottom:85px}.inner-section h2,.editorial h2,.lead-box h2,.lead-form h2,.contact-aside h2{font-size:clamp(30px,3vw,47px);margin-bottom:17px}.inner-section>p{max-width:800px;color:#49697c}.muted{background:var(--pale)}.link-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.tile-link{text-decoration:none;background:#eff8fc;border:1px solid var(--line);padding:32px;display:flex;flex-direction:column;gap:13px;min-height:205px}.muted .tile-link{background:white}.tile-link strong{font:32px/1.1 'DM Serif Display',Georgia,serif;color:var(--ink)}.tile-link>span:last-child{color:#49697c}.tile-link:hover{border-color:var(--aqua);transform:translateY(-2px)}.lead-box{background:var(--dark);color:white;padding:65px max(5vw,calc((100vw - 1250px)/2));}.lead-box h2{margin:15px 0}.lead-box p{max-width:560px;color:#d2e8f1;font-size:18px}.lead-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.lead-box .light{border:1px solid #b9d6e5;color:white}.editorial{display:grid;grid-template-columns:1fr 1fr;gap:7%;padding-top:25px;padding-bottom:95px;align-items:start}.editorial img{width:100%;height:480px;object-fit:cover}.editorial .caption{font-size:13px;color:#547286}.editorial p{color:#49697c}.info-block{border-bottom:1px solid var(--line);padding:0 0 25px;margin-bottom:26px}.info-block h2{font-size:32px;margin:0 0 12px}.info-block p{margin:0}.narrow{max-width:920px}.narrow details{border-bottom:1px solid #cbdfe9;padding:19px 0}.narrow summary{cursor:pointer;font-weight:700;font-size:18px}.narrow details p{color:#49697c;margin:12px 0 0}.city-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:30px}.city-grid>*{display:flex;justify-content:space-between;text-decoration:none;border:1px solid var(--line);padding:14px 16px;color:var(--ink)}.city-grid a{font-weight:700;background:var(--pale)}.city-grid a:hover{border-color:var(--aqua)}.city-editorial .link-grid{grid-template-columns:1fr 1fr;gap:10px}.city-editorial .tile-link{padding:18px;min-height:145px;gap:6px}.city-editorial .tile-link strong{font-size:24px}.contact-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(250px,.8fr);gap:9%}.lead-form{background:var(--pale);padding:36px}.lead-form>p{color:#49697c}.lead-form label{display:block;font-weight:700;margin:19px 0}.lead-form input,.lead-form select,.lead-form textarea{display:block;width:100%;margin-top:7px;border:1px solid #adc9d9;border-radius:0;background:white;font:inherit;color:var(--ink);padding:13px;min-height:50px}.lead-form textarea{resize:vertical}.lead-form button{border:0;cursor:pointer}.form-status{font-size:14px}.contact-aside p{line-height:1.7;border-bottom:1px solid var(--line);padding:18px 0}.contact-aside a{color:var(--ink)}.hero-foot a,.service-area a{color:inherit;text-underline-offset:4px}
@media(max-width:850px){.city-grid{grid-template-columns:repeat(3,1fr)}.editorial,.contact-layout{grid-template-columns:1fr}.editorial img{height:360px}.contact-aside{padding-bottom:35px}}@media(max-width:560px){.inner-hero{padding-top:50px;padding-bottom:50px}.inner-hero>p:not(.kicker){font-size:17px}.inner-section{padding-top:45px;padding-bottom:60px}.link-grid,.city-editorial .link-grid{grid-template-columns:1fr}.city-grid{grid-template-columns:repeat(2,1fr)}.city-grid>*{font-size:14px;padding:12px}.editorial{gap:28px;padding-bottom:55px}.editorial img{height:260px}.lead-box{padding:55px 5vw}.lead-form{padding:23px}.lead-actions .btn{width:100%}}
/* Remodeling finish showcase */
.finish-showcase{background:#0a304e;color:#fff;padding:88px 0 78px}.finish-showcase h2{font-size:clamp(38px,4vw,64px);margin:12px 0 16px}.finish-intro{font-size:18px;color:#d2e8f1;max-width:770px}.finish-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:34px}.finish-card{background:white;color:var(--ink)}.finish-visual{height:235px;display:flex;align-items:flex-end;padding:22px;position:relative;overflow:hidden}.finish-visual span{position:relative;background:#0a304ed9;color:#fff;font-size:12px;font-weight:700;letter-spacing:.18em;padding:10px 13px}.pebble-visual{background:radial-gradient(circle at 20% 80%,#82c7c5 0,transparent 35%),radial-gradient(circle at 82% 15%,#163c58 0,transparent 48%),linear-gradient(125deg,#12859b,#45b6ba 50%,#0f5979)}.quartz-visual{background:radial-gradient(circle at 78% 70%,#e3f4eb 0,transparent 37%),radial-gradient(circle at 12% 18%,#0c5683 0,transparent 43%),linear-gradient(135deg,#146d96,#5eb9bc 65%,#d2e9dd)}.finish-card-body{padding:27px 30px 32px}.finish-card h3{font-size:34px;margin:0 0 12px}.finish-card p{color:#49697c;min-height:68px}.finish-card a{font-weight:700;text-underline-offset:5px}.finish-note{color:#c4dfed;font-size:14px;margin:22px 0 0}.finish-next{display:flex;justify-content:space-between;align-items:center;gap:35px}.finish-next h2{font-size:clamp(32px,3.5vw,50px)}.finish-next p:last-child{max-width:690px;color:#49697c;font-size:18px}.finish-next .btn{white-space:nowrap}@media(max-width:680px){.finish-showcase{padding:60px 0}.finish-grid{grid-template-columns:1fr}.finish-visual{height:180px}.finish-card p{min-height:0}.finish-next{display:block}.finish-next .btn{white-space:normal}}

/* Keep the spa and pool centered across desktop and mobile crops. */
.hero-visual>img{object-position:50% 55%}.editorial img[src*="rtech-pool-remodel-hero"]{object-position:50% 58%}.feature-photo img[src*="rtech-pool-remodel-hero"]{object-position:50% 58%}
.service-card-photo{display:block;width:100%;height:220px;object-fit:cover;margin-bottom:28px}.service-row-single article{max-width:calc(50% - 18px)}.service-row-single article+article{border-left:0}@media(max-width:850px){.service-row-single article{max-width:none}.service-card-photo{height:240px}}@media(max-width:560px){.service-card-photo{height:190px}}

/* hero contact refinement */
.hero-copy .actions{max-width:100%}.hero-copy .actions .btn{border-radius:6px;padding:15px 22px;font-size:16px;line-height:1.35;text-align:center;box-shadow:none}.hero-copy .actions .btn:hover{transform:translateY(-1px)}@media(max-width:560px){.hero-copy .actions{width:100%;align-items:flex-start;gap:20px}.hero-copy .actions .btn{width:auto;max-width:100%;min-height:52px}.hero-copy .actions .text-link{display:inline-flex;align-items:center;min-height:40px}}

/* contact choices */
.lead-form .form-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.lead-form .form-actions .light{border:1px solid var(--ink);background:white;color:var(--ink)}.lead-form .form-actions .light:hover{background:#e2f4fb}@media(max-width:560px){.lead-form .form-actions .btn{width:100%}}

/* Actual remodeling project: matched before and after photographs. */
.remodel-editorial{display:block;padding-top:30px}
.remodel-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.remodel-comparison figure{margin:0;min-width:0;position:relative;overflow:hidden;background:#e7eff3}
.remodel-comparison img{width:100%;height:clamp(240px,36vw,490px);object-fit:cover;object-position:center center}
.remodel-comparison figcaption{position:absolute;left:16px;bottom:16px;background:#08263fe8;color:white;padding:8px 16px;font-size:14px;letter-spacing:.09em;text-transform:uppercase;font-weight:700}
.remodel-editorial>div:nth-child(2){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:50px}
.remodel-editorial>div:nth-child(2)>.kicker{grid-column:1/-1;margin-bottom:-8px}
.remodel-editorial .info-block{margin:0}
@media(max-width:700px){.remodel-editorial>div:nth-child(2){grid-template-columns:1fr;gap:12px;margin-top:32px}.remodel-editorial>div:nth-child(2)>.kicker{margin-bottom:4px}.remodel-comparison{gap:8px}.remodel-comparison img{height:240px}.remodel-comparison figcaption{left:7px;bottom:7px;padding:5px 9px;font-size:12px}}

/* Keep the whole equipment pad visible in repair imagery. */
.service-card-photo[src*="pool-equipment-repair"],.editorial img[src*="pool-equipment-repair"]{height:auto;aspect-ratio:16/9;object-fit:contain;background:#e8f2f5}

/* contact-first refinement */
.head-phone{background:var(--deep);color:white;border:0;border-radius:6px;padding:12px 18px;box-shadow:0 3px 12px #08263f18}.head-phone:hover{background:#12688b;color:white}.btn{border-radius:6px;transition:background .18s,transform .18s}.btn:hover{transform:translateY(-2px)}.inner-hero .actions .aqua,.lead-box .aqua,.contact .aqua,.real-project .aqua{font-size:16px}.lead-box .light{background:transparent}.lead-box .light:hover{background:#ffffff17}.lead-box p{max-width:680px}.project-invite{padding:25px 0 8px;border-bottom:1px solid var(--line)}.project-invite p{font-size:17px}.project-invite a:not(.btn),.real-project-actions a:not(.btn){font-weight:700;text-underline-offset:5px}.project-invite .lead-actions{align-items:center;gap:18px}.finish-next{align-items:start}.finish-next .lead-actions{min-width:min(100%,350px)}.finish-next .lead-actions .btn{width:100%}.real-project{padding-block:90px 110px}.real-project-heading{max-width:760px}.real-project h2{font-size:clamp(36px,4vw,62px);margin:13px 0}.real-project-heading p:last-child{font-size:18px;color:#49697c}.real-project-photos{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:30px}.real-project-photos figure{margin:0;position:relative;overflow:hidden;background:var(--pale)}.real-project-photos img{width:100%;height:clamp(260px,34vw,460px);object-fit:cover}.real-project-photos figcaption{position:absolute;bottom:14px;left:14px;background:#08263fe8;color:white;font-size:14px;font-weight:700;padding:7px 15px}.real-project-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:24px}.mobile-contact{display:none}
@media(max-width:700px){body{padding-bottom:72px}.mobile-contact{position:fixed;z-index:50;bottom:0;left:0;right:0;display:grid;grid-template-columns:minmax(0,1.7fr) 1fr 1fr;gap:7px;background:#fff;padding:8px max(10px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));box-shadow:0 -4px 20px #08263f28}.mobile-contact a{display:flex;justify-content:center;align-items:center;min-height:48px;border:1px solid var(--line);border-radius:5px;text-decoration:none;font-size:14px;font-weight:700;color:var(--deep)}.mobile-contact .mobile-call{background:var(--deep);color:white;border-color:var(--deep)}.real-project{padding-block:65px 80px}.real-project-photos{gap:8px}.real-project-photos img{height:240px}.real-project-actions{gap:14px}.head-phone{padding:10px 12px;font-size:12px}.hero-copy .actions{gap:14px}.hero-copy .actions .btn{width:100%}.hero-copy .actions .text-link{min-height:36px}.lead-actions .btn{min-height:50px}}
@media(max-width:430px){.real-project-photos img{height:180px}.real-project-photos figcaption{bottom:7px;left:7px;padding:5px 9px;font-size:12px}.real-project-actions .btn{width:100%}}

/* google review badge */
.statement{position:relative;isolation:isolate;overflow:hidden}
.statement:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#08263f66,#08263f22);z-index:-1}
.statement-watermarks{position:absolute;inset:0;z-index:-2;pointer-events:none;overflow:hidden;color:#c9edfa;font:italic clamp(26px,3.5vw,52px)/1.18 'DM Serif Display',Georgia,serif;letter-spacing:-.03em}
.statement-watermarks span{position:absolute;display:block;max-width:580px;opacity:.14}
.statement-watermarks span:first-child{top:9%;right:4%;transform:rotate(-5deg)}
.statement-watermarks span:last-child{bottom:2%;left:5%;transform:rotate(3deg)}
.statement-grid{position:relative;z-index:1}
@media(max-width:850px){.statement-watermarks span{max-width:78%;opacity:.10}.statement-watermarks span:first-child{top:6%;right:-5%}.statement-watermarks span:last-child{bottom:4%;left:-8%}}
.review-band{background:#edf7fb;border-bottom:1px solid #cde6f2}.review-band .shell{display:flex;justify-content:center}.review-badge{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:11px 16px;color:#103a52;text-decoration:none;font-size:14px;font-weight:700;border-radius:4px;transition:background .18s}.review-badge:hover,.review-badge:focus-visible{background:#d8eff8}.google-mark{font-family:Arial,sans-serif;font-size:23px;font-weight:800;line-height:1;background:conic-gradient(#4285f4 0 110deg,#34a853 110deg 190deg,#fbbc05 190deg 245deg,#ea4335 245deg 315deg,#4285f4 315deg);background-clip:text;-webkit-background-clip:text;color:transparent}.review-chevron{font-size:18px;color:#187b9f}@media(max-width:560px){.review-badge{gap:8px;padding:10px 3px;font-size:12px;white-space:nowrap}.google-mark{font-size:20px}.review-chevron{font-size:15px}}


/* R-Tech watermark */
.statement::after{content:"";position:absolute;z-index:-1;right:3%;top:50%;width:min(42vw,490px);aspect-ratio:1;background:url('/assets/rtech-logo.png') center/contain no-repeat;opacity:.13;transform:translateY(-50%);pointer-events:none}
@media(max-width:850px){.statement::after{right:-12%;width:60vw;opacity:.09}}
@media(max-width:560px){.statement::after{right:-18%;width:82vw;opacity:.075}}

/* R-Tech watermark */
.statement::after{content:"";position:absolute;z-index:-1;right:3%;top:50%;width:min(42vw,490px);aspect-ratio:1;background:url('/assets/rtech-logo.png') center/contain no-repeat;opacity:.13;transform:translateY(-50%);pointer-events:none}
@media(max-width:850px){.statement::after{right:-12%;width:60vw;opacity:.09}}
@media(max-width:560px){.statement::after{right:-18%;width:82vw;opacity:.075}}

/* Opening hero watermark and lighter accents */
.hero{background:#247899}.hero-copy{position:relative;isolation:isolate}.hero-copy::before{content:"";position:absolute;z-index:-1;left:48%;top:49%;width:min(36vw,430px);aspect-ratio:1;transform:translate(-50%,-50%);background:url('/assets/rtech-logo.png') center/contain no-repeat;opacity:.30;pointer-events:none}
.hero-copy .kicker,.hero-copy h1 em{color:#91dbf3}.hero-copy .btn.aqua{background:#91dbf3;color:#08263f}.hero-copy .btn.aqua:hover{background:#b3e9f8}
@media(max-width:850px){.hero-copy::before{left:50%;top:47%;width:min(76vw,520px);opacity:.25}}
@media(max-width:560px){.hero-copy::before{left:50%;top:48%;width:82vw;opacity:.23}}

/* Match the approach panel to the opening pool-blue palette. */
.statement{background:#247899}
.statement::before{background:linear-gradient(90deg,#08263f18,#08263f08)}
.statement .kicker,.statement h2 em{color:#91dbf3}
.statement p:not(.kicker){color:#eef9fd}
.statement .outline{border-color:#d6eff8}

/* R-Tech watermark */
.statement::after{content:"";position:absolute;z-index:-1;right:3%;top:50%;width:min(42vw,490px);aspect-ratio:1;background:url('/assets/rtech-logo.png') center/contain no-repeat;opacity:.13;transform:translateY(-50%);pointer-events:none}
@media(max-width:850px){.statement::after{right:-12%;width:60vw;opacity:.09}}
@media(max-width:560px){.statement::after{right:-18%;width:82vw;opacity:.075}}

/* Opening hero watermark and lighter accents */
.hero{background:#247899}.hero-copy{position:relative;isolation:isolate}.hero-copy::before{content:"";position:absolute;z-index:-1;left:48%;top:49%;width:min(36vw,430px);aspect-ratio:1;transform:translate(-50%,-50%);background:url('/assets/rtech-logo.png') center/contain no-repeat;opacity:.30;pointer-events:none}
.hero-copy .kicker,.hero-copy h1 em{color:#91dbf3}.hero-copy .btn.aqua{background:#91dbf3;color:#08263f}.hero-copy .btn.aqua:hover{background:#b3e9f8}
@media(max-width:850px){.hero-copy::before{left:50%;top:47%;width:min(76vw,520px);opacity:.25}}
@media(max-width:560px){.hero-copy::before{left:50%;top:48%;width:82vw;opacity:.23}}

/* approach panel pool-blue palette */
.statement{background:#247899}
.statement::before{background:linear-gradient(90deg,#08263f18,#08263f08)}
.statement .kicker,.statement h2 em{color:#91dbf3}
.statement p:not(.kicker){color:#eef9fd}
.statement .outline{border-color:#d6eff8}

/* Owner-supplied trust indicators */
.trust-strip{background:#247899;color:white;padding:36px 0 42px;border-top:1px solid #ffffff26}
.trust-badges{display:flex;justify-content:center;flex-wrap:wrap;gap:14px 32px;align-items:center}
.trust-badges>span{display:inline-flex;align-items:center;gap:9px;font-size:clamp(15px,1.3vw,18px);color:#eef9fd;white-space:nowrap}
.trust-icon{font-size:26px;line-height:1;color:#c2eeff}
.trust-icon-mono{display:inline-flex;width:27px;height:27px;color:#111;flex:none}
.trust-icon-mono svg{width:100%;height:100%;display:block}
.trust-star,.trust-stats strong span{color:#ffd34d;text-shadow:0 0 7px #ffd34d99,0 0 18px #ffc32d88,0 0 30px #ffba2055}
.trust-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:34px auto 0;max-width:800px;text-align:center}
.trust-stats>div{display:flex;flex-direction:column;gap:3px}
.trust-stats strong{font-size:clamp(32px,4vw,52px);line-height:1.1;letter-spacing:-.035em}
.trust-stats strong span{font-size:.7em;vertical-align:8%}
.trust-stats>div>span{color:#d7eef8;font-size:clamp(14px,1.5vw,18px)}
@media(max-width:650px){.trust-strip{padding:27px 0 32px}.trust-badges{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}.trust-badges>span{font-size:14px;white-space:normal}.trust-icon{font-size:22px}.trust-stats{gap:8px;margin-top:28px}.trust-stats strong{font-size:clamp(25px,7vw,36px)}.trust-stats>div>span{font-size:12px;line-height:1.3}}

/* R-Tech watermark */
.statement::after{content:"";position:absolute;z-index:-1;right:3%;top:50%;width:min(42vw,490px);aspect-ratio:1;background:url('/assets/rtech-logo.png') center/contain no-repeat;opacity:.13;transform:translateY(-50%);pointer-events:none}
@media(max-width:850px){.statement::after{right:-12%;width:60vw;opacity:.09}}
@media(max-width:560px){.statement::after{right:-18%;width:82vw;opacity:.075}}

/* Opening hero watermark and lighter accents */
.hero{background:#247899}.hero-copy{position:relative;isolation:isolate}.hero-copy::before{content:"";position:absolute;z-index:-1;left:48%;top:49%;width:min(36vw,430px);aspect-ratio:1;transform:translate(-50%,-50%);background:url('/assets/rtech-logo.png') center/contain no-repeat;opacity:.30;pointer-events:none}
.hero-copy .kicker,.hero-copy h1 em{color:#91dbf3}.hero-copy .btn.aqua{background:#91dbf3;color:#08263f}.hero-copy .btn.aqua:hover{background:#b3e9f8}
@media(max-width:850px){.hero-copy::before{left:50%;top:47%;width:min(76vw,520px);opacity:.25}}
@media(max-width:560px){.hero-copy::before{left:50%;top:48%;width:82vw;opacity:.23}}


/* R-Tech watermark */
.statement::after{content:"";position:absolute;z-index:-1;right:3%;top:50%;width:min(42vw,490px);aspect-ratio:1;background:url('/assets/rtech-logo.png') center/contain no-repeat;opacity:.13;transform:translateY(-50%);pointer-events:none}
@media(max-width:850px){.statement::after{right:-12%;width:60vw;opacity:.09}}
@media(max-width:560px){.statement::after{right:-18%;width:82vw;opacity:.075}}

/* Opening hero watermark and lighter accents */
.hero{background:#247899}.hero-copy{position:relative;isolation:isolate}.hero-copy::before{content:"";position:absolute;z-index:-1;left:48%;top:49%;width:min(36vw,430px);aspect-ratio:1;transform:translate(-50%,-50%);background:url('/assets/rtech-logo.png') center/contain no-repeat;opacity:.30;pointer-events:none}
.hero-copy .kicker,.hero-copy h1 em{color:#91dbf3}.hero-copy .btn.aqua{background:#91dbf3;color:#08263f}.hero-copy .btn.aqua:hover{background:#b3e9f8}
@media(max-width:850px){.hero-copy::before{left:50%;top:47%;width:min(76vw,520px);opacity:.25}}
@media(max-width:560px){.hero-copy::before{left:50%;top:48%;width:82vw;opacity:.23}}

/* Taller contact header */
.head{height:142px;gap:22px}
.mast .brand-lockup{gap:15px}
.mast .brand-lockup img{width:96px;height:96px}
.mast .brand-lockup .wordmark strong{font-size:33px}
.mast .brand-lockup .wordmark small{font-size:10px;letter-spacing:.18em}
.head-phone{font-size:16px;padding:15px 21px}
@media(max-width:1100px){.head{height:auto;min-height:128px;flex-wrap:wrap;padding-top:18px;padding-bottom:16px}.head nav{order:3;width:100%;justify-content:space-between;gap:12px}}
@media(max-width:560px){.head{min-height:0;gap:12px;padding-top:16px;padding-bottom:14px}.mast .brand-lockup{width:100%;gap:10px}.mast .brand-lockup img{width:66px;height:66px}.mast .brand-lockup .wordmark strong{font-size:clamp(20px,6vw,25px)}.mast .brand-lockup .wordmark small{font-size:7px;letter-spacing:.13em}.head-phone{font-size:13px;padding:9px 0}.head nav{order:2;gap:8px}.head nav a{font-size:12px}}


/* R-Tech watermark */
.statement::after{content:"";position:absolute;z-index:-1;right:3%;top:50%;width:min(42vw,490px);aspect-ratio:1;background:url('/assets/rtech-logo.png') center/contain no-repeat;opacity:.13;transform:translateY(-50%);pointer-events:none}
@media(max-width:850px){.statement::after{right:-12%;width:60vw;opacity:.09}}
@media(max-width:560px){.statement::after{right:-18%;width:82vw;opacity:.075}}

/* Opening hero watermark and lighter accents */
.hero{background:#247899}.hero-copy{position:relative;isolation:isolate}.hero-copy::before{content:"";position:absolute;z-index:-1;left:48%;top:49%;width:min(36vw,430px);aspect-ratio:1;transform:translate(-50%,-50%);background:url('/assets/rtech-logo.png') center/contain no-repeat;opacity:.30;pointer-events:none}
.hero-copy .kicker,.hero-copy h1 em{color:#91dbf3}.hero-copy .btn.aqua{background:#91dbf3;color:#08263f}.hero-copy .btn.aqua:hover{background:#b3e9f8}
@media(max-width:850px){.hero-copy::before{left:50%;top:47%;width:min(76vw,520px);opacity:.25}}
@media(max-width:560px){.hero-copy::before{left:50%;top:48%;width:82vw;opacity:.23}}

/* Balanced header */
.head{height:112px;gap:18px}
.mast .brand-lockup{gap:11px;flex-shrink:0}
.mast .brand-lockup img{width:72px;height:72px}
.mast .brand-lockup .wordmark strong{font-size:29px}
.mast .brand-lockup .wordmark small{font-size:9px}
.head nav{gap:clamp(12px,2vw,28px)}
.head-phone{font-size:14px;padding:11px 15px;flex-shrink:0}
@media(max-width:1100px){.head{height:auto;min-height:108px;column-gap:12px;row-gap:8px;padding-top:12px;padding-bottom:12px}.head nav{order:3;width:100%;justify-content:space-between}}
@media(max-width:560px){.head{column-gap:6px;row-gap:8px;flex-wrap:wrap}.mast .brand-lockup{width:auto;min-width:0;gap:5px;flex:1 1 auto}.mast .brand-lockup img{width:clamp(36px,10vw,48px);height:clamp(36px,10vw,48px);flex-shrink:0}.mast .brand-lockup .wordmark{min-width:0}.mast .brand-lockup .wordmark strong{font-size:clamp(15px,4.2vw,20px)}.mast .brand-lockup .wordmark small{font-size:clamp(5px,1.35vw,7px);letter-spacing:.04em;margin-top:4px}.head-phone{font-size:clamp(10px,2.8vw,13px);padding:8px 7px;white-space:nowrap}.head nav{order:3;width:100%;gap:5px}.head nav a{font-size:clamp(10px,2.8vw,12px)}}

/* Compact mobile call */
@media(max-width:560px){
 .head{column-gap:8px;row-gap:8px}
 .mast .brand-lockup{width:auto;min-width:0;flex:1 1 0;gap:5px}
 .mast .brand-lockup img{width:clamp(34px,9vw,42px);height:clamp(34px,9vw,42px)}
 .mast .brand-lockup .wordmark strong{font-size:clamp(14px,3.7vw,18px)}
 .mast .brand-lockup .wordmark small{font-size:clamp(4px,1.1vw,6px)}
 .head-phone{order:2;flex:0 0 auto;font-size:clamp(10px,2.55vw,12px);padding:8px 9px;line-height:1.2}
 .head nav{order:3}
}

/* Approach contact actions */
.approach-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:25px}
.approach-actions .btn{margin:0;white-space:nowrap}
@media(max-width:560px){.approach-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.approach-actions .btn{min-width:0;padding:12px 8px;font-size:14px}.approach-actions .btn:first-child{grid-column:1/-1}}

/* R-Tech watermark */
.statement::after{content:"";position:absolute;z-index:-1;right:3%;top:50%;width:min(42vw,490px);aspect-ratio:1;background:url('/assets/rtech-logo.png') center/contain no-repeat;opacity:.13;transform:translateY(-50%);pointer-events:none}
@media(max-width:850px){.statement::after{right:-12%;width:60vw;opacity:.09}}
@media(max-width:560px){.statement::after{right:-18%;width:82vw;opacity:.075}}

/* Opening hero watermark and lighter accents */
.hero{background:#247899}.hero-copy{position:relative;isolation:isolate}.hero-copy::before{content:"";position:absolute;z-index:-1;left:48%;top:49%;width:min(36vw,430px);aspect-ratio:1;transform:translate(-50%,-50%);background:url('/assets/rtech-logo.png') center/contain no-repeat;opacity:.30;pointer-events:none}
.hero-copy .kicker,.hero-copy h1 em{color:#91dbf3}.hero-copy .btn.aqua{background:#91dbf3;color:#08263f}.hero-copy .btn.aqua:hover{background:#b3e9f8}
@media(max-width:850px){.hero-copy::before{left:50%;top:47%;width:min(76vw,520px);opacity:.25}}
@media(max-width:560px){.hero-copy::before{left:50%;top:48%;width:82vw;opacity:.23}}

.real-project-second{margin-top:20px}

/* R-Tech watermark */
.statement::after{content:"";position:absolute;z-index:-1;right:3%;top:50%;width:min(42vw,490px);aspect-ratio:1;background:url('/assets/rtech-logo.png') center/contain no-repeat;opacity:.13;transform:translateY(-50%);pointer-events:none}
@media(max-width:850px){.statement::after{right:-12%;width:60vw;opacity:.09}}
@media(max-width:560px){.statement::after{right:-18%;width:82vw;opacity:.075}}

/* Opening hero watermark and lighter accents */
.hero{background:#247899}.hero-copy{position:relative;isolation:isolate}.hero-copy::before{content:"";position:absolute;z-index:-1;left:48%;top:49%;width:min(36vw,430px);aspect-ratio:1;transform:translate(-50%,-50%);background:url('/assets/rtech-logo.png') center/contain no-repeat;opacity:.30;pointer-events:none}
.hero-copy .kicker,.hero-copy h1 em{color:#91dbf3}.hero-copy .btn.aqua{background:#91dbf3;color:#08263f}.hero-copy .btn.aqua:hover{background:#b3e9f8}
@media(max-width:850px){.hero-copy::before{left:50%;top:47%;width:min(76vw,520px);opacity:.25}}
@media(max-width:560px){.hero-copy::before{left:50%;top:48%;width:82vw;opacity:.23}}

/* R-Tech watermark */
.statement::after{content:"";position:absolute;z-index:-1;right:3%;top:50%;width:min(42vw,490px);aspect-ratio:1;background:url('/assets/rtech-logo.png') center/contain no-repeat;opacity:.13;transform:translateY(-50%);pointer-events:none}
@media(max-width:850px){.statement::after{right:-12%;width:60vw;opacity:.09}}
@media(max-width:560px){.statement::after{right:-18%;width:82vw;opacity:.075}}

/* Opening hero watermark and lighter accents */
.hero{background:#247899}.hero-copy{position:relative;isolation:isolate}.hero-copy::before{content:"";position:absolute;z-index:-1;left:48%;top:49%;width:min(36vw,430px);aspect-ratio:1;transform:translate(-50%,-50%);background:url('/assets/rtech-logo.png') center/contain no-repeat;opacity:.30;pointer-events:none}
.hero-copy .kicker,.hero-copy h1 em{color:#91dbf3}.hero-copy .btn.aqua{background:#91dbf3;color:#08263f}.hero-copy .btn.aqua:hover{background:#b3e9f8}
@media(max-width:850px){.hero-copy::before{left:50%;top:47%;width:min(76vw,520px);opacity:.25}}
@media(max-width:560px){.hero-copy::before{left:50%;top:48%;width:82vw;opacity:.23}}

/* R-Tech watermark */
.statement::after{content:"";position:absolute;z-index:-1;right:3%;top:50%;width:min(42vw,490px);aspect-ratio:1;background:url('/assets/rtech-logo.png') center/contain no-repeat;opacity:.13;transform:translateY(-50%);pointer-events:none}
@media(max-width:850px){.statement::after{right:-12%;width:60vw;opacity:.09}}
@media(max-width:560px){.statement::after{right:-18%;width:82vw;opacity:.075}}

/* Opening hero watermark and lighter accents */
.hero{background:#247899}.hero-copy{position:relative;isolation:isolate}.hero-copy::before{content:"";position:absolute;z-index:-1;left:48%;top:49%;width:min(36vw,430px);aspect-ratio:1;transform:translate(-50%,-50%);background:url('/assets/rtech-logo.png') center/contain no-repeat;opacity:.30;pointer-events:none}
.hero-copy .kicker,.hero-copy h1 em{color:#91dbf3}.hero-copy .btn.aqua{background:#91dbf3;color:#08263f}.hero-copy .btn.aqua:hover{background:#b3e9f8}
@media(max-width:850px){.hero-copy::before{left:50%;top:47%;width:min(76vw,520px);opacity:.25}}
@media(max-width:560px){.hero-copy::before{left:50%;top:48%;width:82vw;opacity:.23}}

/* Readable mobile masthead */
@media(max-width:560px){
 .head.shell{padding-inline:3vw;padding-top:18px;padding-bottom:17px;row-gap:14px}
 .mast .brand-lockup img{width:clamp(40px,10.5vw,52px);height:clamp(40px,10.5vw,52px)}
 .mast .brand-lockup .wordmark strong{font-size:clamp(15px,4vw,20px)}
 .mast .brand-lockup .wordmark small{font-size:clamp(5px,1.3vw,7px);line-height:1.2}
 .head-phone{font-size:clamp(10px,2.85vw,13px);padding:10px 10px}
 .head nav a{font-size:clamp(12px,3.1vw,14px);line-height:1.25}
}
@media(max-width:360px){
 .head.shell{padding-inline:2.5vw}
 .mast .brand-lockup img{width:38px;height:38px}
 .mast .brand-lockup .wordmark strong{font-size:14px}
 .head-phone{font-size:10px;padding:8px 7px}
 .head nav a{font-size:11px}
}

/* R-Tech watermark */
.statement::after{content:"";position:absolute;z-index:-1;right:3%;top:50%;width:min(42vw,490px);aspect-ratio:1;background:url('/assets/rtech-logo.png') center/contain no-repeat;opacity:.13;transform:translateY(-50%);pointer-events:none}
@media(max-width:850px){.statement::after{right:-12%;width:60vw;opacity:.09}}
@media(max-width:560px){.statement::after{right:-18%;width:82vw;opacity:.075}}

/* Opening hero watermark and lighter accents */
.hero{background:#247899}.hero-copy{position:relative;isolation:isolate}.hero-copy::before{content:"";position:absolute;z-index:-1;left:48%;top:49%;width:min(36vw,430px);aspect-ratio:1;transform:translate(-50%,-50%);background:url('/assets/rtech-logo.png') center/contain no-repeat;opacity:.30;pointer-events:none}
.hero-copy .kicker,.hero-copy h1 em{color:#91dbf3}.hero-copy .btn.aqua{background:#91dbf3;color:#08263f}.hero-copy .btn.aqua:hover{background:#b3e9f8}
@media(max-width:850px){.hero-copy::before{left:50%;top:47%;width:min(76vw,520px);opacity:.25}}
@media(max-width:560px){.hero-copy::before{left:50%;top:48%;width:82vw;opacity:.23}}

/* Centered header and approach buttons */
.head.shell{max-width:1160px;margin-inline:auto}
.head{justify-content:space-between}
.approach-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.approach-actions .btn{display:inline-flex;align-items:center;justify-content:center;min-width:0;margin:0;white-space:nowrap}
@media(max-width:560px){
 .head.shell{padding-inline:20px;column-gap:12px}
 .mast .brand-lockup{flex:1 1 0;justify-content:center;min-width:0}
 .head-phone{flex:0 0 auto;margin-right:0}
 .approach-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%}
 .approach-actions .btn{width:100%;box-sizing:border-box;min-height:48px;padding:11px 8px;font-size:14px;white-space:nowrap}
 .approach-actions .btn:first-child{grid-column:1/-1}
}

/* R-Tech watermark */
.statement::after{content:"";position:absolute;z-index:-1;right:3%;top:50%;width:min(42vw,490px);aspect-ratio:1;background:url('/assets/rtech-logo.png') center/contain no-repeat;opacity:.13;transform:translateY(-50%);pointer-events:none}
@media(max-width:850px){.statement::after{right:-12%;width:60vw;opacity:.09}}
@media(max-width:560px){.statement::after{right:-18%;width:82vw;opacity:.075}}

/* Opening hero watermark and lighter accents */
.hero{background:#247899}.hero-copy{position:relative;isolation:isolate}.hero-copy::before{content:"";position:absolute;z-index:-1;left:48%;top:49%;width:min(36vw,430px);aspect-ratio:1;transform:translate(-50%,-50%);background:url('/assets/rtech-logo.png') center/contain no-repeat;opacity:.30;pointer-events:none}
.hero-copy .kicker,.hero-copy h1 em{color:#91dbf3}.hero-copy .btn.aqua{background:#91dbf3;color:#08263f}.hero-copy .btn.aqua:hover{background:#b3e9f8}
@media(max-width:850px){.hero-copy::before{left:50%;top:47%;width:min(76vw,520px);opacity:.25}}
@media(max-width:560px){.hero-copy::before{left:50%;top:48%;width:82vw;opacity:.23}}

/* Center the larger brand in the header after removing the call box. */
.mast .head{height:auto;min-height:128px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:9px;padding-top:14px;padding-bottom:16px}
.mast .brand-lockup{flex:none;justify-content:center;width:auto;gap:14px}
.mast .brand-lockup img{width:92px;height:92px;flex:none}
.mast .brand-lockup .wordmark strong{font-size:34px}
.mast .brand-lockup .wordmark small{font-size:10px;letter-spacing:.15em}
.mast .head nav{order:initial;width:auto;justify-content:center;flex-wrap:wrap;gap:clamp(14px,3vw,34px)}
@media(max-width:560px){
 .mast .head.shell{padding:14px 12px 12px;gap:10px;min-height:0}
 .mast .brand-lockup{flex:none;width:auto;min-width:0;gap:8px}
 .mast .brand-lockup img{width:clamp(58px,17vw,72px);height:clamp(58px,17vw,72px)}
 .mast .brand-lockup .wordmark strong{font-size:clamp(20px,5.8vw,27px)}
 .mast .brand-lockup .wordmark small{font-size:clamp(6px,1.55vw,8px);letter-spacing:.06em;line-height:1.25}
 .mast .head nav{order:initial;width:100%;justify-content:center;gap:clamp(8px,2.6vw,16px);overflow:visible}
 .mast .head nav a{font-size:clamp(11px,2.8vw,13px)}
}

/* R-Tech watermark */
.statement::after{content:"";position:absolute;z-index:-1;right:3%;top:50%;width:min(42vw,490px);aspect-ratio:1;background:url('/assets/rtech-logo.png') center/contain no-repeat;opacity:.13;transform:translateY(-50%);pointer-events:none}
@media(max-width:850px){.statement::after{right:-12%;width:60vw;opacity:.09}}
@media(max-width:560px){.statement::after{right:-18%;width:82vw;opacity:.075}}

/* Opening hero watermark and lighter accents */
.hero{background:#247899}.hero-copy{position:relative;isolation:isolate}.hero-copy::before{content:"";position:absolute;z-index:-1;left:48%;top:49%;width:min(36vw,430px);aspect-ratio:1;transform:translate(-50%,-50%);background:url('/assets/rtech-logo.png') center/contain no-repeat;opacity:.30;pointer-events:none}
.hero-copy .kicker,.hero-copy h1 em{color:#91dbf3}.hero-copy .btn.aqua{background:#91dbf3;color:#08263f}.hero-copy .btn.aqua:hover{background:#b3e9f8}
@media(max-width:850px){.hero-copy::before{left:50%;top:47%;width:min(76vw,520px);opacity:.25}}
@media(max-width:560px){.hero-copy::before{left:50%;top:48%;width:82vw;opacity:.23}}


/* Balanced primary navigation */
.head nav{flex:1;display:flex;justify-content:space-evenly;align-items:center;gap:clamp(36px,5vw,72px);min-width:0}
.head nav a{white-space:nowrap}
@media(max-width:1100px){.head nav{flex:0 0 100%;width:100%;justify-content:space-evenly;gap:clamp(30px,6vw,64px)}}
@media(max-width:560px){.head nav{gap:20px;justify-content:space-between;overflow-x:visible}.head nav a{font-size:clamp(10px,2.8vw,12px)}}
@media(max-width:370px){.head nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px;row-gap:12px;text-align:center}}

.hero-foot .hero-call{display:table;min-height:0;padding:7px 12px;margin:0 0 12px;background:transparent;border:1px solid #8ebbcf;color:#e2f5fb;font-size:13px;line-height:1.3;font-weight:600}
.hero-foot .hero-call:hover{background:#ffffff18;color:white}
@media(max-width:700px){.hero-foot .hero-call{font-size:13px;padding:7px 11px;margin-bottom:10px}}

/* Keep the inspiration gallery and before/after story visually connected. */
.work{padding-bottom:36px}
.real-project{padding-top:36px}
@media(max-width:700px){
  .work{padding-bottom:16px}
  .real-project{padding-top:22px}
}

/* Pool photograph replaces the solid opening panel. Keep the existing copy and logo. */
.hero{
  background:linear-gradient(90deg,rgba(12,28,32,.83) 0%,rgba(12,28,32,.67) 43%,rgba(12,28,32,.12) 100%),url('/assets/modern-pool-home.jpg') center 57%/cover no-repeat;
  color:#fff;
}
.hero-grid{display:block;min-height:690px;padding-left:5vw}
.hero-copy{width:min(660px,58%);min-height:690px;padding:80px 4vw 42px 0;z-index:1}
.hero-visual{display:none}
.hero-copy::before{
  left:50%;top:48%;width:min(35vw,390px);opacity:.075;
  filter:grayscale(1) brightness(2.1) drop-shadow(2px 3px 2px rgba(0,0,0,.55));
}
.hero-copy .kicker,.hero-copy h1 em{color:#f4ede3}
.hero-copy>p:not(.kicker){color:#f4f1eb}
.hero-foot{color:#f4f1eb;border-color:#ffffff80}
.hero-foot .hero-call{color:white;border-color:#fff;background:rgba(15,30,33,.25)}
.hero-copy .btn.aqua{color:white;background:rgba(15,30,33,.25)}
.hero-copy .btn.aqua:hover{color:#102f3b;background:#f4ede3}
@media(max-width:850px){
  .hero{background-image:linear-gradient(180deg,rgba(10,25,29,.72),rgba(10,25,29,.51) 48%,rgba(10,25,29,.72)),url('/assets/modern-pool-home.jpg');background-position:center,58% center}
  .hero-grid{min-height:680px;padding:0}
  .hero-copy{width:100%;min-height:680px;padding:54px 5vw 38px}
  .hero-copy::before{width:min(76vw,480px);opacity:.065}
}
@media(max-width:560px){
.hero-grid,.hero-copy{min-height:630px}
  .hero-copy::before{width:78vw;opacity:.06}
}

/* Bring out the pool colors and give the embossed mark a little more presence. */
.hero{background-image:linear-gradient(90deg,rgba(12,28,32,.72) 0%,rgba(12,28,32,.56) 43%,rgba(12,28,32,.06) 100%),url('/assets/modern-pool-home.jpg')}
.hero-copy::before{opacity:.13;filter:grayscale(1) brightness(2.35) drop-shadow(2px 3px 3px rgba(0,0,0,.65))}
@media(max-width:850px){
  .hero{background-image:linear-gradient(180deg,rgba(10,25,29,.62),rgba(10,25,29,.40) 48%,rgba(10,25,29,.65)),url('/assets/modern-pool-home.jpg')}
  .hero-copy::before{opacity:.11}
}
@media(max-width:560px){.hero-copy::before{opacity:.10}}

/* Let the same pool photograph shine through the logo silhouette. */
.hero{position:relative;isolation:isolate}
.hero::after{content:"";position:absolute;z-index:0;inset:0;background:url('/assets/modern-pool-home.jpg') center 57%/cover no-repeat;mask:url('/assets/rtech-logo.png') 57% center/clamp(300px,42vw,520px) no-repeat;-webkit-mask:url('/assets/rtech-logo.png') 57% center/clamp(300px,42vw,520px) no-repeat;pointer-events:none}
.hero-grid{position:relative;z-index:1}
.hero-copy::before{display:none}
@media(max-width:850px){.hero::after{background-position:58% center;mask-position:52% center;-webkit-mask-position:52% center;mask-size:min(75vw,480px);-webkit-mask-size:min(75vw,480px)}}
@media(max-width:560px){.hero::after{mask-size:78vw;-webkit-mask-size:78vw}}

/* Credentials continue the blue trust section above What we do. */
.credential-medals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:400px;margin:30px auto 0;padding-top:26px;border-top:1px solid #ffffff38}
.credential-medal{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;min-width:0}
.medal-face{width:92px;height:92px;border:2px solid #e8c779;border-radius:50%;background:#103e56;box-shadow:inset 0 0 0 5px #103e56,inset 0 0 0 6px #e8c77966;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#fff7de}
.medal-face strong{font-size:23px;line-height:1.15;letter-spacing:.03em}
.medal-star{font-size:17px;line-height:1;color:#e8c779}
.medal-rule{width:22px;height:2px;background:#e8c779}
.medal-label{font-size:14px;line-height:1.35;color:#eef9fd;font-weight:600}
@media(max-width:650px){.credential-medals{gap:8px;margin-top:24px;padding-top:23px}.medal-face{width:68px;height:68px;gap:3px}.medal-face strong{font-size:18px}.medal-star{font-size:13px}.credential-medal{gap:10px}.medal-label{font-size:12px}}
@media(max-width:340px){.medal-face{width:58px;height:58px}.medal-face strong{font-size:16px}.medal-label{font-size:12px}}

/* Owner-selected Pool & Hot Tub Alliance CPO emblem. */
.medal-face-cpo{border:0;border-radius:0;background:transparent;box-shadow:none}
.medal-face-cpo img{display:block;width:100%;height:100%;object-fit:contain}

/* Owner-selected CBP emblem. Circular frame excludes screenshot controls. */
.medal-face-cbp{border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
.medal-face-cbp img{display:block;width:100%;height:100%;object-fit:contain;border-radius:0}

/* Alliance logo sits between the owner-selected certifications. */
.credential-medals{grid-template-columns:92px minmax(0,180px) 92px;max-width:460px;align-items:center;justify-content:center;gap:28px}
.medal-face-phta{width:100%;height:auto;aspect-ratio:2.1;border:0;border-radius:0;background:transparent;box-shadow:none}
.credential-medal-phta{width:100%}
.medal-face-phta img{display:block;width:100%;height:100%;object-fit:contain}
.medal-face-phta{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1821 864'%3E%3Cpath fill='white' d='M410 160 Q443 158 477 187 L704 376 Q753 416 724 473 Q713 494 686 519 L472 706 Q412 750 354 706 L113 503 Q58 450 113 377 L354 186 Q382 160 410 160Z'/%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat;background-size:contain}
@media(max-width:650px){.credential-medals{grid-template-columns:68px minmax(0,160px) 68px;gap:14px}}
@media(max-width:360px){.credential-medals{grid-template-columns:58px minmax(0,130px) 58px;gap:8px}}