.bb-how{position:relative;overflow:hidden;padding:7.2rem 0 6.4rem;background:radial-gradient(60% 40% at 50% 0%,#d6bb9129,#d6bb9100 70%),#120a06!important;color:#f7efe3;text-align:center}.bb-how__head{max-width:640px;margin:0 auto 4rem;padding:0 2rem}.bb-how__eyebrow{margin:0 0 1.4rem;font-size:1.1rem;font-weight:700;letter-spacing:.34rem;text-transform:uppercase;color:#d9b26a}.bb-how__heading{margin:0;font-family:Anton,sans-serif!important;font-weight:400!important;font-size:clamp(4.6rem,7vw,8.4rem);line-height:.95;letter-spacing:.01em!important;text-transform:uppercase;color:#f7efe3}.bb-how__sub{margin:1.4rem 0 0;font-family:Playfair Display,Georgia,serif;font-style:italic;font-size:2rem;color:#f7efe3c7}.bb-how__steps{list-style:none;margin:0;padding:0 2rem 1rem;display:flex;gap:1.2rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 2rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}.bb-how__steps::-webkit-scrollbar{display:none}.bb-how__step{position:relative;flex:0 0 80%;aspect-ratio:3 / 4.4;border-radius:2.4rem;overflow:hidden;scroll-snap-align:start;background:#2a1a10;text-align:left;opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .9s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--i) * .14s);box-shadow:0 24px 50px #00000073}.bb-how.is-in .bb-how__step{opacity:1;transform:none}.bb-how__visual{position:absolute;top:0;right:0;bottom:0;left:0}.bb-how__img{width:100%;height:100%;object-fit:cover;transform:scale(1.06);transition:transform 1.6s cubic-bezier(.16,1,.3,1)}.bb-how.is-in .bb-how__img{transform:scale(1)}.bb-how__step:hover .bb-how__img{transform:scale(1.04)}.bb-how__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#120a0659,#120a0600 28% 45%,#120a06eb)}.bb-how__step:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;border:1px solid rgba(217,178,106,.28);pointer-events:none}.bb-how__copy{position:absolute;left:0;right:0;bottom:0;padding:2.4rem 2.2rem 2.6rem}.bb-how__num{display:inline-flex;align-items:center;justify-content:center;width:4rem;height:4rem;border-radius:50%;margin-bottom:1.2rem;background:#ffffff1f;border:1px solid rgba(217,178,106,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-family:Anton,sans-serif;font-size:1.5rem;letter-spacing:.1rem;color:#f1d392}.bb-how__title{margin:0;font-family:Anton,sans-serif!important;font-weight:400!important;font-size:3.4rem;line-height:1;letter-spacing:.02em!important;text-transform:uppercase;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.4)}.bb-how__text{margin:.8rem 0 0;font-size:1.5rem;line-height:1.5;color:#ffffffd9}.bb-how__cta{margin-top:3.6rem;padding:0 2rem}.bb-how__button{display:inline-flex;align-items:center;gap:1.2rem;padding:1.8rem 3.4rem;border-radius:999px;background:linear-gradient(160deg,#fff0be,#d3a354 60%,#f1d392);color:#1e130c;font-size:1.3rem;font-weight:800;letter-spacing:.24rem;text-transform:uppercase;text-decoration:none;box-shadow:0 16px 34px #0006;transition:transform .2s ease}.bb-how__button:hover{transform:translateY(-2px)}@media screen and (min-width:750px){.bb-how{padding:10rem 4rem 9rem}.bb-how__steps{max-width:1240px;margin:0 auto;padding:0;overflow:visible;display:grid;grid-template-columns:repeat(3,1fr);gap:2.4rem}.bb-how__step{aspect-ratio:3 / 4.2}.bb-how__step:nth-child(2){margin-top:4rem}.bb-how__copy{padding:3rem 2.8rem 3.2rem}.bb-how__title{font-size:3.8rem}}@media(prefers-reduced-motion:reduce){.bb-how__step,.bb-how__img{opacity:1;transform:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/section-bb-how.css.map */