.bb-hero{display:grid;grid-template-columns:minmax(0,1fr)}.bb-hero__media{aspect-ratio:var(--bb-ratio-card);background:var(--bb-color-bg-alt);max-height:48svh;overflow:hidden;position:relative;width:100%}.bb-hero__media picture,.bb-hero__media img,.bb-hero__media video,.bb-hero__media svg{display:block;height:100%;object-fit:cover;width:100%}.bb-hero__placeholder{fill:var(--bb-color-text-soft);opacity:.35}.bb-hero__text{padding:var(--bb-space-5) var(--bb-gutter) var(--bb-space-6)}.bb-hero__inner>*+*{margin-block-start:var(--bb-space-3)}.bb-hero__inner .bb-btn{margin-block-start:var(--bb-space-4);width:100%}.bb-hero__rating{align-items:center;display:flex;gap:var(--bb-space-1)}.bb-hero--text .bb-hero__text{margin-inline:auto;max-width:calc(var(--bb-container-text) + var(--bb-gutter) * 2);padding-block:var(--bb-space-8);text-align:center}.bb-hero--text .bb-hero__inner .bb-btn{width:auto}@media(min-width:750px){.bb-hero--split{align-items:center;grid-template-columns:minmax(0,3fr) minmax(0,2fr)}.bb-hero--split .bb-hero__media,.bb-hero--full .bb-hero__media{aspect-ratio:auto;max-height:none;min-height:min(76svh,72rem)}.bb-hero--split .bb-hero__media>*,.bb-hero--full .bb-hero__media>*{top:0;right:0;bottom:0;left:0;position:absolute}.bb-hero--split .bb-hero__text{padding:var(--bb-space-7) var(--bb-gutter)}.bb-hero__inner .bb-btn{width:auto}.bb-hero--full{position:relative}.bb-hero--full .bb-hero__text{align-items:center;background:transparent;display:flex;top:0;right:0;bottom:0;left:0;margin-inline:auto;max-width:var(--bb-container);padding:var(--bb-space-7) var(--bb-gutter);pointer-events:none;position:absolute}.bb-hero--full .bb-hero__inner{background:var(--bb-color-bg);max-width:48rem;padding:var(--bb-space-6);pointer-events:auto}}.bb-hero--bento{display:block;padding:var(--bb-bento-gap)}.bb-hero__grid{display:grid;gap:var(--bb-bento-gap);grid-template-columns:minmax(0,1fr)}.bb-hero__brand{align-items:flex-end;background:var(--bb-color-bg-dark);border-radius:var(--bb-radius-panel);color:var(--bb-color-text-on-dark);display:flex;isolation:isolate;min-height:max(56svh,44rem);overflow:hidden;position:relative}.bb-hero--bento .bb-hero__media{aspect-ratio:auto;top:0;right:0;bottom:0;left:0;max-height:none;position:absolute;z-index:-1}.bb-hero--bento .bb-hero__media img{object-position:50% 68%}.bb-hero--bento .bb-hero__media:after{background:var(--bb-scrim-rise);content:"";top:0;right:0;bottom:0;left:0;position:absolute}.bb-hero--bento .bb-hero__text{--bb-color-accent: rgb(var(--bb-rgb-paper));--bb-color-accent-text: rgb(var(--bb-rgb-ink));--bb-color-text-soft: rgba(var(--bb-rgb-paper), .92);--bb-color-focus: rgb(var(--bb-rgb-paper));padding:var(--bb-space-5);width:100%}.bb-hero--bento .bb-h1{font-size:var(--bb-text-5xl);line-height:var(--bb-leading-display)}.bb-hero--bento .bb-lede{font-size:var(--bb-text-base);max-width:42rem}.bb-hero--bento .bb-hero__inner .bb-btn{width:auto}.bb-hero__best{background:rgb(var(--bb-rgb-cream));border-radius:var(--bb-radius-panel);color:rgb(var(--bb-rgb-ink));display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);overflow:hidden}.bb-hero__best-media{display:block;min-height:100%;overflow:hidden;position:relative}.bb-hero__best-media img,.bb-hero__best-media svg{display:block;height:100%;top:0;right:0;bottom:0;left:0;object-fit:cover;position:absolute;width:100%}.bb-hero__best-body{display:flex;flex-direction:column;gap:var(--bb-space-1);justify-content:center;min-width:0;padding:var(--bb-space-4) var(--bb-space-4) var(--bb-space-4) var(--bb-space-2)}.bb-hero__best .bb-eyebrow{font-size:var(--bb-text-xs)}.bb-hero__best-title{font-family:var(--bb-font-heading);font-size:var(--bb-text-2xl);font-synthesis:none;font-weight:var(--bb-weight-heading);letter-spacing:0;line-height:var(--bb-leading-tight);margin:0}.bb-hero__best-title a{color:inherit;text-decoration:none}.bb-hero__best-line{display:none;font-size:var(--bb-text-sm)}.bb-hero__best-price{font-size:var(--bb-text-base);margin:0}.bb-hero__best .bb-btn{margin-block-start:var(--bb-space-2);min-height:var(--bb-tap);padding-inline:var(--bb-space-3)}.bb-hero__best-form{display:grid;gap:var(--bb-space-2)}.bb-hero__best-select{background:transparent;border-color:var(--bb-color-line);border-radius:var(--bb-radius-pill);padding-inline:var(--bb-space-4)}@media(max-width:749px){.bb-hero--bento .bb-hero__media:after{background:linear-gradient(to top,rgba(var(--bb-rgb-ink),.74),rgba(var(--bb-rgb-ink),.5) 44%,rgba(var(--bb-rgb-ink),0) 80%)}}@media(max-width:989px){.bb-hero__best-media img{-webkit-mask-image:linear-gradient(to right,#000 78%,transparent 100%);mask-image:linear-gradient(to right,#000 78%,transparent 100%)}}@media(min-width:750px){.bb-hero--bento .bb-hero__text{padding:var(--bb-space-7)}.bb-hero__best-body{padding:var(--bb-space-5)}.bb-hero__best-line{display:block}}@media(min-width:990px){.bb-hero__grid{grid-template-columns:minmax(0,2.2fr) minmax(0,1fr);height:clamp(58rem,calc(100svh - 15rem),86rem)}.bb-hero__grid--solo{grid-template-columns:minmax(0,1fr)}.bb-hero__brand{min-height:0}.bb-hero__best{display:flex;flex-direction:column;min-height:0}.bb-hero__best-media{aspect-ratio:1 / 1;flex:0 1 auto;margin-block:auto;min-height:0;width:100%}.bb-hero__best-media img{-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 10%,#000 90%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 10%,#000 90%,transparent 100%)}.bb-hero__best-body{flex:none;gap:var(--bb-space-2);padding:var(--bb-space-2) var(--bb-space-5) var(--bb-space-5)}.bb-hero__best-title{font-size:var(--bb-text-3xl)}.bb-hero__best .bb-btn{min-height:5.2rem}}.bb-hero{position:relative}.bb-hero__count{margin-block-start:var(--bb-space-3)}.bb-hero__count strong{font-weight:var(--bb-weight-strong)}
/*# sourceMappingURL=/cdn/shop/t/20/assets/bb-hero.css.map */