:root{--cream:#f7f3eb;--ink:#233b32;--blue:#2f7183;--muted:#536159;--line:#d8d9d0;--sand:#eee6d8;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--cream);font-size:16px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #2f7183;outline-offset:4px}p{line-height:1.6}img{max-width:100%;height:auto;display:block}figure{margin:0}h1,h2,h3,p{margin-top:0}.preview-note{text-align:center;font-size:12px;background:var(--ink);color:white;padding:8px}.header{height:102px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--cream);position:sticky;top:0;z-index:20}.brand{font-size:46px;letter-spacing:-2.5px;font-weight:600;display:flex;align-items:center;gap:15px;line-height:1}.brand svg{width:22px;height:33px;fill:none;stroke:currentColor;stroke-width:2.1}.desktop-nav{display:flex;gap:32px;font-size:14px}.header-tools{display:flex;align-items:center;gap:24px}.header-tools button{background:none;border:0;font-size:14px;padding:12px}.header-cta{border-bottom:1px solid var(--ink);padding-bottom:6px;font-size:14px}.menu-toggle{display:none!important;width:48px;height:48px;border-radius:17px!important;background:var(--sand)!important;padding:12px!important}.menu-toggle span{display:block;height:2px;background:var(--ink);margin:5px 0;border-radius:2px}.menu-toggle span:nth-child(2){width:75%;margin-left:auto}.menu-toggle span:nth-child(3){width:50%;margin-left:auto}.hero{display:grid;grid-template-columns:.9fr 1.1fr;min-height:680px}.hero-copy{padding:80px 8% 70px 11%}.eyebrow{font-size:12px;letter-spacing:2px;text-transform:uppercase;font-weight:600;color:var(--blue);margin-bottom:28px}h1{font-size:clamp(58px,6.8vw,100px);line-height:.99;letter-spacing:-5px;font-weight:500;margin-bottom:32px}.lede{font-size:20px;color:var(--muted)}.hero-price{margin:34px 0 28px;display:grid;gap:9px}.hero-price strong{font-size:24px;font-weight:500}.hero-price span,.tiny{font-size:13px;color:var(--muted)}.hero-actions{display:flex;gap:26px;align-items:center}.button{display:inline-flex;justify-content:center;align-items:center;min-height:54px;padding:16px 26px;border-radius:8px;background:var(--blue);color:white;border:0;font-size:16px}.button:hover{background:#22596a}.text-link{border-bottom:1px solid #9ca9a0;padding-bottom:4px;font-size:14px}.tiny{margin-top:24px}.hero-image{position:relative;overflow:hidden}.hero-image img{width:100%;height:100%;object-fit:cover;min-height:680px}.hero-image figcaption{position:absolute;bottom:18px;left:24px;color:white;font-size:12px;text-shadow:0 1px 4px black}.section{padding:100px 6%;max-width:1500px;margin:auto;border-bottom:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:38px}.section-head h2{font-size:clamp(36px,4.4vw,62px);font-weight:500;line-height:1.07;letter-spacing:-2px;margin-bottom:0}.section-head p{max-width:430px;color:var(--muted);margin-bottom:0}.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:60px}.segment{display:flex;background:#e8e5dc;border-radius:9px;padding:4px;gap:4px}.segment button{flex:1;background:none;border:0;border-radius:6px;padding:16px 10px;font-size:15px}.segment button[aria-pressed=true]{background:var(--ink);color:white}.product-visual{background:var(--sand);border-radius:12px;overflow:hidden}.product-visual img{width:100%;aspect-ratio:1.45;object-fit:cover}.product-meta{padding:20px;display:flex;justify-content:space-between;align-items:center;font-size:14px}.product-card{padding:8px 0}.product-card h3{font-size:32px;font-weight:500;margin:30px 0 12px}.field-label{display:block;font-size:14px;margin:24px 0 9px;color:var(--muted)}.product-price{font-size:44px;letter-spacing:-1px;margin:30px 0 8px}.quantity{display:flex;align-items:center;gap:22px;margin:22px 0}.quantity button{width:42px;height:42px;border:1px solid var(--line);background:none;border-radius:8px;font-size:20px}.product-foot{font-size:13px;color:var(--muted)}.measure-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);margin:25px 0}.measure-grid div{padding:18px 0}.measure-grid strong{display:block;font-size:22px;font-weight:500;margin-bottom:7px}.measure-grid span{font-size:13px;color:var(--muted)}.viewer{position:relative;border-radius:12px;background:var(--sand);overflow:hidden;min-height:510px}.viewer img{width:100%;height:510px;object-fit:cover}.viewer canvas{width:100%;height:510px;display:block;touch-action:pan-y}.viewer-launch{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;background:#26352a10}.viewer-controls{display:flex;justify-content:center;gap:12px;margin-top:18px;flex-wrap:wrap}.viewer-controls button{padding:11px 16px;border:1px solid #b9c8c0;background:none;border-radius:7px;font-size:14px}.caption{font-size:13px;color:var(--muted);margin:16px 0 0}.gallery-main{aspect-ratio:1.75;position:relative;border-radius:12px;overflow:hidden;background:var(--sand);cursor:zoom-in}.gallery-main img{width:100%;height:100%;object-fit:contain}.gallery-nav{display:flex;justify-content:space-between;align-items:center;margin:18px 0}.gallery-nav p{margin:0;font-size:16px}.gallery-actions{display:flex;gap:12px;align-items:center}.gallery-actions button{border:1px solid var(--line);border-radius:50%;width:44px;height:44px;background:none;font-size:20px}.gallery-actions span{font-size:13px;color:var(--muted)}.thumbnails{display:flex;gap:12px;overflow:auto;padding:4px 3px 14px}.thumbnails button{width:100px;min-width:100px;height:70px;border:2px solid transparent;border-radius:7px;padding:0;overflow:hidden;opacity:.6;background:var(--sand)}.thumbnails button[aria-pressed=true]{border-color:var(--blue);opacity:1}.thumbnails img{width:100%;height:100%;object-fit:cover}.details-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center}.details-grid img{background:white;border-radius:10px}.detail-list{list-style:none;padding:0;margin:0}.detail-list li{border-bottom:1px solid var(--line);padding:24px 0;display:flex;gap:20px}.detail-list b{font-size:13px;color:var(--blue)}.detail-list h3{font-size:22px;font-weight:500;margin:0 0 8px}.detail-list p{color:var(--muted);font-size:15px;margin:0}.safety{background:#e9eee8}.safety-inner{display:grid;grid-template-columns:1fr 1fr;gap:60px}.safety h2{font-size:48px;font-weight:500;letter-spacing:-2px}.safety details,.faq details{border-top:1px solid #bec9bf;padding:23px 0}.safety summary,.faq summary{cursor:pointer;font-size:20px;list-style:none;display:flex;justify-content:space-between;gap:20px}.safety summary:after,.faq summary:after{content:'+';font-size:24px;color:var(--blue)}details[open] summary:after{content:'−'}.safety details p,.faq details p{max-width:720px;color:var(--muted);margin-top:18px;margin-bottom:0}.faq{max-width:1150px}.forms-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.forms-grid h2{font-size:52px;font-weight:500;letter-spacing:-2px}.order-summary{background:var(--sand);border-radius:10px;padding:26px}.order-summary h3{font-size:24px;font-weight:500}.order-summary p{font-size:14px;margin:8px 0;color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-grid label{font-size:14px;display:grid;gap:9px;color:var(--muted)}.form-grid .full{grid-column:1/-1}input,select,textarea{width:100%;min-height:52px;background:#fffdf7;border:1px solid #ccd0c6;border-radius:7px;padding:13px;color:var(--ink)}textarea{min-height:100px;resize:vertical}.form-end{margin-top:25px}.form-end .button{width:100%}.form-end p{font-size:13px;color:var(--muted)}.success{border:1px solid var(--blue);padding:26px;border-radius:10px;margin-top:25px}.success h3{font-size:28px;font-weight:500}.success p{color:var(--muted)}footer{padding:65px 6%;display:grid;grid-template-columns:1fr 1fr;gap:25px}footer p{font-size:16px;margin:0}footer button{background:none;border:0;padding:0;text-align:left;font-size:14px;text-decoration:underline}footer small{font-size:12px;color:var(--muted)}#back-top{position:fixed;bottom:24px;right:24px;padding:12px 17px;border:1px solid var(--line);border-radius:30px;background:var(--cream);font-size:14px;z-index:15;box-shadow:0 3px 16px #2133290b;visibility:hidden}#back-top.visible{visibility:visible}dialog{border:0;background:var(--cream);color:var(--ink);border-radius:12px;padding:48px;max-width:900px;width:calc(100% - 32px)}dialog::backdrop{background:#172c26b3}.close{position:absolute;top:16px;right:20px;border:0;background:none;font-size:32px;line-height:1;width:44px;height:44px}#menu{max-width:500px;margin-right:16px}#menu nav{display:grid;gap:26px}#menu nav a{font-size:30px;letter-spacing:-1px}#lightbox{width:calc(100% - 30px);max-width:1200px;padding:55px 30px 25px}#lightbox img{width:100%;max-height:73vh;object-fit:contain}#lightbox p{text-align:center;font-size:14px;margin:16px 0}.lightbox-controls{display:flex;justify-content:center;align-items:center;gap:24px}.lightbox-controls button{background:none;border:1px solid var(--line);border-radius:50%;width:42px;height:42px}.hidden{display:none!important}@media(max-width:900px){.desktop-nav,.header-cta{display:none}.menu-toggle{display:block!important}.header{height:82px;padding:0 6%}.brand{font-size:38px;gap:12px}.brand svg{height:29px;width:20px}.header-tools{gap:14px}.hero{grid-template-columns:1fr}.hero-copy{padding:48px 7% 45px}.hero h1{font-size:76px;letter-spacing:-3px}.hero-image{order:-1}.hero-image img{height:400px;min-height:0}.hero .eyebrow{margin-bottom:24px}.hero-price{margin-top:26px}.section{padding:65px 7%}.section-head{display:block;margin-bottom:28px}.section-head p{margin-top:22px}.section-head h2{font-size:44px}.grid-two,.details-grid,.safety-inner,.forms-grid{grid-template-columns:1fr;gap:32px}.product-card{padding:0}.viewer,.viewer img,.viewer canvas{height:390px;min-height:390px}.safety h2,.forms-grid h2{font-size:42px}.details-grid{gap:32px}.forms-grid{gap:35px}footer{grid-template-columns:1fr;padding:50px 7%}.gallery-main{aspect-ratio:1.3}.gallery-nav{gap:16px}.gallery-nav p{font-size:14px}.gallery-actions{gap:8px}.thumbnails button{width:82px;min-width:82px;height:60px}}@media(max-width:450px){.hero-image img{height:320px}.hero-copy{padding-top:36px}h1,.hero h1{font-size:64px;letter-spacing:-3px}.lede{font-size:18px}.hero-actions{display:grid;gap:20px}.hero-actions .text-link{justify-self:start}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.eyebrow{font-size:11px;letter-spacing:1.5px}.section-head h2{font-size:38px}.measure-grid strong{font-size:20px}.viewer,.viewer img,.viewer canvas{height:330px;min-height:330px}.segment button{font-size:14px;padding:14px 6px}dialog{padding:50px 22px 25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

.segment button:disabled{color:var(--muted);background:#deded5;cursor:not-allowed}.material-note{font-size:13px;color:var(--muted);line-height:1.5;margin:12px 0 0}
.capacity-stage{position:relative;aspect-ratio:1.45;isolation:isolate;background:linear-gradient(180deg,#e5dfd3 0%,#eee9df 58%,#e7ddca 100%);overflow:hidden}
.capacity-layer{position:absolute;inset:0;opacity:0;pointer-events:none;background:linear-gradient(180deg,#e5dfd3 0%,#eee9df 58%,#e7ddca 100%)}
.capacity-layer.is-active{opacity:1}
.capacity-stage.is-ready .capacity-layer{transition:opacity 700ms cubic-bezier(.33,0,.2,1)}
.product-visual .capacity-layer img{position:absolute;left:50%;bottom:12%;width:92%;height:auto;aspect-ratio:auto;object-fit:contain;transform:translateX(-50%)}
.product-visual .capacity-layer[data-size="5000"] img{width:58%}
.product-visual .capacity-layer[data-size="10000"] img{width:73%}
.product-meta #capacity-caption{font-weight:600;font-variant-numeric:tabular-nums}
.capacity-stage.image-unavailable{display:flex;align-items:center;justify-content:center;padding:24px;text-align:center;font-size:14px;color:var(--muted)}
@media(prefers-reduced-motion:reduce){.capacity-stage.is-ready .capacity-layer{transition:none}}
.journey-launch{display:flex;gap:14px;align-items:center;background:none;border:0;border-bottom:1px solid #9ca9a0;padding:8px 0;margin-top:28px;font-size:14px;text-align:left}
#order-preview{max-width:720px;max-height:90dvh;overflow:auto;padding:46px 40px 32px}
.journey-banner{font-size:12px;color:var(--muted);padding-right:25px;margin-bottom:24px}
.journey-steps{padding:0;margin:0 0 34px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;list-style:none;font-size:12px;color:var(--muted)}
.journey-steps li{display:grid;gap:9px;border-top:2px solid var(--line);padding-top:10px}
.journey-steps li[aria-current]{color:var(--ink);border-color:var(--ink);font-weight:600}
.journey-steps span{font-variant-numeric:tabular-nums}
#order-preview h2{font-size:36px;font-weight:500;letter-spacing:-1px;line-height:1.12;margin-bottom:18px;outline:0}
#order-preview>p:not(.journey-banner){font-size:16px}
.journey-summary{background:var(--sand);padding:24px;border-radius:10px;margin:26px 0}
.journey-summary>strong{font-size:20px;font-weight:500}
.journey-summary dl{margin:18px 0 0;font-size:14px}
.journey-summary dl>div{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:8px 0}
.journey-summary dt{color:var(--muted)}
.journey-summary dd{margin:0;white-space:nowrap;font-variant-numeric:tabular-nums}
.journey-summary .journey-total{border-top:1px solid #c9ccbe;margin-top:10px;padding-top:18px;font-size:21px}
.journey-total dt{color:var(--ink)}
#order-preview .journey-note{font-size:13px!important;color:var(--muted);line-height:1.6}
.journey-payment{background:var(--sand);padding:28px;border-radius:10px;margin:24px 0;display:grid;gap:14px}
.journey-payment .eyebrow{margin:0;font-size:11px}
.journey-payment>strong{font-size:30px;letter-spacing:-1px}
.journey-payment>span:not(.eyebrow){font-size:26px;font-variant-numeric:tabular-nums}
.journey-payment p{font-size:14px;color:var(--muted);margin:0}
.journey-actions{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-top:28px}
.journey-actions .button{margin-left:auto}
.journey-back{border:0;background:none;padding:12px 0;font-size:14px}
@media(max-width:450px){#order-preview{padding:50px 22px 25px;width:calc(100% - 20px);max-height:92dvh}#order-preview h2{font-size:30px}.journey-steps{gap:7px;font-size:10px;margin-bottom:28px}.journey-summary{padding:18px}.journey-summary dl>div{gap:12px}.journey-actions{gap:14px}.journey-actions .button{font-size:14px;padding:14px 18px}}
.product-intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}
.product-intro h2{font-size:clamp(32px,3.4vw,48px);font-weight:500;letter-spacing:-1.5px;line-height:1.1;margin:0}
.product-intro>p{font-size:21px;line-height:1.7;max-width:660px;margin:0;color:var(--muted)}
@media(max-width:900px){.product-intro{grid-template-columns:1fr;gap:24px}.product-intro>p{font-size:19px}}
@media(min-width:901px){.journey-launch{width:100%;justify-content:space-between;min-height:56px;margin-top:32px;padding:16px 20px;border:1px solid var(--line);border-radius:8px;font-size:16px}.journey-launch span{font-size:20px;line-height:1}.journey-launch:hover{background:var(--sand)}}

.viewer canvas{display:block;width:100%;height:100%;touch-action:none}.viewer-size{font-size:15px;font-weight:600;margin:16px 0 0}.material-summary{font-size:16px;line-height:1.5;margin:16px 0 0;max-width:40ch}.measure-grid strong#quoted-size{font-size:clamp(16px,1.6vw,22px);white-space:nowrap}.material-comparison{margin-top:36px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0}.material-comparison summary{font-size:18px;cursor:pointer}.comparison-scroll{overflow-x:auto;margin-top:22px}.material-comparison table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.6;text-align:left}.material-comparison th,.material-comparison td{padding:16px 20px 16px 0;border-bottom:1px solid var(--line);vertical-align:top}.material-comparison thead th{font-size:17px}.material-comparison tbody th{width:22%;font-weight:500}.material-comparison td{width:39%}.material-comparison .caption{max-width:95ch}@media(max-width:600px){.material-comparison table{min-width:600px}.material-comparison summary{font-size:16px}.viewer-size{font-size:14px}}
.viewer-capacities.segment{flex-basis:100%;max-width:420px;margin:0 auto 4px}.viewer-capacities button{flex:1;border:0;border-radius:7px;padding:10px 12px}.viewer-capacities button[aria-pressed=true]{background:var(--ink);color:var(--cream)}

.viewer-controls{display:grid;grid-template-columns:repeat(3,max-content)}.viewer-capacities.segment{grid-column:1/-1;width:100%;max-width:none}.viewer-controls>.viewer-capacities button{min-width:100px}@media(max-width:600px){.viewer-controls{grid-template-columns:repeat(3,1fr)}.viewer-controls button{padding:11px 8px}.viewer-controls>.viewer-capacities button{min-width:0}}
.viewer-controls{grid-template-columns:repeat(4,max-content)}@media(max-width:600px){.viewer-controls{grid-template-columns:repeat(2,1fr)}}

/* The logo outline fills with water while the first 3D frame is prepared. */
.drop-loader{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;--water-level:56px}
.drop-loader-card{display:grid;justify-items:center;gap:17px;padding:24px 30px;border:1px solid #233b3218;border-radius:16px;background:#f7f3ebee;box-shadow:0 8px 30px #233b3210}
.drop-progress svg{display:block;width:42px;height:59px;overflow:visible}
.drop-outline{fill:none;stroke:var(--ink);stroke-width:1.8;stroke-linejoin:round}
.drop-water{transform:translateY(var(--water-level))}
.water-wave{fill:var(--blue);animation:bubbl-water 2.4s linear infinite}
.water-wave-back{opacity:.35;animation-direction:reverse;animation-duration:3.2s}
.water-wave-front{opacity:.85}
.drop-loader p{margin:0;font-size:14px;line-height:1.4;color:var(--ink)}
@keyframes bubbl-water{from{transform:translateX(0)}to{transform:translateX(-40px)}}
@media(prefers-reduced-motion:reduce){.water-wave{animation:none}.drop-water{transition:none}}

/* Bespoke illustrations share the brand ink, water blue and warm fabric wash. */
.bubbl-illustration{display:block;color:var(--ink);flex-shrink:0}
.bubbl-illustration .illustration-wash{fill:var(--sand);stroke:none}
.bubbl-illustration .illustration-water{stroke:var(--blue)}
.bubbl-benefits{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;border-top:1px solid var(--line);padding-top:32px}
.bubbl-benefits>div{display:flex;align-items:center;gap:18px}
.bubbl-benefits svg{width:94px;height:78px}
.bubbl-benefits span{font-size:17px;line-height:1.35;max-width:15ch}
.detail-list>li>.bubbl-illustration{width:64px;height:54px;margin-top:1px}
.care-label{display:flex;align-items:center;gap:16px}
.care-label .bubbl-illustration{width:48px;height:40px}
.safety summary{align-items:center}
@media(max-width:900px){.bubbl-benefits{gap:20px;margin-top:10px;padding-top:24px}.bubbl-benefits>div{display:grid;justify-items:start;gap:10px}.bubbl-benefits svg{width:80px;height:67px}.bubbl-benefits span{font-size:15px}.detail-list>li>.bubbl-illustration{width:58px;height:48px}}
@media(max-width:450px){.bubbl-benefits{gap:14px}.bubbl-benefits svg{width:72px;height:60px}.bubbl-benefits span{font-size:14px;max-width:12ch}.care-label{gap:12px}}

/* Lean launch refinements: readable copy and a shorter phone entry. */
.email-review textarea{width:100%;min-height:270px;padding:16px;border:1px solid var(--line);border-radius:8px;background:white;color:var(--ink);font-size:16px;line-height:1.5;resize:vertical}.email-review .journey-actions{flex-wrap:wrap}.email-review .text-link{display:inline-block;margin-top:20px}.email-review [role=status]{min-height:28px;color:var(--ink)}.form-end p{font-size:14px;line-height:1.5}.preview-note{font-size:12px}.product-meta{color:var(--ink)}@media(max-width:450px){.hero-image img{height:220px}.hero-copy{padding:26px 7% 32px}.hero h1{font-size:48px;letter-spacing:-2px;margin-bottom:18px}.hero .eyebrow{margin-bottom:16px}.hero-price{margin:20px 0}.hero-actions{gap:16px}.hero .tiny{margin-top:18px}.journey-actions{position:sticky;bottom:-25px;background:var(--cream);padding:16px 0 8px}}
.form-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden}.email-review button:disabled{opacity:.6;cursor:wait}.email-review .request-fallback{font-size:14px}.email-review .request-message{display:grid;gap:10px;font-size:14px;color:var(--muted)}
