.blog-post-banner{--blog-post-banner-title-size: clamp(4.8rem, 9vw, 15rem);--blog-post-banner-meta-size: 1.1rem;--blog-post-banner-gap: 0;background:var(--blog-post-banner-background, rgb(var(--color-background)));color:var(--blog-post-banner-text, rgb(var(--color-foreground)))}.blog-post-banner__inner{min-height:100svh}.blog-post-banner__media{display:block;overflow:hidden;background:rgba(var(--color-foreground),.04)}.blog-post-banner__media img,.blog-post-banner__media svg{display:block;width:100%;height:100%;object-fit:cover}.blog-post-banner__placeholder{min-height:36rem}.blog-post-banner__content{display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(3.2rem,5vw,6rem) 20px}.blog-post-banner__meta{display:flex;align-items:center;flex-wrap:wrap;gap:.8rem;margin-bottom:2.4rem;font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight);font-size:var(--blog-post-banner-meta-size);line-height:1.2;letter-spacing:var(--font-body-letter-spacing, 0);text-transform:uppercase}.blog-post-banner__meta-bullet{width:7px;height:7px;display:inline-block;flex:0 0 auto;background:currentColor;transform:rotate(45deg)}.blog-post-banner__meta-separator{opacity:.55}.blog-post-banner__title{max-width:12ch;margin:0;color:currentColor;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:var(--blog-post-banner-title-size);line-height:.92;letter-spacing:var(--heading-letter-spacing, -.03em);text-transform:var(--font-heading-text-transform, uppercase)}.blog-post-banner--split .blog-post-banner__inner{display:grid}.blog-post-banner--split .blog-post-banner__media{min-height:50svh}.blog-post-banner--stacked .blog-post-banner__inner{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100svh;padding:clamp(8rem,12svh,12rem) 20px 0;overflow:hidden}.blog-post-banner--stacked .blog-post-banner__content{width:100%;padding:0;align-items:center;text-align:center;z-index:1}.blog-post-banner--stacked .blog-post-banner__meta{margin-bottom:1.6rem}.blog-post-banner--stacked .blog-post-banner__title{max-width:min(100%,13ch)}.blog-post-banner--stacked .blog-post-banner__media{width:min(100%,76rem);margin-top:-.16em;height:min(58svh,52rem);min-height:0}.blog-post-banner--image-spaced .blog-post-banner__inner{gap:var(--blog-post-banner-gap)}@media screen and (min-width:750px){.blog-post-banner__content,.blog-post-banner--stacked .blog-post-banner__inner{padding-inline:32px}}@media screen and (min-width:990px){.blog-post-banner__inner{min-height:100svh}.blog-post-banner--split .blog-post-banner__inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.blog-post-banner--split .blog-post-banner__media{min-height:100svh}.blog-post-banner--split .blog-post-banner__content{min-height:100svh;padding-inline:clamp(4.8rem,5vw,9rem);padding-bottom:clamp(5.6rem,7vw,12rem)}.blog-post-banner--stacked .blog-post-banner__inner{min-height:100svh;padding-top:clamp(8rem,12svh,14rem)}.blog-post-banner--stacked .blog-post-banner__media{width:min(40vw,76rem);height:min(66svh,68rem);min-height:0}}@media screen and (max-width:989px){.blog-post-banner--split .blog-post-banner__content{min-height:50svh}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/blog-post-banner.css.map */