.shopify-section--bf-showcase{background:#000}.bf-picked.bf-showcase{--bf-showcase-top: var(--bf-deal-offset,calc(var(--sticky-area-height,0px) + 16px));display:block;padding:var(--bf-showcase-before,100px) 0 var(--bf-showcase-after,80px);background:#000;color:#fff}.bf-showcase__stack{position:relative;isolation:isolate}.bf-showcase__panel{position:relative;isolation:isolate;padding:40px 40px 70px;background:#000;scroll-margin-top:calc(var(--bf-deal-height,0px) + var(--bf-deal-gap,0px) + 16px)}.bf-showcase__pixels{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:block;pointer-events:none}.bf-showcase__pixels canvas{position:absolute;top:0;right:0;bottom:0;left:0;image-rendering:pixelated}.bf-showcase__grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,.95fr);align-items:stretch;gap:clamp(30px,4vw,75px);max-width:var(--bf-showcase-width,1440px);margin-inline:auto}.bf-showcase__panel--left .bf-showcase__grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.65fr)}.bf-showcase__panel--left .bf-showcase__feature{grid-column:1;grid-row:1}.bf-showcase__panel--left .bf-showcase__copy{grid-column:2;grid-row:1}.bf-showcase__copy{display:flex;flex-direction:column;min-width:0}.bf-showcase__copy h2{margin:0 0 16px;font:500 clamp(40px,4vw,60px)/1.2 "BF Frank Ruhl Libre",Georgia,serif;letter-spacing:0;text-transform:none;color:inherit}.bf-showcase__description{margin:0 0 20px;font-size:19px;line-height:1.35;color:#aaa}.bf-showcase__link{align-self:flex-start;margin-bottom:36px;font-size:17px;text-decoration:underline;text-underline-offset:5px}.bf-showcase__feature{min-width:0}.bf-showcase__feature a{display:block;height:100%}.bf-showcase__feature img,.bf-showcase__placeholder{display:block;width:100%;height:100%;min-height:550px;max-height:700px;object-fit:cover;border-radius:16px}.bf-showcase__carousel{--floating-controls-inset-inline: 24px;position:relative;min-width:0;margin-top:auto}.bf-showcase__products{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 32px) / 3);gap:16px;width:100%;overflow:auto hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none}.bf-showcase__products>[data-product]{scroll-snap-align:start;scroll-snap-stop:always}.bf-showcase__products img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.bf-showcase__carousel:focus-within>.bf-showcase__carousel-control:not(:has([disabled])){opacity:1;transform:translateY(0)}.bf-showcase .bf-picked__card{padding:0;border-radius:0;background:transparent;color:#fff}.bf-showcase .bf-picked__image{aspect-ratio:auto;border-radius:12px}.bf-showcase .bf-picked__image img{height:auto}.bf-showcase .bf-picked__title{margin:11px 0 5px;font-size:17px;font-weight:400}.bf-showcase .bf-picked__price{padding-bottom:14px;min-height:38px}.bf-showcase .bf-picked__price sale-price{color:#fff}.bf-showcase .bf-picked__price compare-at-price{color:#aaa}.bf-showcase .bf-picked__actions{min-height:46px;gap:8px}.bf-showcase .bf-picked__actions button,.bf-showcase .bf-picked__actions a{min-height:46px;padding:8px;font-size:16px;border-radius:9px}.bf-showcase .bf-picked__apply+form{flex-basis:44px}.bf-showcase .bf-picked__note,.bf-showcase .bf-picked__result{max-width:var(--bf-showcase-width,1440px);margin-inline:auto}.bf-showcase__empty{grid-column:1/-1;padding:20px;border:1px dashed #777;font-size:14px}.bf-showcase__products:focus-visible{outline:3px solid #ef954f;outline-offset:5px}.bf-showcase__progress{position:fixed;z-index:3;right:clamp(16px,2.5vw,48px);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:15px}.bf-showcase__progress button{display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;background:transparent}.bf-showcase__progress button:before{content:"";width:9px;height:9px;border-radius:50%;background:#777;transition:background .25s ease,transform .25s ease}.bf-showcase__progress button[aria-current=step]:before{background:#d0d0d0;transform:scale(1.45)}.bf-showcase__progress button:focus-visible{outline:2px solid #fff;outline-offset:2px;border-radius:50%}@media(min-width:901px)and (min-height:700px)and (prefers-reduced-motion:no-preference){.bf-showcase.is-stacked .bf-showcase__panel{position:sticky;top:var(--bf-showcase-top);z-index:var(--bf-layer);height:calc(100svh - var(--bf-showcase-top));padding-block:50px 28px}.bf-showcase.is-stacked .bf-showcase__grid{height:min(700px,calc(100svh - var(--bf-showcase-top) - 78px))}.bf-showcase.is-stacked .bf-showcase__copy,.bf-showcase.is-stacked .bf-showcase__feature{min-height:0}.bf-showcase.is-stacked .bf-showcase__feature img,.bf-showcase.is-stacked .bf-showcase__placeholder{min-height:0;max-height:none}}@media(min-width:901px)and (max-height:850px){.bf-showcase.is-stacked .bf-picked__image{width:min(100%,calc(clamp(120px,20vh,180px) * var(--bf-card-image-ratio,1)));align-self:center}.bf-showcase.is-stacked .bf-showcase__link{margin-bottom:24px}}@media(max-width:1100px){.bf-showcase__panel{padding-inline:24px}.bf-showcase__grid,.bf-showcase__panel--left .bf-showcase__grid{gap:30px}.bf-showcase .bf-picked__title{font-size:14px}.bf-showcase__products{grid-auto-columns:calc((100% - 20px) / 3);gap:10px}.bf-showcase .bf-picked__actions{flex-wrap:wrap}.bf-showcase .bf-picked__actions button,.bf-showcase .bf-picked__actions a{font-size:14px}}@media(max-width:900px){.bf-showcase__progress{display:none}.bf-showcase.is-mobile-stacked .bf-showcase__panel{position:sticky;top:min(var(--bf-showcase-top),calc(100svh - var(--bf-panel-height,0px) - 16px));z-index:var(--bf-layer)}.bf-showcase__grid,.bf-showcase__panel--left .bf-showcase__grid{grid-template-columns:minmax(0,1fr)}.bf-showcase__panel--left .bf-showcase__feature,.bf-showcase__feature{grid-column:1;grid-row:1}.bf-showcase__panel--left .bf-showcase__copy,.bf-showcase__copy{grid-column:1;grid-row:2}.bf-showcase__feature img{min-height:0;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain}.bf-showcase__placeholder{min-height:0;height:auto;max-height:600px;aspect-ratio:1}.bf-showcase__panel{padding-block:20px 60px}.bf-showcase .bf-picked__title{font-size:16px}}@media(max-width:600px){.bf-picked.bf-showcase{padding-block:min(var(--bf-showcase-before,100px),50px) min(var(--bf-showcase-after,80px),50px)}.bf-showcase__panel{padding-inline:16px}.bf-showcase__copy h2{font-size:38px}.bf-showcase__description{font-size:16px;line-height:1.5}.bf-showcase__link{margin-bottom:24px;font-size:16px}.bf-showcase__products{grid-auto-columns:76%;gap:14px;padding-bottom:14px;scrollbar-width:thin;scrollbar-color:#777 transparent}.bf-showcase .bf-picked__actions{flex-wrap:nowrap}.bf-showcase .bf-picked__actions button,.bf-showcase .bf-picked__actions a{min-height:48px;font-size:16px}.bf-showcase .bf-picked__apply+form{flex-basis:48px}.bf-showcase__placeholder{aspect-ratio:5/6}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/bf-showcase.css.map */