.bf-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--bf-hero-gap, 0);max-width:100vw;isolation:isolate}.bf-hero__header-hook{position:absolute;inset-block-start:0;inset-inline:0;height:0}.bf-hero__panel{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;isolation:isolate;background:#111;text-align:center}.bf-hero--content-start .bf-hero__panel{justify-content:flex-start}.bf-hero--content-end .bf-hero__panel{justify-content:flex-end}.bf-hero--mobile-auto .bf-hero__panel{aspect-ratio:var(--bf-hero-ratio-mobile, .8)}.bf-hero--mobile-small .bf-hero__panel{min-height:50vh;min-height:50svh}.bf-hero--mobile-medium .bf-hero__panel{min-height:65vh;min-height:65svh}.bf-hero--mobile-full .bf-hero__panel{min-height:100vh;min-height:100svh}.bf-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.bf-hero__media-item{position:absolute;top:0;right:0;bottom:0;left:0}.bf-hero__media-item img,.bf-hero__media-item .placeholder-svg{display:block;width:100%;height:100%;object-fit:cover}.bf-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--bf-hero-overlay-color, #000);opacity:var(--bf-hero-overlay-opacity, 0);pointer-events:none}.bf-hero__content{display:flex;flex-direction:column;align-items:center;max-width:56rem;padding:4rem 2rem;color:var(--bf-hero-text-color, #fff)}.bf-hero__subheading{margin:0 0 .8rem;color:inherit;font-size:1.1rem;line-height:1.4;letter-spacing:.12em;text-transform:uppercase}.bf-hero__heading{margin:0;color:inherit;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:calc(var(--font-heading-scale, 1) * 2.4rem);line-height:1.15;letter-spacing:.04em;text-transform:uppercase;word-break:break-word}.bf-hero__text{margin-top:.8rem;color:inherit;font-size:1.3rem;line-height:1.5}.bf-hero__text>:first-child{margin-top:0}.bf-hero__text>:last-child{margin-bottom:0}.bf-hero__button{display:inline-flex;align-items:center;justify-content:center;min-height:3.6rem;margin-top:var(--bf-hero-content-gap, 12px);padding:.8rem 2rem;border-radius:var(--bf-hero-button-radius, 4px);background:var(--bf-hero-button-bg, #fff);color:var(--bf-hero-button-text, #121212);font-size:1rem;font-weight:500;line-height:1.2;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;transition:background-color .2s ease,color .2s ease}.bf-hero__button:hover,.bf-hero__panel--linked:hover .bf-hero__button{background:var(--bf-hero-button-hover-bg, #121212);color:var(--bf-hero-button-hover-text, #fff)}.bf-hero__button:focus-visible{outline:.2rem solid var(--bf-hero-text-color, #fff);outline-offset:.3rem}.bf-hero__panel--linked .bf-hero__button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.bf-hero__button--hidden{width:0;min-height:0;height:0;margin:0;padding:0;overflow:hidden}.bf-hero__panel--linked .bf-hero__button--hidden:focus-visible:after{outline:.2rem solid var(--bf-hero-text-color, #fff);outline-offset:-.6rem}@media screen and (min-width:750px){.bf-hero{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr)}.bf-hero--count-1{grid-template-columns:minmax(0,1fr)}.bf-hero--count-3 .bf-hero__panel:last-child{grid-column:1 / -1}.bf-hero__panel,.bf-hero--mobile-auto .bf-hero__panel,.bf-hero--mobile-small .bf-hero__panel,.bf-hero--mobile-medium .bf-hero__panel,.bf-hero--mobile-full .bf-hero__panel{aspect-ratio:auto;min-height:0}.bf-hero--height-full{height:100vh}.bf-hero--height-large{height:90vh}.bf-hero--height-medium{height:70vh}.bf-hero--height-small{height:50vh}.bf-hero--height-custom{height:var(--bf-hero-custom-height, 800px)}.bf-hero--height-auto{grid-auto-rows:auto}.bf-hero--height-auto .bf-hero__panel,.bf-hero--height-auto.bf-hero--mobile-auto .bf-hero__panel,.bf-hero--height-auto.bf-hero--mobile-small .bf-hero__panel,.bf-hero--height-auto.bf-hero--mobile-medium .bf-hero__panel,.bf-hero--height-auto.bf-hero--mobile-full .bf-hero__panel{aspect-ratio:var(--bf-hero-ratio, 1.5)}.bf-hero__heading{font-size:calc(var(--font-heading-scale, 1) * 3rem)}}@media(prefers-reduced-motion:reduce){.bf-hero__button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/172/assets/section-black-friday-hero.css.map */