.bd-hero-grid-section,.bd-hero-grid{position:relative}.bd-hero-grid__bg{position:relative;overflow:hidden;width:100%}.bd-hero-grid__bg-img-wrap{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .45s ease;will-change:opacity}.bd-hero-grid__bg-img-wrap.is-active{opacity:1}.bd-hero-grid__bg-img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.bd-hero-grid__gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(20,16,12,.68) 0%,rgba(20,16,12,.12) 55%,transparent 100%);pointer-events:none;z-index:1}.bd-hero-grid__dots{position:absolute;bottom:155px;left:50%;transform:translate(-50%);display:none;align-items:center;gap:7px;z-index:4}.bd-hero-grid__dot{width:6px;height:6px;border-radius:50%;background:#ffffff73;transition:background .3s ease,transform .3s ease;cursor:pointer}.bd-hero-grid__dot.is-active{background:#ffd93d;transform:scale(1.5)}.bd-hero-grid__text{position:absolute;bottom:228px;left:5%;z-index:2;max-width:580px}.bd-hero-grid__eyebrow{color:#ffd93d;font-size:1.1rem;letter-spacing:.18em;text-transform:uppercase;margin:0 0 10px;font-weight:600}.bd-hero-grid__heading{color:#fff;font-size:clamp(3rem,4.5vw,5.6rem);line-height:1.05;margin:0 0 20px;font-weight:400}.bd-hero-grid__cta{display:inline-block;background:#ffd93d;color:#1a1410;padding:13px 26px;text-decoration:none;font-weight:700;font-size:1.25rem;letter-spacing:.08em;text-transform:uppercase;transition:background .2s ease}.bd-hero-grid__cta:hover{background:#f5a623}.bd-hero-grid__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:1200px;margin:-100px auto 0;padding:0 24px 32px;position:relative;z-index:3}.bd-hero-grid__card{position:relative;background:#fff;text-decoration:none;color:#1a1410;display:flex;flex-direction:column;box-shadow:0 8px 36px #00000021;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,opacity .3s ease;animation:bd-card-float .55s cubic-bezier(.22,1,.36,1) both;animation-delay:calc((var(--card-index, 1) - 1) * .12s)}.bd-hero-grid__card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:#ffd93d;transform:scaleX(0);transition:transform .3s ease;z-index:1}.bd-hero-grid__cards.has-hover .bd-hero-grid__card{opacity:.55;transform:translateY(0);box-shadow:0 4px 16px #00000014}.bd-hero-grid__cards.has-hover .bd-hero-grid__card.is-hovered{opacity:1;transform:translateY(-6px);box-shadow:0 20px 52px #0003}.bd-hero-grid__card.is-hovered:before{transform:scaleX(1)}@keyframes bd-card-float{0%{opacity:0;transform:translateY(36px)}to{opacity:1;transform:translateY(0)}}.bd-hero-grid__card-img-wrap{aspect-ratio:4 / 3;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center;padding:12px}.bd-hero-grid__card-img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .45s ease;mix-blend-mode:multiply}.bd-hero-grid__card.is-hovered .bd-hero-grid__card-img{transform:scale(1.05)}.bd-hero-grid__card-info{padding:14px 16px 8px;flex:1;display:flex;flex-direction:column;gap:5px}.bd-hero-grid__card-title{font-size:1.25rem;font-weight:600;line-height:1.35;color:#1a1410;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bd-hero-grid__card-pricing{display:flex;align-items:baseline;gap:8px;margin-top:2px}.bd-hero-grid__card-price{font-size:1.4rem;font-weight:700;color:#1a1410}.bd-hero-grid__card-compare{font-size:1.15rem;color:#999;text-decoration:line-through}.bd-hero-grid__card-footer{padding:10px 16px 14px;display:flex;justify-content:space-between;align-items:center;font-size:1.2rem;font-weight:600;letter-spacing:.04em;color:#1a1410;border-top:1px solid #f0f0ec}.bd-hero-grid__card-arrow{transition:transform .2s ease}.bd-hero-grid__card.is-hovered .bd-hero-grid__card-arrow{transform:translate(4px)}@media screen and (max-width:749px){.bd-hero-grid__dots{display:flex}.bd-hero-grid__text{bottom:auto;top:50%;transform:translateY(-50%);left:20px;right:20px;max-width:none}.bd-hero-grid__heading{font-size:2.8rem}.bd-hero-grid__cards{grid-template-columns:repeat(3,72vw);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:10px;padding:0 16px 20px;margin-top:-70px;scrollbar-width:none}.bd-hero-grid__cards::-webkit-scrollbar{display:none}.bd-hero-grid__card{scroll-snap-align:start;min-width:0}.bd-hero-grid__cards.has-hover .bd-hero-grid__card{opacity:1;transform:none;box-shadow:0 8px 36px #00000021}.bd-hero-grid__card.is-mobile-active{box-shadow:0 0 0 3px #ffd93d,0 0 20px 4px #ffd93d99,0 0 45px 8px #ffb70059,0 8px 36px #00000021;transform:translateY(-4px);transition:box-shadow .4s ease,transform .4s ease}.bd-hero-grid__card.is-mobile-active:before{transform:scaleX(1);background:#ffd93d;height:4px}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/bd-hero-grid.css.map */