:root{--bg:#fbf6ef;--bg-soft:#eadcc6;--cream:#fffaf3;--ink:#2b5b7f;--muted:#5f5a54;--line:#eadcc6;--blue:#2b5b7f;--sky:#7fb2c9;--aqua:#bedde2;--sand:#eadcc6;--gold:#f2c14e;--orange:#f29a4c;--label:#b66f3d;--surface-blue:#eef7f8;--dark:#2b5b7f;--shadow:0 22px 70px #2b5b7f24}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--muted);margin:0;font-family:Arial,Helvetica,sans-serif;line-height:1.6}body.menu-open{overflow:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.container{width:min(1120px,100% - 2rem);margin:0 auto}.site-header{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fbf6efe0;border-bottom:1px solid #eadcc6c7;justify-content:space-between;align-items:center;gap:1.25rem;min-height:82px;padding:.85rem clamp(1rem,4vw,3.5rem);display:flex;position:fixed;inset:0 0 auto}.logo-link{align-items:center;display:inline-flex}.logo-link img{object-fit:contain;width:auto;height:74px;max-height:74px}.site-nav{color:var(--blue);align-items:center;gap:1.35rem;font-size:.94rem;display:flex}.site-nav a{align-items:center;gap:.4rem;display:inline-flex;position:relative}.site-nav a:after{content:"";background:var(--gold);transform-origin:0;height:2px;transition:transform .18s;position:absolute;bottom:-.35rem;left:0;right:0;transform:scaleX(0)}.nav-icon{border-radius:999px;flex:none;width:30px;height:30px;display:block;position:relative;box-shadow:0 8px 20px #2b5b7f1f}.nav-icon-image{background:0 0;overflow:hidden}.nav-icon-image img{object-fit:cover;width:100%;height:100%}.nav-icon-circles{background:radial-gradient(circle at 52%,#0000 0 6px,#fff 6px 8px,#0000 8px),radial-gradient(circle at 52%,#0000 0 11px,#ffffffe0 11px 13px,#0000 13px),#2b5b7f}.nav-icon-wave{background:#7fb2c9}.nav-icon-wave:before,.nav-icon-wave:after{content:"";border:2px solid #0000;border-bottom-color:#fff;border-radius:50%;width:18px;height:7px;position:absolute;left:6px}.nav-icon-wave:before{top:8px}.nav-icon-wave:after{top:13px;left:9px}.nav-icon-sun{background:repeating-conic-gradient(#fff 0deg 5deg,#0000 5deg 15deg),#f2c14e}.nav-icon-sun:after{content:"";background:#f2c14e;border:2px solid #fff;border-radius:50%;position:absolute;inset:8px}.site-nav a:hover:after{transform:scaleX(1)}.menu-toggle{border:1px solid var(--line);background:#fffaf3c7;border-radius:999px;place-items:center;width:44px;height:44px;padding:0;display:none}.menu-toggle span{background:var(--ink);width:18px;height:2px;margin:3px auto;display:block}.hero{aspect-ratio:1018/582;background:#eadcc6;min-height:0;margin-top:82px;padding:0;position:relative;overflow:hidden}.hero:before{content:"";filter:blur(14px);opacity:0;background:url(/hero-water-logo.png) 50%/cover no-repeat;position:absolute;inset:-18px;transform:scale(1.04)}.hero picture,.hero-image,.hero-overlay{width:100%;height:100%;position:absolute;inset:0}.hero picture{z-index:1}.hero-image{object-fit:contain;object-position:center center}.hero-overlay{pointer-events:none;z-index:2;background:linear-gradient(#2b5b7f05,#2b5b7f1f)}.hero-intro-section{background:var(--bg);padding-top:clamp(3.2rem,6vw,5.5rem)}.hero-content{max-width:820px;position:relative}.hero-title-lockup{display:block}.eyebrow,.section-label{color:var(--label);letter-spacing:.16em;text-transform:uppercase;margin:0 0 .75rem;font-size:.78rem;font-weight:700}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{color:var(--ink);letter-spacing:0;line-height:1.08}h1{max-width:12ch;margin-bottom:1.2rem;font-size:clamp(3rem,8vw,6.65rem);font-weight:500}h2{margin-bottom:1rem;font-size:clamp(2rem,4.4vw,4.2rem);font-weight:500}h3{margin-bottom:.8rem;font-size:clamp(1.35rem,2.2vw,2rem);font-weight:600}h4{margin-bottom:.55rem;font-size:1.15rem}p{color:var(--muted)}.lead{max-width:660px;color:var(--muted);font-size:clamp(1.1rem,2vw,1.45rem)}.button{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:46px;padding:.85rem 1.25rem;font-weight:700;transition:transform .18s,background .18s,border-color .18s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--blue);color:#fff}.button.primary:hover{background:#214761}.button.compact{min-height:40px;margin-top:.85rem;padding:.68rem 1rem;font-size:.92rem}.button.secondary{border-color:var(--line);color:var(--ink);background:#fffaf3c2}.section{padding:clamp(4.4rem,8vw,7.5rem) 0}.intro-grid,.split-grid,.detail-grid,.about-grid,.contact-grid{gap:clamp(2rem,5vw,4.5rem);display:grid}.intro-grid{grid-template-columns:.9fr 1.1fr}.text-flow p{margin-bottom:1rem}.support-band{background:var(--blue)}.support-band .section-label{color:var(--gold)}.support-list{flex-wrap:wrap;gap:.8rem;display:flex}.support-list span{color:#fffaf3;background:#ffffff14;border:1px solid #ffffff29;border-radius:999px;padding:.75rem 1rem}.services-section{background:var(--cream)}.section-heading{max-width:760px}.service-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2.2rem;display:grid}.service-card{border:1px solid var(--line);background:var(--surface-blue);border-radius:8px;flex-direction:column;justify-content:center;min-height:295px;padding:1.45rem;transition:transform .18s,box-shadow .18s;display:flex;box-shadow:0 12px 36px #503d2e14}.service-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.service-card.featured{background:var(--cream);border-color:#2b5b7f38}.split-section{background:var(--sand)}.split-grid,.about-grid{grid-template-columns:.92fr 1.08fr;align-items:center}.image-stack{grid-template-columns:.78fr .62fr;align-items:end;gap:1rem;display:grid}.image-stack img,.portrait-panel img{object-fit:cover;width:100%;box-shadow:var(--shadow);border-radius:8px}.image-stack img:first-child{aspect-ratio:4/5;object-position:52% 50%}.image-stack img:last-child{aspect-ratio:3/4;margin-bottom:3rem}.note-card{border-left:4px solid var(--gold);background:var(--cream);margin-top:1.6rem;padding:1.1rem 1.25rem}.handwritten{color:var(--blue);margin:0;font-family:Segoe Print,Bradley Hand ITC,cursive;font-size:clamp(1.2rem,2.2vw,1.7rem);line-height:1.45}.detail-section{background:var(--bg)}.detail-section.soft{background:#eaf5f7}.detail-grid{grid-template-columns:minmax(240px,.55fr) 1.2fr;align-items:start}.detail-grid.reverse{grid-template-columns:1.2fr minmax(240px,.55fr)}.detail-grid.reverse .detail-aside{order:2}.detail-aside{border-top:1px solid var(--line);padding-top:1.4rem;position:sticky;top:110px}.detail-content{border:1px solid var(--line);background:var(--cream);border-radius:8px;padding:clamp(1.2rem,3vw,2rem)}.met-logo{opacity:.78;width:min(220px,70%);margin-top:1.4rem}.check-list{gap:.55rem;margin:1.35rem 0;padding:0;list-style:none;display:grid}.check-list li{color:var(--muted);padding-left:1.6rem;position:relative}.check-list li:before{content:"";background:var(--gold);border-radius:50%;width:.6rem;height:.6rem;position:absolute;top:.55rem;left:0}.offer-grid{grid-template-columns:repeat(2,1fr);gap:1rem;margin:1.4rem 0;display:grid}.offer-grid article{border:1px solid var(--line);background:var(--cream);border-radius:8px;padding:1rem}.read-more{color:var(--blue);text-underline-offset:.25rem;margin-top:.25rem;margin-right:.9rem;font-weight:700;text-decoration:underline;display:inline-flex}.explanation-section{background:#f3eadf}.explanation-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.explanation-card{border:1px solid var(--line);background:var(--cream);border-radius:8px;padding:clamp(1.2rem,3vw,2rem);scroll-margin-top:110px}.explanation-card h2{font-size:clamp(1.7rem,3vw,2.7rem)}.price-row{flex-wrap:wrap;gap:.55rem;margin:1.4rem 0;display:flex}.price-row span{color:var(--blue);background:#7fb2c929;border-radius:999px;padding:.62rem .85rem;font-size:.92rem;font-weight:700}.about-section{background:var(--cream)}.portrait-panel img{aspect-ratio:4/5;object-fit:cover;object-position:56% 37%}.contact-section{background:var(--blue)}.contact-grid{grid-template-columns:.85fr 1.15fr;align-items:start}.contact-section h2,.contact-section .contact-copy p{color:#fff}.contact-section .section-label{color:var(--gold)}.contact-note{color:#ffffffc2!important}.contact-form{background:#fffaf314;border:1px solid #ffffff21;border-radius:8px;grid-template-columns:repeat(2,1fr);gap:1rem;padding:clamp(1rem,3vw,1.5rem);display:grid}.contact-form label{color:#fff;gap:.38rem;font-size:.94rem;font-weight:700;display:grid}.contact-form input,.contact-form textarea,.contact-form select{width:100%;color:var(--ink);background:#fffaf3f5;border:1px solid #ffffff2e;border-radius:8px;padding:.82rem .9rem}.full,.health-box,.form-hint{grid-column:1/-1}.health-box{background:#fffaf314;border:1px solid #f2c14e59;border-radius:8px;padding:1rem}.health-box p,.form-hint{color:#ffffffdb}.form-success{color:#f7dda0;grid-column:1/-1;margin:0;font-weight:700}.form-error{color:#ffc49a;grid-column:1/-1;margin:0;font-weight:700}.checkbox-label{flex-direction:row;grid-template-columns:auto 1fr;align-items:flex-start;gap:.65rem!important;font-weight:500!important;display:flex!important}.checkbox-label input{width:auto;margin-top:.2rem}.site-footer{background:var(--blue);color:#ffffffc7;padding:1.3rem 0}.footer-inner{justify-content:space-between;align-items:center;gap:1rem;display:flex}.footer-inner img{filter:invert();opacity:.8;width:36px}.footer-inner p{color:#ffffffc7;margin:0}.footer-inner a{font-weight:700}@media (max-width:900px){.menu-toggle{display:none}.site-nav{flex-direction:row;align-items:center;gap:.65rem;margin-left:auto;padding:0;display:flex;position:static}.site-nav a{text-align:center;justify-items:center;gap:.18rem;min-width:54px;padding:0;font-size:.68rem;line-height:1.1;display:grid}.site-nav a:after{display:none}.nav-icon{width:34px;height:34px}.hero{aspect-ratio:1024/586;min-height:0;margin-top:74px}.hero:before{opacity:.82}.hero-image{object-fit:contain;object-position:center center}.hero-overlay{background:linear-gradient(#2b5b7f05,#2b5b7f1f)}.hero-title-lockup{display:block}h1{max-width:10ch;margin-bottom:1rem}.intro-grid,.split-grid,.detail-grid,.detail-grid.reverse,.about-grid,.contact-grid,.service-grid,.explanation-grid,.offer-grid{grid-template-columns:1fr}.detail-grid.reverse .detail-aside{order:0}.detail-aside{position:static}.service-card{min-height:220px}.contact-form{grid-template-columns:1fr}.footer-inner{flex-direction:column;align-items:flex-start}}@media (max-width:560px){.site-header{min-height:74px}.logo-link img{width:auto;height:64px}.hero{min-height:0}.button{width:100%}.image-stack{grid-template-columns:1fr}.image-stack img:last-child{margin-bottom:0}.price-row span{border-radius:8px;width:100%}}
