#MainContent{background-color:#fff7eb;background-image:linear-gradient(to top,#fff7eb 0,#fff7eb00 180px),url(coastal-page-background-tall.png);background-position:center bottom,center top;background-size:100% 100%,100% auto;background-repeat:no-repeat}#MainContent .contact-coastal,#MainContent .catalog-hero,#MainContent .catalog-products,#MainContent .coastal-home,#MainContent .shore-hero,#MainContent .ccp-info-page,#MainContent .ccp-article-page{background-color:transparent;background-image:none}#MainContent .shore-hero:before{background-image:none}#MainContent .catalog-products{background:transparent}#MainContent .catalog-hero__copy{background:#fff8eaeb}#MainContent img{max-width:100%}.coastal-header__environment,.ccp-blog-hero,.ccp-article-hero,.hero{background-size:cover}@media(max-width:680px){#MainContent{background-size:100% 100%,100% auto}#MainContent .contact-coastal{padding-inline:14px}.contact-coastal .name-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.contact-coastal .quote{gap:12px}.contact-coastal .quote blockquote{font-size:25px}.catalog-hero__inner>*{min-width:0}}body[data-coastal-background=home] #MainContent{background-image:linear-gradient(to top,#fff7eb 0,#fff7eb00 180px),url(coastal-background-home.png)}body[data-coastal-background=catalog] #MainContent{background-image:linear-gradient(to top,#fff7eb 0,#fff7eb00 180px),url(coastal-background-catalog.png)}body[data-coastal-background=stories] #MainContent{background-image:linear-gradient(to top,#fff7eb 0,#fff7eb00 180px),url(coastal-background-stories.png)}body[data-coastal-background=resources] #MainContent{background-image:linear-gradient(to top,#fff7eb 0,#fff7eb00 180px),url(coastal-background-resources.png)}body[data-coastal-background=catalog] #MainContent:has(.catalog-hero){position:relative;isolation:isolate}body[data-coastal-background=catalog] #MainContent:has(.catalog-hero):before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:0 0 auto;height:66.6667vw;background:url(catalog-hero-waves-v2.png) center top/100% auto no-repeat;-webkit-mask-image:linear-gradient(to bottom,#000 70%,transparent 100%);mask-image:linear-gradient(to bottom,#000 70%,transparent 100%)}#MainContent .catalog-hero__copy{background:#326887;color:#fff9ed}@media(max-width:849px){body[data-coastal-background=catalog] #MainContent:has(.catalog-hero):before{height:1350px;background-size:auto 1350px;background-position:64% top}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/coastal-backgrounds.css.map */