.hero-b{position:relative;display:block;padding-top:var(--hero-pt, 6rem);padding-bottom:var(--hero-pb, 6rem);overflow:hidden}.hero-b__viewport{display:grid}.hero-slide{grid-area:1 / 1;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .5s ease}.hero-slide.is-active{opacity:1;visibility:visible;pointer-events:auto}.hero-b__inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4rem}.hero-b__heading{margin:0;font-size:clamp(3.2rem,5vw,5.6rem);line-height:1.08;letter-spacing:-.01em}.hero-b__heading .hero-b__line{display:block}.hero-b__accent{color:rgb(var(--color-button));font-style:italic}.hero-b__sub{margin:1.6rem 0 0;max-width:42rem;font-size:1.6rem;line-height:1.6;opacity:.85}.hero-b__cta{margin-top:2.8rem;display:flex;align-items:center;flex-wrap:wrap;gap:1.2rem 2rem}.hero-b__media{display:flex;align-items:center;justify-content:center;gap:.8rem}.hero-b__photo{display:block;flex:1 1 0;min-width:0;max-width:30rem;border-radius:1.2rem;overflow:hidden;background:rgb(var(--color-background));border:.5rem solid rgb(var(--color-background));box-shadow:0 1.2rem 3rem #00000029;transition:transform .35s ease}.hero-b__photo img{display:block;width:100%;height:auto;aspect-ratio:3 / 4;object-fit:cover;border-radius:.7rem}.hero-b__photo--1{transform:rotate(-6deg) translateY(1.2rem);z-index:1}.hero-b__photo--2{transform:rotate(1.5deg) translateY(-1.6rem) scale(1.08);z-index:3}.hero-b__photo--3{transform:rotate(5deg) translateY(1.6rem);z-index:2}.hero-b__photo--1:hover{transform:rotate(-6deg) translateY(.4rem) scale(1.03)}.hero-b__photo--2:hover{transform:rotate(1.5deg) translateY(-2.4rem) scale(1.11)}.hero-b__photo--3:hover{transform:rotate(5deg) translateY(.8rem) scale(1.03)}.hero-b__promo-badge{display:inline-block;padding:.5rem 1.6rem;border-radius:4rem;background:#f5c518;color:#2f3e3b;font-size:1.3rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.hero-b__promo-heading{margin:1.6rem 0 0;font-size:clamp(3.2rem,5vw,5.6rem);line-height:1.08;letter-spacing:-.01em}.hero-b__tiers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin:2rem 0 0;padding:0;max-width:40rem}.hero-b__tier{display:flex;align-items:center;gap:.8rem;padding:.7rem 1.4rem;border-radius:1rem;background:rgba(var(--color-foreground),.06);font-size:1.4rem}.hero-b__tier-qty{font-weight:600}.hero-b__tier-arrow{opacity:.5}.hero-b__tier-off{font-weight:700;color:rgb(var(--color-button))}.hero-b__promo-note{margin:1.6rem 0 0;max-width:40rem;font-size:1.4rem;line-height:1.5;opacity:.75}.hero-b__dots{display:flex;justify-content:center;gap:1rem;margin-top:3.2rem}.hero-b__dot{width:1rem;height:1rem;padding:0;border:0;border-radius:50%;background:rgba(var(--color-foreground),.25);cursor:pointer;transition:background .2s ease,transform .2s ease}.hero-b__dot:hover{background:rgba(var(--color-foreground),.5)}.hero-b__dot.is-active{background:rgb(var(--color-button));transform:scale(1.25)}@keyframes heroRise{0%{opacity:0;transform:translateY(1.6rem)}to{opacity:1;transform:translateY(0)}}.hero-b__line{opacity:0}.hero-slide.is-active .hero-b__line{animation:heroRise .7s cubic-bezier(.22,.61,.36,1) forwards}.hero-slide.is-active .hero-b__line--1{animation-delay:.05s}.hero-slide.is-active .hero-b__line--2{animation-delay:.18s}.hero-slide.is-active .hero-b__line--3{animation-delay:.32s}.hero-slide.is-active .hero-b__line--4{animation-delay:.46s}@media(prefers-reduced-motion:reduce){.hero-slide{transition:none}.hero-b__line{opacity:1}.hero-slide.is-active .hero-b__line{animation:none}.hero-b__photo{transition:none}.hero-b__photo:hover{transform:none}}@media screen and (max-width:989px){.hero-b__inner{grid-template-columns:1fr;gap:3.2rem;text-align:center}.hero-b__sub{margin-left:auto;margin-right:auto}.hero-b__cta{justify-content:center}.hero-b__tiers,.hero-b__promo-note{margin-left:auto;margin-right:auto}.hero-b__media{order:-1}}@media screen and (max-width:480px){.hero-b__photo{border-width:.3rem;border-radius:.9rem}.hero-b__photo--2{transform:rotate(1.5deg) translateY(-.8rem) scale(1.05)}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-hero-banner.css.map */