.section-blog-hero{position:relative;z-index:1}.blog-hero{position:relative;overflow:visible;isolation:isolate;--wave-height: 20.625vw ;--wave-overlap: calc(100vw * 21 / 1440);--media-sky-h: 78%}.blog-hero[data-bg]{background-color:rgb(var(--color-brand-warm-white))}@media screen and (max-width:749px){.blog-hero{--wave-height: calc(100vw * 186 / 393);--wave-overlap: calc(100vw * 13 / 393);--media-sky-h: 80%}}@media screen and (min-width:1100px){.blog-hero{--media-sky-h: 78%}.blog-hero:before{content:"";position:absolute;top:0;left:0;right:0;height:var(--media-sky-h);z-index:-1;-webkit-mask-image:linear-gradient(#000,#000),url(shape-wave-sky.svg);mask-image:linear-gradient(#000,#000),url(shape-wave-sky.svg);-webkit-mask-position:top,bottom;mask-position:top,bottom;-webkit-mask-size:100% calc(100% - var(--wave-height) + var(--wave-overlap)),100% var(--wave-height);mask-size:100% calc(100% - var(--wave-height) + var(--wave-overlap)),100% var(--wave-height);-webkit-mask-repeat:no-repeat,no-repeat;mask-repeat:no-repeat,no-repeat}.blog-hero[data-bg=sky]:before{background-color:rgb(var(--color-brand-sky))}.blog-hero[data-bg=warm-white]:before{background-color:rgb(var(--color-brand-warm-white))}.blog-hero[data-bg=peach]:before{background-color:rgb(var(--color-brand-peach))}.blog-hero[data-bg=gold-tint]:before{background-color:rgb(var(--color-brand-gold-tint))}.blog-hero[data-bg=pink]:before{background-color:rgb(var(--color-brand-pink))}}.blog-hero__inner{display:flex;flex-direction:column-reverse;gap:clamp(2rem,6vw,3.8rem);align-items:stretch}.blog-hero__content{display:flex;flex-direction:column;gap:var(--card-gap);align-items:flex-start;width:100%;min-width:0}.blog-hero__title,.blog-hero__subtitle{margin:0;color:rgb(var(--color-brand-primary));word-break:break-word}.blog-hero__subtitle>*{margin:0}.blog-hero__image{position:relative;z-index:1;display:block;width:100%;height:auto;object-fit:contain;transform:translateY(-25px)}@media screen and (max-width:1099px){.blog-hero__media{position:relative;margin-inline:calc(50% - 50vw);padding-inline:calc(50vw - 50%)}.blog-hero__media:before{content:"";position:absolute;top:calc(-1 * var(--section-pad-top));left:0;right:0;height:calc(var(--media-sky-h) + var(--section-pad-top));z-index:-1;-webkit-mask-image:linear-gradient(#000,#000),url(shape-wave-sky.svg);mask-image:linear-gradient(#000,#000),url(shape-wave-sky.svg);-webkit-mask-position:top,bottom;mask-position:top,bottom;-webkit-mask-size:100% calc(100% - var(--wave-height) + var(--wave-overlap)),100% var(--wave-height);mask-size:100% calc(100% - var(--wave-height) + var(--wave-overlap)),100% var(--wave-height);-webkit-mask-repeat:no-repeat,no-repeat;mask-repeat:no-repeat,no-repeat}.blog-hero[data-bg=sky] .blog-hero__media:before{background-color:rgb(var(--color-brand-sky))}.blog-hero[data-bg=warm-white] .blog-hero__media:before{background-color:rgb(var(--color-brand-warm-white))}.blog-hero[data-bg=peach] .blog-hero__media:before{background-color:rgb(var(--color-brand-peach))}.blog-hero[data-bg=gold-tint] .blog-hero__media:before{background-color:rgb(var(--color-brand-gold-tint))}.blog-hero[data-bg=pink] .blog-hero__media:before{background-color:rgb(var(--color-brand-pink))}}@media screen and (max-width:749px){.blog-hero__media:before{-webkit-mask-image:linear-gradient(#000,#000),url(shape-wave-sky-mobile.svg);mask-image:linear-gradient(#000,#000),url(shape-wave-sky-mobile.svg)}}@media screen and (min-width:750px)and (max-width:1099px){.blog-hero__image{width:74.6%;margin-inline:auto;transform:translateY(0)}}@media screen and (min-width:1100px){.blog-hero__inner{flex-direction:row;align-items:flex-start;justify-content:space-between;gap:0}.blog-hero__content{flex:0 1 49.6%;min-width:0}.blog-hero__media{flex:0 1 35.4%;min-width:0}}.blog-filter{background-color:rgb(var(--color-brand-warm-white));padding:var(--banner-padding-v) 0}.blog-filter__list{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-xs) var(--space-sm)}.blog-filter__pill{display:inline-flex;align-items:center;padding:1rem 2rem;border-radius:var(--radius-button);border:1px solid rgba(var(--color-brand-primary),.25);background:transparent;color:rgb(var(--color-brand-primary));text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.blog-filter__pill:hover{border-color:rgba(var(--color-brand-primary),.5);background:rgba(var(--color-brand-primary),.06)}.blog-filter__pill--active{background:rgb(var(--color-brand-primary));border-color:transparent;color:rgb(var(--color-text-on-dark))}
/*# sourceMappingURL=/cdn/shop/t/28/assets/section-blog-post-homebanner.css.map */