.lp-coastal-color{--lpcc-cream: #fdf7ee;--lpcc-sand: #f5ecdd;--lpcc-shell: #ffffff;--lpcc-ocean: #1f6b82;--lpcc-ocean-deep: #0f3b4a;--lpcc-ocean-tint: #eaf2f3;--lpcc-coral: #d94f34;--lpcc-coral-deep: #b83c22;--lpcc-coral-soft: #f7d9cf;--lpcc-ink: #14323d;--lpcc-body: #33474e;--lpcc-muted: #5c6f76;--lpcc-border: #ecdfca;--lpcc-border-cool: #d8e4e6;--lpcc-shadow: 0 14px 30px rgba(15, 59, 74, .1);--lpcc-shadow-sm: 0 8px 18px rgba(15, 59, 74, .07);--lpcc-radius: 18px;--lpcc-radius-lg: 26px;font-family:GTWalsheim,GT Walsheim,Avenir Next,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--lpcc-body);-webkit-font-smoothing:antialiased}.lp-coastal-color,.lp-coastal-color *,.lp-coastal-color *:before,.lp-coastal-color *:after{box-sizing:border-box}.lp-coastal-color a,.lp-coastal-color button{transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,color .2s ease,border-color .2s ease}.lp-coastal-color a:focus-visible,.lp-coastal-color button:focus-visible{outline:3px solid var(--lpcc-ocean);outline-offset:3px;border-radius:10px}.lp-coastal-color__container{width:min(1120px,calc(100% - 34px));margin:0 auto}.lp-coastal-color--pattern-bg{position:relative;overflow:hidden}.lp-coastal-color--pattern-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--lpcc-pattern-url);background-repeat:repeat;background-size:var(--lpcc-pattern-size, 260px) auto;opacity:var(--lpcc-pattern-opacity, .14);pointer-events:none;z-index:0}.lp-coastal-color--pattern-bg>.lp-coastal-color__container{position:relative;z-index:1}.lp-coastal-color__eyebrow{display:inline-flex;align-items:center;gap:9px;margin:0 0 14px;font-size:.8rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--lpcc-coral)}.lp-coastal-color__eyebrow:before{content:"";width:22px;height:2px;border-radius:99px;background:var(--lpcc-coral)}.lp-coastal-color__heading{margin:0;line-height:1.04;letter-spacing:-.015em;font-family:Gilroy,GTWalsheim,GT Walsheim,Avenir Next,sans-serif;font-size:clamp(2.35rem,6.6vw,3.6rem);font-weight:700;color:var(--lpcc-ink);text-transform:none}.lp-coastal-color__subhead{margin:16px 0 0;max-width:46ch;font-size:clamp(1.02rem,3.4vw,1.2rem);line-height:1.55;color:var(--lpcc-muted)}.lp-coastal-color__section-heading{margin:0;line-height:1.1;font-family:Gilroy,GTWalsheim,GT Walsheim,Avenir Next,sans-serif;font-size:clamp(2.05rem,5.2vw,2.85rem);font-weight:700;color:var(--lpcc-ink);letter-spacing:-.015em;text-transform:none}.lp-coastal-color__section-subhead{margin:12px 0 0;color:var(--lpcc-muted);font-size:clamp(.98rem,3.2vw,1.1rem);line-height:1.55}.lp-coastal-color__button-row{margin-top:26px;display:flex;flex-wrap:wrap;gap:12px}.lp-coastal-color__button{display:inline-flex;align-items:center;justify-content:center;padding:14px 26px;border-radius:999px;border:2px solid transparent;text-decoration:none;font-size:.97rem;font-weight:700;line-height:1;letter-spacing:.01em;cursor:pointer}.lp-coastal-color__button:hover{transform:translateY(-2px)}.lp-coastal-color__button:disabled,.lp-coastal-color__button[aria-disabled=true]{opacity:.5;cursor:not-allowed;box-shadow:none}.lp-coastal-color__button:disabled:hover,.lp-coastal-color__button[aria-disabled=true]:hover{transform:none}.lp-coastal-color__button--primary{background:var(--lpcc-coral);color:#fff;box-shadow:0 10px 22px #d94f3442}.lp-coastal-color__button--primary:hover{background:var(--lpcc-coral-deep);box-shadow:0 14px 26px #b83c2252}.lp-coastal-color__button--secondary{background:transparent;color:var(--lpcc-ocean-deep);border-color:var(--lpcc-ocean)}.lp-coastal-color__button--secondary:hover{background:var(--lpcc-ocean);color:#fff}.lp-coastal-color__button--on-dark{background:#fff;color:var(--lpcc-coral-deep);box-shadow:0 10px 24px #0f3b4a38}.lp-coastal-color__button--on-dark:hover{background:var(--lpcc-cream);color:var(--lpcc-coral-deep)}.lp-coastal-color__hero{position:relative;overflow:hidden;padding:40px 0 64px;background:radial-gradient(900px 420px at 88% -12%,rgba(31,107,130,.16),transparent 60%),radial-gradient(760px 380px at -8% 108%,rgba(217,79,52,.1),transparent 60%),var(--lpcc-ocean-tint)}.lp-coastal-color__hero-layout{display:grid;gap:26px;align-items:center}.lp-coastal-color__hero-content{position:relative;z-index:2}.lp-coastal-color__hero-media{position:relative;border-radius:var(--lpcc-radius-lg);border:1px solid var(--lpcc-border);overflow:hidden;box-shadow:var(--lpcc-shadow);background:var(--lpcc-sand);aspect-ratio:1 / 1}.lp-coastal-color__hero-image{display:block;width:100%;height:100%;object-fit:cover}.lp-coastal-color__hero-placeholder{display:block;width:100%;height:100%;min-height:260px;background:radial-gradient(circle at 22% 28%,rgba(217,79,52,.16) 0 34px,transparent 35px),radial-gradient(circle at 72% 74%,rgba(31,107,130,.18) 0 52px,transparent 53px),linear-gradient(140deg,#fff6ef,#eef4f4)}.lp-coastal-color__hero-wave{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:clamp(38px,6vw,70px);display:block;z-index:2;overflow:hidden;pointer-events:none;color:var(--lpcc-cream)}.lp-coastal-color__hero-wave svg{display:block;width:200%;height:100%}.lp-coastal-color__hero-wave--animated svg{animation:lpccWaveDrift 16s linear infinite}.lp-coastal-color__decor{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:1}.lp-coastal-color__decor-item{position:absolute;display:block}.lp-coastal-color__decor-lobster{width:clamp(70px,10.5vw,138px);right:clamp(2px,3vw,46px);bottom:clamp(18px,5vw,54px);filter:drop-shadow(0 10px 14px rgba(15,59,74,.18))}.lp-coastal-color__lobster{display:block;width:100%;height:auto;transform-origin:center;animation:lpccLobsterFloat 6.4s ease-in-out infinite}.lp-coastal-color__decor-bubbles{color:var(--lpcc-ocean)}.lp-coastal-color__decor-bubbles svg{display:block;width:100%;height:auto}.lp-coastal-color__decor-bubbles--a{width:clamp(28px,5vw,52px);left:clamp(8px,6vw,74px);top:clamp(16px,8vw,84px);opacity:.26;animation:lpccBob 6.5s ease-in-out infinite}.lp-coastal-color__decor-bubbles--b{width:clamp(20px,4vw,38px);right:clamp(58px,15vw,230px);bottom:clamp(96px,16vw,150px);opacity:.2;animation:lpccBob 5s ease-in-out .9s infinite}.lp-coastal-color__intro{padding:8px 0 24px;background:var(--lpcc-cream);text-align:center}.lp-coastal-color__intro-inner{max-width:720px;margin:0 auto}.lp-coastal-color__intro-mark{display:block;width:52px;margin:0 auto 18px;color:var(--lpcc-coral)}.lp-coastal-color__intro-mark svg{display:block;width:100%;height:auto}.lp-coastal-color__intro-copy{margin:0;font-size:clamp(1.15rem,3.4vw,1.5rem);line-height:1.5;font-weight:500;color:var(--lpcc-ink);text-wrap:balance}.lp-coastal-color__intro-copy p{margin:0}.lp-coastal-color__products{padding:0;background:linear-gradient(180deg,var(--lpcc-cream) 0%,#ffffff 100%)}.lp-coastal-color__products-head{max-width:640px}.lp-coastal-color__products-grid{margin-top:28px;display:grid;gap:18px;grid-template-columns:1fr}.lp-coastal-color__card{display:flex;flex-direction:column;border:1px solid var(--lpcc-border);border-radius:var(--lpcc-radius-lg);overflow:hidden;background:var(--lpcc-shell);box-shadow:var(--lpcc-shadow-sm);height:100%}.lp-coastal-color__card:hover{transform:translateY(-4px);box-shadow:var(--lpcc-shadow)}.lp-coastal-color__card-media{display:block;aspect-ratio:4 / 5;background:var(--lpcc-ocean-tint);position:relative}.lp-coastal-color__card-media img{display:block;width:100%;height:100%;object-fit:cover}.lp-coastal-color__card-media--placeholder:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 32%,rgba(217,79,52,.14) 0 40px,transparent 41px),radial-gradient(circle at 74% 70%,rgba(31,107,130,.16) 0 56px,transparent 57px)}.lp-coastal-color__card-body{padding:24px;display:flex;flex-direction:column;gap:12px;flex:1}.lp-coastal-color__card-specs{margin:0;font-size:.76rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--lpcc-ocean)}.lp-coastal-color__card-name{margin:0;font-family:Gilroy,GTWalsheim,GT Walsheim,Avenir Next,sans-serif;font-size:1.35rem;font-weight:700;line-height:1.15;color:var(--lpcc-ink);text-transform:none;letter-spacing:-.01em}.lp-coastal-color__card-headline{margin:0;font-size:1.02rem;font-weight:700;line-height:1.35;color:var(--lpcc-coral-deep)}.lp-coastal-color__card-copy{margin:0;font-size:.96rem;line-height:1.55;color:var(--lpcc-muted)}.lp-coastal-color__card-copy p{margin:0}.lp-coastal-color__card-bullets{margin:4px 0 0;padding:0;list-style:none;display:grid;gap:10px}.lp-coastal-color__card-bullets li{position:relative;padding-left:28px;font-size:.94rem;line-height:1.45;color:var(--lpcc-body)}.lp-coastal-color__card-bullets li:before{content:"";position:absolute;left:0;top:.15em;width:18px;height:18px;border-radius:999px;background:var(--lpcc-coral-soft);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 6.2l2.6 2.6L10 3.2' fill='none' stroke='%23b83c22' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}.lp-coastal-color__card-actions{margin-top:auto;padding-top:8px}.lp-coastal-color__card-actions .lp-coastal-color__button{width:100%}.lp-coastal-color__add-form{display:block;margin:0;width:100%}.lp-coastal-color__benefits{padding:46px 0;background:radial-gradient(700px 320px at 12% 0%,rgba(31,107,130,.1),transparent 60%),var(--lpcc-ocean-tint)}.lp-coastal-color__benefits-grid{margin:0;padding:0;list-style:none;display:grid;gap:16px;grid-template-columns:1fr}.lp-coastal-color__benefit{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:26px;border-radius:var(--lpcc-radius);background:var(--lpcc-shell);border:1px solid var(--lpcc-border-cool);box-shadow:var(--lpcc-shadow-sm);text-align:left}.lp-coastal-color__benefit-head{display:flex;align-items:center;gap:14px}.lp-coastal-color__benefit-icon{flex:0 0 auto;width:44px;height:44px;border-radius:12px;background:var(--lpcc-coral-soft);color:var(--lpcc-coral-deep);display:inline-flex;align-items:center;justify-content:center;overflow:hidden}.lp-coastal-color__benefit-icon svg{width:22px;height:22px}.lp-coastal-color__benefit-icon img{display:block;width:100%;height:100%;object-fit:cover}.lp-coastal-color__benefit-title{margin:0;font-family:Gilroy,GTWalsheim,GT Walsheim,Avenir Next,sans-serif;font-size:1.15rem;font-weight:700;color:var(--lpcc-ink);text-transform:none;letter-spacing:-.01em}.lp-coastal-color__benefit-text{margin:0;font-size:.95rem;line-height:1.5;color:var(--lpcc-muted)}.lp-coastal-color__cta{padding:52px 0;background:var(--lpcc-cream)}.lp-coastal-color__cta-shell{position:relative;overflow:hidden;border-radius:var(--lpcc-radius-lg);padding:44px 28px;text-align:center;color:#fff;background:radial-gradient(620px 260px at 12% 8%,rgba(255,255,255,.14),transparent 60%),linear-gradient(135deg,var(--lpcc-coral) 0%,var(--lpcc-coral-deep) 100%);box-shadow:0 20px 44px #b83c2247}.lp-coastal-color__cta-wave{position:absolute;left:0;right:0;bottom:0;width:100%;height:clamp(40px,7vw,84px);overflow:hidden;z-index:1;color:#ffffff1f;pointer-events:none}.lp-coastal-color__cta-wave svg{display:block;width:200%;height:100%}.lp-coastal-color__cta-wave--animated svg{animation:lpccWaveDrift 22s linear infinite}.lp-coastal-color__cta-bubbles{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.lp-coastal-color__cta-bubble{position:absolute;bottom:-28px;width:var(--lpcc-bubble-size, 16px);height:var(--lpcc-bubble-size, 16px);border-radius:999px;background:#ffffff80;opacity:0;animation:lpccRise var(--lpcc-bubble-duration, 9s) linear var(--lpcc-bubble-delay, 0s) infinite}.lp-coastal-color__cta-inner{position:relative;z-index:2}.lp-coastal-color__cta-eyebrow{display:inline-block;margin:0 0 12px;font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#ffffffd9}.lp-coastal-color__cta-heading{margin:0 auto;max-width:18ch;font-family:Gilroy,GTWalsheim,GT Walsheim,Avenir Next,sans-serif;font-size:clamp(2.1rem,5.4vw,3rem);font-weight:700;line-height:1.08;letter-spacing:-.015em;color:#fff;text-transform:none}.lp-coastal-color__cta-copy{margin:14px auto 0;max-width:52ch;font-size:clamp(1rem,3.2vw,1.15rem);line-height:1.55;color:#ffffffeb}.lp-coastal-color__cta .lp-coastal-color__button-row{justify-content:center}.lp-coastal-color--reveal-ready [data-lpcc-reveal]{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease;will-change:opacity,transform}.lp-coastal-color--reveal-ready [data-lpcc-reveal].is-visible{opacity:1;transform:none}@media screen and (max-width:749px){.lp-coastal-color__heading,.lp-coastal-color__section-heading,.lp-coastal-color__cta-heading{letter-spacing:-.03em}.lp-coastal-color__products--hide-copy-mobile .lp-coastal-color__card-copy,.lp-coastal-color__products--hide-bullets-mobile .lp-coastal-color__card-bullets{display:none}.lp-coastal-color__hero-content{order:1}}@media screen and (min-width:750px){.lp-coastal-color__container{width:min(1000px,calc(100% - 64px))}.lp-coastal-color__hero{padding:56px 0 84px}.lp-coastal-color__intro{padding:12px 0 35px}.lp-coastal-color__benefits{padding:64px 0}.lp-coastal-color__products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lp-coastal-color__benefits-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.lp-coastal-color__cta{padding:72px 0}.lp-coastal-color__cta-shell{padding:60px 48px}}@media screen and (min-width:990px){.lp-coastal-color__hero-layout{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:44px}.lp-coastal-color__hero-media{aspect-ratio:1 / 1}.lp-coastal-color__card-body{padding:28px}}.lp-coastal-color__gallery{padding:48px 0 54px;overflow:hidden;background:linear-gradient(180deg,#ffffff 0%,var(--lpcc-cream) 100%)}.lp-coastal-color__gallery-head{max-width:620px;margin:0 auto;text-align:center}.lp-coastal-color__eyebrow--centered{justify-content:center}.lp-coastal-color__gallery-track{margin-top:26px;display:grid;grid-auto-flow:column;grid-auto-columns:min(74%,320px);gap:14px;overflow-x:auto;padding:10px 6px 20px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--lpcc-border-cool) transparent}.lp-coastal-color__gallery-track::-webkit-scrollbar{height:8px}.lp-coastal-color__gallery-track::-webkit-scrollbar-thumb{background:var(--lpcc-border-cool);border-radius:999px}.lp-coastal-color__gallery-item{margin:0;position:relative;scroll-snap-align:center;aspect-ratio:4 / 5;border-radius:var(--lpcc-radius-lg);overflow:hidden;border:1px solid var(--lpcc-border);background:var(--lpcc-shell);box-shadow:var(--lpcc-shadow-sm);transform:rotate(var(--lpcc-tilt, 0deg));transition:transform .25s ease,box-shadow .25s ease}.lp-coastal-color__gallery-item:nth-child(odd){--lpcc-tilt: -1.2deg}.lp-coastal-color__gallery-item:nth-child(2n){--lpcc-tilt: 1.2deg}.lp-coastal-color__gallery-track--straight .lp-coastal-color__gallery-item{--lpcc-tilt: 0deg}.lp-coastal-color__gallery-item:hover{transform:rotate(0) translateY(-4px);box-shadow:var(--lpcc-shadow)}.lp-coastal-color__gallery-media{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.lp-coastal-color__gallery-media img{display:block;width:100%;height:100%;object-fit:cover}.lp-coastal-color__gallery-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:block;background:radial-gradient(circle at 26% 30%,rgba(217,79,52,.14) 0 30px,transparent 31px),radial-gradient(circle at 70% 72%,rgba(31,107,130,.16) 0 44px,transparent 45px),linear-gradient(150deg,#fff6ef,#eef4f4)}.lp-coastal-color__gallery-caption{position:absolute;left:12px;bottom:12px;max-width:calc(100% - 24px);margin:0;padding:7px 13px;border-radius:999px;background:#fdf7eef0;color:var(--lpcc-ink);font-size:.8rem;font-weight:600;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 4px 12px #0f3b4a24;pointer-events:none}@media screen and (min-width:750px){.lp-coastal-color__gallery{padding:64px 0 76px}.lp-coastal-color__gallery-track{margin-top:34px;grid-auto-flow:row;grid-auto-columns:unset;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;overflow:visible;scroll-snap-type:none;padding:12px 0 0}.lp-coastal-color__gallery-item:nth-child(3n+2){margin-top:28px}}@media(prefers-reduced-motion:reduce){.lp-coastal-color__gallery-item,.lp-coastal-color__gallery-item:hover{transform:rotate(var(--lpcc-tilt, 0deg));transition:none}}@keyframes lpccWaveDrift{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes lpccBob{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-9px) rotate(3deg)}}@keyframes lpccLobsterFloat{0%{transform:translate(0) rotate(-4deg)}22%{transform:translate(2px,-7px) rotate(3deg)}50%{transform:translate(-2px,-13px) rotate(6deg)}78%{transform:translate(-3px,-6px) rotate(-2deg)}to{transform:translate(0) rotate(-4deg)}}@keyframes lpccRise{0%{transform:translateY(0) scale(.7);opacity:0}12%{opacity:.55}85%{opacity:.35}to{transform:translateY(-440px) scale(1.1);opacity:0}}@media(prefers-reduced-motion:reduce){.lp-coastal-color__button:hover,.lp-coastal-color__card:hover{transform:none}.lp-coastal-color--reveal-ready [data-lpcc-reveal]{opacity:1;transform:none;transition:none}.lp-coastal-color__hero-wave--animated svg,.lp-coastal-color__cta-wave--animated svg,.lp-coastal-color__lobster,.lp-coastal-color__decor-bubbles{animation:none!important}.lp-coastal-color__cta-bubble{display:none}}
/*# sourceMappingURL=/cdn/shop/t/199/assets/lp-coastal-color.css.map */