body{background:linear-gradient(180deg,#fff 0,#f2faff 900px,#e6f5fc)}main{position:relative;overflow-x:clip}.ocean-swim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;overflow:hidden}.ocean-swim i,.ocean-seabed i,.ocean-page i{position:absolute;left:-14%;display:block;background:no-repeat center/contain;animation:swim var(--t,38s) linear var(--w,0s) infinite;will-change:transform}.ocean-swim i:after,.ocean-seabed i:after,.ocean-page i:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--img) no-repeat center/contain;animation:bob 3.2s ease-in-out infinite}.ocean-swim i{left:40%}.ocean-swim .f1{--img:var(--fish1);top:16%;width:86px;height:56px;--t:34s;--w:-6s}.ocean-swim .f4{--img:var(--fish4);top:30%;width:72px;height:56px;--t:41s;--w:-20s}.ocean-swim .f2{--img:var(--fish2);top:52%;width:64px;height:42px;--t:30s;--w:-14s}.ocean-swim .f5{--img:var(--fish5);top:62%;width:58px;height:42px;--t:46s;--w:-31s}@keyframes swim{0%{transform:translate(0)}to{transform:translate(130vw)}}@keyframes swimhero{0%{transform:translate(0)}to{transform:translate(75vw)}}.ocean-swim i{animation-name:swimhero}.ocean-page{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.ocean-page .p1{--img:var(--fish2);top:22%;width:70px;height:46px;--t:44s;--w:-8s}.ocean-page .p2{--img:var(--fish5);top:41%;width:64px;height:46px;--t:52s;--w:-30s}.ocean-page .p3{--img:var(--fish1);top:63%;width:76px;height:50px;--t:48s;--w:-18s}.ocean-page .p4{--img:var(--fish4);top:84%;width:62px;height:48px;--t:40s;--w:-26s}@keyframes bob{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-7px) rotate(-3deg)}}.page-banner,.setup-banner,.review-section,.newsletter,.benefit-strip{position:relative;isolation:isolate}.page-banner,.setup-banner,.review-section,.newsletter{overflow:hidden}.page-banner:before,.page-banner:after,.setup-banner:after,.review-section:after,.newsletter:before,.benefit-strip:before,.benefit-strip:after{content:"";position:absolute;bottom:0;pointer-events:none;background:no-repeat bottom/contain;z-index:0}.page-banner{background:linear-gradient(180deg,#eaf8ff,#d6effa)}.page-banner:before{left:0;width:clamp(90px,12vw,190px);height:clamp(110px,15vw,240px);background-image:var(--coral-l);background-position:bottom left}.page-banner:after{right:0;width:clamp(90px,12vw,190px);height:clamp(110px,15vw,240px);background-image:var(--coral-r);background-position:bottom right}.page-banner>*,.setup-banner>*,.review-section>*,.newsletter>*{position:relative;z-index:1}.setup-banner:after{right:0;width:clamp(100px,11vw,180px);height:clamp(120px,14vw,220px);background-image:var(--coral-r);background-position:bottom right}.review-section:after{right:0;width:clamp(90px,10vw,160px);height:clamp(110px,12vw,190px);background-image:var(--coral-l);background-position:bottom right;transform:scaleX(-1)}.newsletter:before{left:0;width:clamp(90px,10vw,160px);height:clamp(110px,12vw,190px);background-image:var(--coral-l);background-position:bottom left}.newsletter{padding-left:max(10%,180px)}.benefit-strip:before{left:0;width:clamp(60px,7vw,110px);height:clamp(70px,8vw,130px);background-image:var(--coral-l);background-position:bottom left}.benefit-strip:after{right:0;width:clamp(60px,7vw,110px);height:clamp(70px,8vw,130px);background-image:var(--coral-r);background-position:bottom right}.section-heading h2,.problem-lead h2,.spotlight-copy h2{position:relative}.section-heading h2:after,.problem-lead h2:after,.spotlight-copy h2:after{content:"";display:inline-block;width:.8em;height:.8em;margin-left:.3em;vertical-align:-.05em;background:var(--shell1) no-repeat center/contain;animation:drift 6s ease-in-out infinite}.section:nth-of-type(2n) .section-heading h2:after{background-image:var(--shell2)}@keyframes spin{to{transform:rotate(360deg)}}.ocean-side{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.ocean-side i{position:absolute;width:var(--w,84px);height:var(--w,84px);background:var(--img) no-repeat center/contain;opacity:.9;animation:drift 7s ease-in-out infinite;animation-delay:var(--d,0s)}.ocean-side .s1{--img:var(--shell1);top:9%;left:-14px;--w:86px}.ocean-side .s2{--img:var(--shell3);top:20%;right:-10px;--w:80px;--d:-2s}.ocean-side .s3{--img:var(--shell2);top:33%;left:-12px;--w:78px;--d:-4s}.ocean-side .s4{--img:var(--shell6);top:45%;right:-14px;--w:90px;--d:-1s}.ocean-side .s5{--img:var(--shell4);top:57%;left:-10px;--w:76px;--d:-3s}.ocean-side .s6{--img:var(--shell5);top:69%;right:-8px;--w:78px;--d:-5s}.ocean-side .s7{--img:var(--shell7);top:81%;left:-12px;--w:72px;--d:-2.5s}.ocean-side .s8{--img:var(--shell1);top:92%;right:-12px;--w:76px;--d:-4.5s}@keyframes drift{0%,to{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-12px) rotate(6deg)}}.ocean-seabed{position:relative;height:clamp(64px,8vw,130px);margin-top:40px;background:var(--seabed) repeat-x bottom center/auto 100%;pointer-events:none;overflow:hidden}.ocean-seabed .f3{top:4%;width:60px;height:40px;--img:var(--fish3);--t:28s}.ocean-bubbles{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;overflow:hidden}.ocean-bubbles i{position:absolute;bottom:-30px;width:var(--s,10px);height:var(--s,10px);border-radius:50%;background:radial-gradient(circle at 32% 30%,rgba(255,255,255,.95) 0 18%,rgba(72,202,228,.25) 45%,rgba(0,119,182,.12) 70%,transparent 72%);border:1px solid rgba(0,119,182,.18);opacity:0;animation:rise var(--d,16s) linear var(--w,0s) infinite}@keyframes rise{0%{transform:translate(0);opacity:0}10%{opacity:.7}50%{transform:translate(12px,-55vh)}90%{opacity:.5}to{transform:translate(-6px,-110vh);opacity:0}}@media(max-width:1100px){.ocean-side i{--w:40px!important;opacity:.7}}@media(max-width:760px){.ocean-page .p2,.ocean-page .p4{display:none}.ocean-swim i{left:10%}.ocean-swim .f5,.ocean-swim .f2{display:none}.ocean-swim i{transform:scale(.75)}.newsletter{padding-left:10%}.newsletter:before,.setup-banner:after,.review-section:after,.benefit-strip:before,.benefit-strip:after{opacity:.35}.ocean-side i:nth-child(odd){display:none}.ocean-bubbles i:nth-child(n+6){display:none}}@media(prefers-reduced-motion:reduce){.ocean-bubbles,.ocean-swim,.ocean-page,.ocean-seabed i{display:none}.ocean-side i,.section-heading h2:after{animation:none}}.hero-image{animation:kenburns 26s ease-in-out infinite alternate;transform-origin:70% 50%}@keyframes kenburns{0%{transform:scale(1)}to{transform:scale(1.08)}}.ocean-hero-reef{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.ocean-hero-reef i{position:absolute;bottom:34px;display:block;background:no-repeat bottom/contain;transform-origin:bottom center;animation:reefup 1.4s cubic-bezier(.22,1,.36,1) both,sway 7s ease-in-out 1.4s infinite}.ocean-hero-reef .hr-l{left:-10px;width:clamp(130px,15vw,250px);height:clamp(180px,22vw,340px);background-image:var(--coral-l);background-position:bottom left;animation-delay:.1s,1.5s}.ocean-hero-reef .hr-r{right:-10px;width:clamp(150px,17vw,280px);height:clamp(190px,24vw,360px);background-image:var(--coral-r);background-position:bottom right;animation-delay:.25s,1.7s}.ocean-hero-reef .hr-k1{left:clamp(90px,12vw,200px);width:70px;height:clamp(150px,17vw,260px);background-image:var(--coral-l);background-size:auto 100%;display:none}.ocean-hero-reef .hr-k2{display:none}.ocean-hero-reef .hr-c1{right:clamp(150px,17vw,280px);width:clamp(60px,6vw,96px);height:clamp(60px,6vw,96px);background-image:var(--shell8);animation-delay:.45s,2s}.ocean-hero-reef .hr-c2{left:44%;width:clamp(50px,5vw,80px);height:clamp(50px,5vw,80px);background-image:var(--shell8);transform:scaleX(-1);animation-delay:.55s,2.2s}.ocean-hero-reef .hr-st{left:clamp(120px,15vw,240px);bottom:40px;width:clamp(34px,3.2vw,52px);height:clamp(34px,3.2vw,52px);background-image:var(--shell1);animation-delay:.7s,2.4s}@keyframes reefup{0%{transform:translateY(60%) scale(.85);opacity:0}to{transform:none;opacity:1}}@keyframes sway{0%,to{rotate:0deg}50%{rotate:1.6deg}}.hero .hero-content{z-index:2}.motion-ready main section.motion-reveal:nth-of-type(odd):not(.hero){transform:translate3d(-70px,0,0)}.motion-ready main section.motion-reveal:nth-of-type(2n):not(.hero){transform:translate3d(70px,0,0)}.motion-ready main .motion-reveal{transition-duration:.9s}.motion-ready main .motion-reveal.is-visible{transform:none!important}.motion-ready .motion-stagger>*{transform:translate3d(0,46px,0) scale(.94);transition-duration:.7s;transition-delay:calc(var(--motion-delay,0ms)*1.8)}.motion-ready .motion-stagger.is-visible>*{transform:none}.category-card,.product-card,.mini-card{transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s}.category-card:hover,.mini-card:hover{transform:translateY(-8px) rotate(-.4deg);box-shadow:0 18px 40px #0077b62e}.ocean-seabed{animation:none}.ocean-side i{transition:transform .3s}@media(max-width:760px){.ocean-hero-reef .hr-l,.ocean-hero-reef .hr-r{opacity:.55;width:110px;height:150px}.ocean-hero-reef .hr-c1,.ocean-hero-reef .hr-c2,.ocean-hero-reef .hr-st{display:none}}@media(prefers-reduced-motion:reduce){.hero-image,.ocean-hero-reef i{animation:none}}.hero .hero-content{z-index:5}@media(min-width:761px){.hero{height:clamp(660px,54vw,780px)}}.ocean-hero-reef .hr-l{left:-24px;width:clamp(80px,7vw,118px);height:clamp(150px,16vw,250px);background-size:auto 100%}.ocean-hero-reef .hr-st{left:auto;right:clamp(260px,24vw,400px);bottom:46px}.ocean-hero-reef .hr-c2{display:none}.ocean-hero-reef .hr-c1{bottom:60px}@media(max-width:760px){.ocean-swim{display:none}}.ocean-hero-reef .hr-l{left:-16px;width:clamp(150px,15vw,230px);height:clamp(150px,15vw,220px);background-size:contain}@media(max-width:760px){.ocean-side,.ocean-page,.ocean-bubbles,.ocean-swim{display:none!important}.hero-image{animation:none;transform:none}.ocean-hero-reef{inset:auto 0 0;height:70px;overflow:hidden}.ocean-hero-reef i{animation:none!important;transform:none!important;rotate:0deg;bottom:0!important;opacity:.7}.ocean-hero-reef .hr-l{left:-8px;width:70px;height:70px;background-size:contain}.ocean-hero-reef .hr-r{right:-8px;width:70px;height:70px;background-size:contain}.ocean-hero-reef .hr-c1,.ocean-hero-reef .hr-c2,.ocean-hero-reef .hr-st{display:none}.section-heading h2:after,.problem-lead h2:after,.spotlight-copy h2:after{display:none}.benefit-strip:before,.benefit-strip:after,.review-section:after,.setup-banner:after{display:none}.page-banner:before,.page-banner:after,.newsletter:before{width:48px;height:60px;bottom:0;opacity:.2}.ocean-seabed{height:54px;margin-top:20px}.ocean-seabed i{display:none}.motion-ready main section.motion-reveal:nth-of-type(n):not(.hero),.motion-ready .motion-stagger>*{transform:none;transition-duration:.25s;transition-delay:0ms}}.map-house-detail .map-story-body:before{content:none!important;display:none!important}.map-sample-note{margin:12px auto 4px!important;max-width:500px;padding:9px 14px;border-radius:10px;background:#66d7f524;border:1px solid rgba(102,215,245,.45);color:#e8f8ff!important;font-size:13px!important;font-weight:700;text-align:center}.map-sample-note--dialog{background:#eef8fc;border-color:#cfe9f5;color:#0b4f78!important;margin:14px 0 0!important;max-width:none}
/*# sourceMappingURL=/cdn/shop/t/29/assets/ocean.css.map */