:root{--ocean-veil: .56;--ocean-veil-strong: .8;--ocean-deep: #0b2530;--ocean-ink: #16323b;--ocean-accent: #e04b32;--ocean-sand: #efdfbe;--ocean-rope: #d9b98c}.ocean-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none;background-color:var(--ocean-deep)}.ocean-backdrop__photo{position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--ocean-photo);background-position:center 38%;background-repeat:no-repeat;background-size:cover}@media screen and (max-width:767px){.ocean-backdrop__photo{background-image:var(--ocean-photo-sm);background-position:center 32%}}.ocean-backdrop__shimmer{position:absolute;top:0;right:0;bottom:0;left:0;mix-blend-mode:screen;opacity:.5;background-image:radial-gradient(120% 52% at 50% -10%,#ffffffb8,#fff0 62%),repeating-linear-gradient(102deg,#ffffff29 0 2px,#fff0 2px 16px);animation:ocean-shimmer 24s ease-in-out infinite alternate}@keyframes ocean-shimmer{0%{transform:translate3d(-1.4%,0,0) scale(1.03);opacity:.4}to{transform:translate3d(1.4%,0,0) scale(1.06);opacity:.6}}.ocean-backdrop__rays{position:absolute;top:-25%;right:-12%;bottom:0;left:-12%;opacity:.5;filter:blur(7px);transform-origin:50% 0;background-image:linear-gradient(100deg,#fff0 40%,#ffffff4d 46%,#fff0 53%),linear-gradient(94deg,#fff0 62%,#ffffff38 68%,#fff0 75%),linear-gradient(108deg,#fff0 20%,#fff3 26%,#fff0 33%);animation:ocean-rays 28s ease-in-out infinite alternate}@keyframes ocean-rays{0%{transform:translate3d(-2%,0,0) rotate(-.6deg)}to{transform:translate3d(2%,0,0) rotate(.6deg)}}.ocean-backdrop__bubbles{position:absolute;top:0;right:0;bottom:0;left:0}.ocean-backdrop__bubbles i{position:absolute;bottom:-10vh;left:var(--bubble-x, 50%);width:var(--bubble-size, 10px);height:var(--bubble-size, 10px);border-radius:50%;opacity:.7;border:1px solid rgba(255,255,255,.5);background-image:radial-gradient(circle at 34% 30%,#fffffff2,#ffffff4d 52%,#ffffff05 74%);animation:ocean-bubble var(--bubble-duration, 18s) linear var(--bubble-delay, 0s) infinite}@keyframes ocean-bubble{0%{transform:translateZ(0)}50%{transform:translate3d(14px,-56vh,0)}to{transform:translate3d(-8px,-114vh,0)}}.ocean-backdrop__floor{position:absolute;left:0;right:0;bottom:0;height:clamp(80px,13vh,170px);opacity:.9}.ocean-backdrop__floor svg{display:block;width:100%;height:100%}.section-background,.section[class*=color-scheme-],.m-section[class*=color-scheme-]{background-color:rgb(var(--color-background-rgb, 245 247 245) / var(--ocean-veil))!important}.editorial-hero{background-color:color-mix(in srgb,var(--editorial-ink) 52%,transparent)!important}.editorial-marquee{background-color:color-mix(in srgb,var(--marquee-bg) 58%,transparent)!important}.editorial-collections{background-color:color-mix(in srgb,var(--collections-bg) 58%,transparent)!important}.editorial-spotlight{background-color:color-mix(in srgb,var(--spotlight-bg) 58%,transparent)!important}.editorial-products{background-color:color-mix(in srgb,var(--products-bg) 60%,transparent)!important}.editorial-recipes{background-color:color-mix(in srgb,var(--recipes-bg) 58%,transparent)!important}.editorial-story{background-color:color-mix(in srgb,var(--story-bg) 60%,transparent)!important}.editorial-faq{background-color:color-mix(in srgb,var(--faq-bg) 58%,transparent)!important}.editorial-footer,.footer,.m-footer,.footer-utilities{background-color:color-mix(in srgb,var(--footer-ink, var(--color-background, #0b2530)) 82%,transparent)!important}.m-header__desktop,.m-header__mobile,.m-menu-bar{background-color:rgb(var(--color-background-rgb, 245 247 245) / var(--ocean-veil-strong))!important;-webkit-backdrop-filter:blur(10px) saturate(1.06);backdrop-filter:blur(10px) saturate(1.06)}.shopify-section{position:relative}.shopify-section+.shopify-section:before{content:"";position:absolute;left:0;right:0;top:0;height:28px;z-index:1;pointer-events:none;opacity:.55;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 28' preserveAspectRatio='none'%3E%3Cpath d='M0 20c25-12 50-12 75 0s50 12 75 0 25-8 50-2v10H0z' fill='%23f5f7f5' fill-opacity='.6'/%3E%3Cpath d='M0 24c25-12 50-12 75 0s50 12 75 0 25-8 50-2' fill='none' stroke='%232f6f73' stroke-opacity='.45' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:repeat-x;background-size:260px 28px}@media screen and (max-width:767px){.shopify-section+.shopify-section:before{height:16px;background-size:150px 16px;opacity:.45}}.ocean-decor{position:fixed;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none}.ocean-decor__item{position:absolute;opacity:.92;filter:drop-shadow(0 8px 16px rgba(6,22,30,.28))}.ocean-decor__item svg{display:block;width:100%;height:auto}.ocean-decor__item--lighthouse{right:clamp(.35rem,1.2vw,1.75rem);bottom:9vh;width:clamp(36px,3.6vw,66px)}.ocean-decor__item--boat{right:clamp(.5rem,1.8vw,2.5rem);top:calc(var(--header-group-height, 90px) + 4vh);width:clamp(54px,5.2vw,96px);animation:ocean-bob 9s ease-in-out infinite}.ocean-decor__item--anchor{left:clamp(.35rem,1.1vw,1.6rem);top:38vh;width:clamp(28px,2.6vw,46px);transform:rotate(-8deg)}.ocean-decor__item--wheel{right:clamp(.4rem,1.4vw,1.9rem);top:58vh;width:clamp(40px,3.8vw,68px);opacity:.75;animation:ocean-spin 42s linear infinite}.ocean-decor__item--shell{left:clamp(.4rem,1.4vw,1.9rem);bottom:7vh;width:clamp(44px,4.4vw,82px)}.ocean-decor__item--pearls{left:clamp(2.6rem,6vw,6.5rem);bottom:6vh;width:clamp(30px,3vw,54px);opacity:.85}.ocean-decor__item--conch{left:clamp(.7rem,3vw,3.4rem);bottom:15vh;width:clamp(28px,2.8vw,50px);opacity:.8}.ocean-decor__item--knot{left:clamp(.35rem,1.3vw,1.8rem);top:calc(var(--header-group-height, 90px) + 3vh);width:clamp(38px,4vw,70px);opacity:.8}@keyframes ocean-bob{0%,to{transform:translateZ(0) rotate(-1deg)}50%{transform:translate3d(0,-10px,0) rotate(1.5deg)}}@keyframes ocean-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media screen and (max-width:1199px){.ocean-decor__item--wheel,.ocean-decor__item--anchor,.ocean-decor__item--knot,.ocean-decor__item--conch,.ocean-decor__item--pearls{display:none}.ocean-decor__item--shell,.ocean-decor__item--boat{opacity:.6}.ocean-decor__item--lighthouse{opacity:.5}}@media screen and (max-width:767px){.ocean-decor__item--boat,.ocean-decor__item--shell{display:none}.ocean-decor__item--lighthouse{width:34px;bottom:6vh}}@media(prefers-reduced-motion:reduce){.ocean-backdrop__shimmer,.ocean-backdrop__rays,.ocean-backdrop__bubbles i,.ocean-decor__item--boat,.ocean-decor__item--wheel{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/ocean-decor.css.map */