.bh-hero{position:relative;isolation:isolate;width:100%;min-height:var(--bh-hero-height-m);padding:var(--bh-hero-pad-y-m) var(--bh-hero-pad-x-m);background:rgb(var(--color-background));overflow:hidden;display:flex;color:rgb(var(--color-foreground))}@media(min-width:750px){.bh-hero{min-height:var(--bh-hero-height-d);padding:var(--bh-hero-pad-y-d) var(--bh-hero-pad-x-d)}}.bh-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.bh-hero__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.bh-hero__img--mobile{display:block}.bh-hero__img--desktop{display:none}@media(min-width:750px){.bh-hero__img--mobile{display:none}.bh-hero__img--desktop{display:block}}.bh-hero__media:not(:has(.bh-hero__img--mobile)) .bh-hero__img--desktop{display:block}.bh-hero__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--hero-overlay-color);opacity:var(--hero-overlay-opacity);z-index:1;pointer-events:none}.bh-hero__inner{position:relative;z-index:2;flex:1;display:flex;width:100%}.bh-hero__content{width:100%;max-width:var(--bh-hero-content-w);display:flex;flex-direction:column;gap:var(--bh-hero-gap)}.bh-hero--pos-top-left .bh-hero__inner{align-items:flex-start;justify-content:flex-start}.bh-hero--pos-top-center .bh-hero__inner{align-items:flex-start;justify-content:center}.bh-hero--pos-top-right .bh-hero__inner{align-items:flex-start;justify-content:flex-end}.bh-hero--pos-middle-left .bh-hero__inner{align-items:center;justify-content:flex-start}.bh-hero--pos-middle-center .bh-hero__inner{align-items:center;justify-content:center}.bh-hero--pos-middle-right .bh-hero__inner{align-items:center;justify-content:flex-end}.bh-hero--pos-bottom-left .bh-hero__inner{align-items:flex-end;justify-content:flex-start}.bh-hero--pos-bottom-center .bh-hero__inner{align-items:flex-end;justify-content:center}.bh-hero--pos-bottom-right .bh-hero__inner{align-items:flex-end;justify-content:flex-end}.bh-hero--align-left .bh-hero__content{text-align:left;align-items:flex-start}.bh-hero--align-center .bh-hero__content{text-align:center;align-items:center}.bh-hero--align-right .bh-hero__content{text-align:right;align-items:flex-end}.bh-hero__eyebrow{margin:0;font-size:var(--bh-hero-eyebrow-size);font-weight:var(--bh-hero-eyebrow-weight);letter-spacing:var(--bh-hero-eyebrow-letter-spacing);text-transform:uppercase;color:var(--bh-hero-eyebrow-color)}.bh-hero__heading{margin:0 0 var(--bh-hero-heading-margin-bottom);max-width:var(--bh-hero-heading-w);font-size:var(--bh-hero-heading-size-m);line-height:var(--bh-hero-heading-line-height);letter-spacing:var(--bh-hero-heading-letter-spacing);font-weight:var(--bh-hero-heading-weight);color:rgb(var(--color-foreground))}.bh-hero__text{margin:0;max-width:var(--bh-hero-text-w);font-size:var(--bh-hero-text-size-m);line-height:var(--bh-hero-text-line-height);letter-spacing:var(--bh-hero-text-letter-spacing);color:rgb(var(--color-foreground))}.bh-hero__text>*{margin:0 0 .5em}.bh-hero__text>*:last-child{margin-bottom:0}@media(min-width:750px){.bh-hero__heading{font-size:var(--bh-hero-heading-size-d)}.bh-hero__text{font-size:var(--bh-hero-text-size-d)}}.bh-hero__buttons{display:flex;flex-wrap:wrap;gap:var(--bh-button-gap);margin-top:4px}.bh-hero__btn{--btn-bg:rgb(var(--color-background));--btn-fg:rgb(var(--color-foreground));--btn-bd: transparent;display:inline-flex;align-items:center;justify-content:center;padding:var(--bh-button-padding-y) var(--bh-button-padding-x);border-radius:var(--bh-button-radius);min-width:var(--bh-button-min-width);font-size:15px;font-weight:600;letter-spacing:.01em;text-decoration:none;background-color:var(--btn-bg);color:var(--btn-fg);border:1.5px solid var(--btn-bd);transition:transform .15s ease,background-color .2s ease,color .2s ease,border-color .2s ease;will-change:transform}.bh-hero__btn:hover{transform:translateY(-1px)}.bh-hero__btn:active{transform:translateY(0)}.bh-hero__btn--primary{--btn-bg: rgb(var(--color-button));--btn-fg: rgb(var(--color-button-text));--btn-bd: rgb(var(--color-button))}.bh-hero__btn--secondary{--btn-bg: transparent;--btn-fg: rgb(var(--color-foreground));--btn-bd: rgb(var(--color-foreground))}.bh-hero__btn--ghost{--btn-bg: transparent;--btn-fg: #ffffff;--btn-bd: rgba(255,255,255,.7)}.bh-hero__btn--ghost:hover{--btn-bg: rgba(255,255,255,.12);--btn-bd: #ffffff}@media(prefers-reduced-motion:reduce){.bh-hero__btn{transition:none}.bh-hero__btn:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/bh-hero.css.map */
