.bb-hero{background:#f8f6f0;padding:56px 20px}.bb-hero .row{display:flex;flex-wrap:wrap;align-items:center;gap:24px;max-width:1100px;margin:0 auto}.bb-hero__art-col,.bb-hero__copy-col{flex:1 1 420px}.bb-hero__art{position:relative;width:100%;aspect-ratio:4 / 5;max-width:460px;margin:0 auto;border-radius:16px;overflow:hidden;background:#ede8e5;box-shadow:0 12px 32px #0000001f}.bb-hero__slides,.bb-hero__slide{position:absolute;top:0;right:0;bottom:0;left:0}.bb-hero__slide{opacity:0;visibility:hidden;transition:opacity .6s ease,visibility 0s linear .6s}.bb-hero__slide.is-active{opacity:1;visibility:visible;transition:opacity .6s ease}.bb-hero__slide img{width:100%;height:100%;object-fit:cover;display:block}.bb-hero__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:36px;height:36px;border:none;border-radius:50%;background:#ffffffd9;color:#151515;font-size:22px;line-height:1;padding:0 0 3px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.bb-hero__nav--prev{left:10px}.bb-hero__nav--next{right:10px}.bb-hero__art:hover .bb-hero__nav,.bb-hero__nav:focus-visible{opacity:1}@media(hover:none){.bb-hero__nav{opacity:1}}.bb-hero__dots{position:absolute;left:0;right:0;bottom:12px;z-index:2;display:flex;justify-content:center;gap:8px}.bb-hero__dot{width:8px;height:8px;padding:0;border:none;border-radius:50%;background:#ffffffb3;box-shadow:0 0 0 1px #00000026;cursor:pointer}.bb-hero__dot.is-active{background:#151515;box-shadow:0 0 0 1px #fff9}@media(prefers-reduced-motion:reduce){.bb-hero__slide,.bb-hero__slide.is-active{transition:none}}.bb-hero__eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:12px;color:#605d49;margin:0 0 10px;font-weight:600}.bb-hero__title{font-size:36px;line-height:1.15;margin:0 0 16px;color:#151515}.bb-hero__description{font-size:16px;line-height:1.6;color:#3a3a3a;margin-bottom:20px;max-width:46ch}.bb-hero__badges{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0 0 28px}.bb-hero__badges li{font-size:13px;background:#fff;border:1px solid #ede8e5;border-radius:999px;padding:6px 14px;color:#151515}.bb-hero__cta{display:inline-block;background:#a8c458;color:#f8f6f0;text-decoration:none;font-size:15px;font-weight:600;padding:14px 32px;border-radius:8px;transition:opacity .15s ease}.bb-hero__cta:hover{opacity:.88}@media(max-width:640px){.bb-hero__title{font-size:28px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/box-builder-hero.css.map */