body.coastal-home .shopify-section-group-header-group{position:relative;margin-bottom:-137px;z-index:50}
body.coastal-home .site-header-shell,body.coastal-home .header{background:transparent;box-shadow:none;backdrop-filter:none}
body.coastal-home .site-header-shell{border-bottom-color:rgba(29,29,31,.12)}
body.coastal-home .header .desktop-nav{border-top-color:rgba(29,29,31,.12)}
body.coastal-home .header-search{background:rgba(255,255,255,.58);border-color:rgba(29,29,31,.15);backdrop-filter:blur(12px)}
body.coastal-home .hero-campaign .hero-copy{padding-top:170px}


@media(max-width:989px){body.coastal-home .shopify-section-group-header-group{margin-bottom:-135px}body.coastal-home .hero-campaign .hero-copy{padding-top:168px}}
@media(max-width:700px){body.coastal-home .hero-campaign .hero-copy{padding-top:169px}}


body.coastal-home .shopify-section-group-header-group{position:sticky;top:0;isolation:isolate}
body.coastal-home .site-header-shell::before{content:"";position:absolute;inset:0 0 -80px;z-index:-1;pointer-events:none;background:linear-gradient(to bottom,rgba(255,255,255,.96) 0%,rgba(255,255,255,.84) 45%,rgba(255,255,255,.66) 64%,rgba(255,255,255,0) 100%)}
body.coastal-home .header .desktop-nav{font-size:14px;font-weight:600;color:#171719}
body.coastal-home .header-actions{color:#171719}
body.coastal-home .header-actions svg{stroke-width:1.7}
body.coastal-home.coastal-scrolled .site-header-shell{background:rgba(255,255,255,.9);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 3px 16px #00000008}
body.coastal-home.coastal-scrolled .site-header-shell::before{opacity:0}
body.coastal-home .site-header-shell{transition:background .2s,box-shadow .2s}
@media(prefers-reduced-motion:reduce){body.coastal-home .site-header-shell{transition:none}}


@media(min-width:701px){body.coastal-home .hero-campaign{height:92svh;min-height:680px;max-height:960px}}
@media(min-width:701px) and (max-height:740px){body.coastal-home .hero-campaign{min-height:620px}}
@media(max-width:700px){body.coastal-home .hero-campaign .hero-media{height:42svh;min-height:320px}}


.hero-media{isolation:isolate}.hero-media .hero-redwoods-layer{position:absolute!important;inset:0;width:100%;height:100%;opacity:0;animation:hero-dissolve 20s ease-in-out infinite;pointer-events:none}
@keyframes hero-dissolve{0%,20%{opacity:0}45%,70%{opacity:1}95%,100%{opacity:0}}
body.hero-paused .hero-redwoods-layer{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.hero-media .hero-redwoods-layer{animation:none;opacity:1}}


.hero-media .hero-redwoods-layer{animation:hero-redwoods-three 30s ease-in-out infinite}
.hero-media .hero-ocean-layer{position:absolute!important;inset:0;width:100%;height:100%;opacity:0;animation:hero-ocean-three 30s ease-in-out infinite;pointer-events:none}
@keyframes hero-redwoods-three{0%,16.667%{opacity:0}33.333%,66.667%{opacity:1}67%,100%{opacity:0}}
@keyframes hero-ocean-three{0%,50%{opacity:0}66.667%,83.333%{opacity:1}100%{opacity:0}}
body.hero-paused .hero-redwoods-layer,body.hero-paused .hero-ocean-layer{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.hero-media .hero-redwoods-layer{animation:none;opacity:1}.hero-media .hero-ocean-layer{animation:none;opacity:0}}


.hero-campaign .button{background:#36564A;border-color:#36564A;color:#fff}
.hero-campaign .button:hover{background:#284237;border-color:#284237}
.retail-category>div{background:#F3F4F6!important;border-color:#E0E3E7!important}
.retail-category svg{color:#36564A}
.retail-category:hover svg{color:#284237}
.retail-feature.retail-feature--sage{background:#EDF2EE}
.retail-feature-copy>a,.retail-section-top>a{color:#36564A}
.footer .newsletter button{color:#36564A}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline-color:#36564A}
.header .nav-panel a:hover,.header .nav-panel a:focus-visible{background:#EDF2EE}


@media(max-width:700px){
body.coastal-home .hero-campaign{position:relative;display:block;height:calc(100svh - 24px);min-height:740px;max-height:940px;overflow:hidden}
body.coastal-home .hero-campaign .hero-media{position:absolute;inset:0;width:100%;height:100%;min-height:0}
body.coastal-home .hero-campaign .hero-media img{height:76%;width:100%;object-fit:cover;object-position:88% center}
body.coastal-home .hero-campaign::after{content:"";display:block;position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(to bottom,rgba(245,246,248,.12) 28%,rgba(245,246,248,.14) 40%,rgba(245,246,248,.78) 65%,rgba(245,246,248,1) 76%,rgba(245,246,248,1) 100%)}
body.coastal-home .hero-campaign .hero-copy{position:absolute;inset:auto 0 0;z-index:2;width:100%;height:auto;min-height:0;padding:30px 26px 66px;justify-content:flex-end}
body.coastal-home .hero-campaign .eyebrow{margin-bottom:14px;font-size:9px}
body.coastal-home .hero-campaign h1{font-size:clamp(40px,11.5vw,58px);line-height:1.03;margin-bottom:16px}
body.coastal-home .hero-campaign .hero-description{font-size:14px;max-width:300px;line-height:1.55;margin-bottom:20px}
body.coastal-home .hero-campaign .button{align-self:flex-start;min-height:46px}
}

.hero-motion-toggle{position:absolute;right:24px;bottom:20px;z-index:4;min-height:44px;padding:10px 16px;border:1px solid #d5dcd8;border-radius:24px;background:rgba(255,255,255,.88);color:#284237;font:inherit;font-size:12px;cursor:pointer;backdrop-filter:blur(12px)}
.hero-motion-toggle[hidden]{display:none}
.hero-campaign:not(.hero-motion-ready) .hero-redwoods-layer,.hero-campaign:not(.hero-motion-ready) .hero-ocean-layer,.hero-campaign.hero-motion-paused .hero-redwoods-layer,.hero-campaign.hero-motion-paused .hero-ocean-layer{animation-play-state:paused}
@media(max-width:700px){.hero-motion-toggle{right:16px;bottom:12px;min-height:40px;padding:8px 14px}}
@media(prefers-reduced-motion:reduce){.hero-motion-toggle{display:none}}