.bht-hero{--bht-hero-bg: #2B3A4A;--bht-hero-ink: #fff;--bht-hero-gold: #F6C136;background:var(--bht-hero-bg);color:var(--bht-hero-ink);padding:64px 0 56px;overflow:hidden}.bht-hero__inner{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:40px 56px;align-items:center}.bht-hero__text{max-width:560px}.bht-hero__heading{margin:0 0 18px;font-weight:800;line-height:1.02;letter-spacing:-.015em;font-size:clamp(3.8rem,5vw,6.2rem);color:var(--bht-hero-ink);text-wrap:balance}.bht-hero__sub{margin:0 0 28px;max-width:46ch;font-size:1.8rem;line-height:1.5;color:color-mix(in srgb,var(--bht-hero-ink) 82%,transparent)}.bht-hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px}.bht-hero__cta{display:inline-block;padding:15px 26px;border-radius:10px;background:var(--bht-hero-gold);color:#1f2a33;font-weight:800;font-size:1.6rem;text-decoration:none;transition:background-color .15s ease}.bht-hero__cta:hover{background:color-mix(in srgb,var(--bht-hero-gold) 85%,#fff)}.bht-hero__cta:focus-visible{outline:3px solid #fff;outline-offset:3px}.bht-hero__note{margin:0;font-size:1.45rem;color:color-mix(in srgb,var(--bht-hero-ink) 70%,transparent)}.bht-hero__media{position:relative;justify-self:center;width:min(100%,620px)}.bht-hero__photo{display:block;width:100%;height:auto;aspect-ratio:4 / 5;object-fit:cover;border-radius:18px}.bht-drum{position:relative;width:112%;margin-left:-6%;aspect-ratio:1 / 1;user-select:none;-webkit-user-select:none;touch-action:manipulation}.bht-drum__img{display:block;width:100%;height:100%;object-fit:contain;-webkit-user-drag:none;filter:drop-shadow(0 24px 36px rgba(0,0,0,.4))}.bht-drum__hit{position:absolute;width:10%;height:10%;transform:translate(-50%,-50%);border-radius:50%;border:0;padding:0;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}.bht-drum__hit--s{width:10.5%;height:10.5%}.bht-drum__hit--m{width:12.5%;height:12.5%}.bht-drum__hit--l{width:15.5%;height:15.5%}.bht-drum__hit:focus-visible{outline:3px solid var(--bht-hero-gold);outline-offset:2px}.bht-drum__hit:after{content:"";position:absolute;top:18%;right:18%;bottom:18%;left:18%;border-radius:50%;border:3px solid var(--bht-hero-gold);opacity:0;transform:scale(.5);pointer-events:none}.bht-drum__hit.is-hit:after{animation:bht-ripple .55s ease-out}@keyframes bht-ripple{0%{opacity:.9;transform:scale(.5)}to{opacity:0;transform:scale(1.6)}}.bht-hero__hint{display:flex;align-items:center;justify-content:center;gap:8px;margin:14px 0 0;font-size:1.5rem;font-weight:700;color:var(--bht-hero-gold);transition:opacity .4s ease}.bht-hero__hint svg{width:16px;height:16px;fill:currentColor}.bht-hero__media:has(.bht-drum.is-played) .bht-hero__hint{opacity:.45}.bht-strip{display:block;background:var(--bht-strip-bg, #DDEFF9);color:var(--bht-strip-color, #273439);text-decoration:none}.bht-strip__inner{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;padding-top:14px;padding-bottom:14px;font-size:1.5rem}.bht-strip__inner b{font-weight:800;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}.bht-strip:hover .bht-strip__inner b{text-decoration-color:var(--bht-strip-color, #273439)}.bht-strip:focus-visible{outline:3px solid #273439;outline-offset:-3px}.bht-steps{--bht-bg: #FBF6EE;--bht-accent: #7DD4FF;--bht-ink: #273439;background:var(--bht-bg);color:var(--bht-ink);padding:72px 0 80px}.bht-steps__head{text-align:center;max-width:680px;margin:0 auto 56px}.bht-steps__eyebrow{margin:0 0 8px;font-size:1.6rem;font-weight:700;color:color-mix(in srgb,var(--bht-ink) 62%,transparent)}.bht-steps__title{margin:0 0 12px;font-size:clamp(2.8rem,3.6vw,4rem);font-weight:900;line-height:1.1;letter-spacing:-.015em;color:var(--bht-ink)}.bht-steps__intro{margin:0;font-size:1.7rem;line-height:1.5;color:color-mix(in srgb,var(--bht-ink) 75%,transparent)}.bht-timeline{list-style:none;margin:0;padding:0;position:relative;display:grid;gap:64px}.bht-timeline:before{content:"";position:absolute;left:50%;top:28px;bottom:28px;width:0;border-left:3px dashed color-mix(in srgb,var(--bht-accent) 70%,#fff);transform:translate(-50%)}.bht-step{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 84px minmax(0,1fr);align-items:center;gap:0 12px;scroll-margin-top:90px}.bht-step__badge{grid-column:2;grid-row:1;justify-self:center;align-self:center;z-index:1}.bht-step__badge span{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--bht-accent);color:var(--bht-ink);font-size:2.2rem;font-weight:900;box-shadow:0 0 0 8px var(--bht-bg),0 10px 24px color-mix(in srgb,var(--bht-accent) 45%,transparent)}.bht-step__media{grid-column:1;grid-row:1}.bht-step__text{grid-column:3;grid-row:1;padding:8px 0 8px 16px}.bht-steps--alt .bht-step:nth-child(2n) .bht-step__media{grid-column:3}.bht-steps--alt .bht-step:nth-child(2n) .bht-step__text{grid-column:1;padding:8px 16px 8px 0;text-align:right}.bht-steps--alt .bht-step:nth-child(2n) .bht-step__tip{margin-left:auto}.bht-step__video-wrap{position:relative;border-radius:22px;overflow:hidden;background:#0f1a24;box-shadow:0 18px 40px #0f1a242e}.bht-step__video{display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover}.bht-step__sound{position:absolute;right:12px;bottom:12px;width:42px;height:42px;border-radius:50%;border:0;cursor:pointer;display:grid;place-items:center;background:#ffffffeb;color:#273439;box-shadow:0 6px 16px #00000040;transition:transform .15s ease,background-color .15s ease;-webkit-tap-highlight-color:transparent}.bht-step__sound:hover{transform:scale(1.06);background:#fff}.bht-step__sound svg{width:22px;height:22px}.bht-step__sound .bht-step__ico-on,.bht-step__sound[aria-pressed=true] .bht-step__ico-off{display:none}.bht-step__sound[aria-pressed=true] .bht-step__ico-on{display:block}.bht-step__sound[aria-pressed=true]{background:var(--bht-accent)}.bht-step__title{margin:0 0 12px;font-size:clamp(2.2rem,2.4vw,2.8rem);font-weight:900;line-height:1.15;color:var(--bht-ink)}.bht-step__body{font-size:1.65rem;line-height:1.6;color:color-mix(in srgb,var(--bht-ink) 82%,transparent)}.bht-step__body p{margin:0 0 12px}.bht-step__body p:last-child{margin-bottom:0}.bht-step__body strong{color:var(--bht-ink);font-weight:800}.bht-step__tip{display:inline-block;margin:16px 0 0;padding:10px 14px;border-radius:12px;font-size:1.4rem;line-height:1.45;background:color-mix(in srgb,var(--bht-accent) 22%,#fff);border:1px solid color-mix(in srgb,var(--bht-accent) 55%,#fff);color:var(--bht-ink)}.bht-cta{--bht-cta-bg: #2B3A4A;--bht-cta-ink: #fff;margin-top:80px;display:grid;grid-template-columns:minmax(0,1fr);border-radius:24px;overflow:hidden;background:var(--bht-cta-bg);color:var(--bht-cta-ink)}.bht-cta--photo{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.bht-cta__img{display:block;width:100%;height:100%;min-height:340px;object-fit:cover;object-position:center 30%}.bht-cta__body{align-self:center;padding:48px 52px;max-width:560px}.bht-cta__title{margin:0 0 12px;font-size:clamp(2.4rem,3vw,3.4rem);font-weight:800;line-height:1.12;letter-spacing:-.01em;color:var(--bht-cta-ink);text-wrap:balance}.bht-cta__text{margin:0 0 24px;max-width:46ch;font-size:1.65rem;line-height:1.55;color:color-mix(in srgb,var(--bht-cta-ink) 82%,transparent)}.bht-cta__btn{--bht-cta-btn: #F6C136;display:inline-block;padding:15px 26px;border-radius:10px;background:var(--bht-cta-btn);color:#1f2a33;font-weight:800;font-size:1.6rem;text-decoration:none;transition:filter .15s ease}.bht-cta__btn:hover{filter:brightness(1.06)}.bht-cta__btn:focus-visible{outline:3px solid #fff;outline-offset:3px}@media screen and (max-width:989px){.bht-hero{padding:48px 0 44px}.bht-hero__inner{grid-template-columns:1fr;gap:32px}.bht-hero__media{width:min(100%,520px)}.bht-step{grid-template-columns:72px minmax(0,1fr);gap:0 12px}.bht-timeline:before{left:36px}.bht-step__badge,.bht-steps--alt .bht-step:nth-child(2n) .bht-step__badge{grid-column:1;grid-row:1 / span 2;align-self:start}.bht-step__media,.bht-steps--alt .bht-step:nth-child(2n) .bht-step__media{grid-column:2;grid-row:1}.bht-step__text,.bht-steps--alt .bht-step:nth-child(2n) .bht-step__text{grid-column:2;grid-row:2;padding:18px 0 0;text-align:left}.bht-steps--alt .bht-step:nth-child(2n) .bht-step__tip{margin-left:0}.bht-step__badge span{width:48px;height:48px;font-size:1.9rem}}@media screen and (max-width:749px){.bht-hero{padding:40px 0 36px}.bht-hero__heading{font-size:clamp(3.4rem,9.5vw,4.4rem)}.bht-hero__sub{font-size:1.65rem}.bht-hero__cta{padding:14px 22px;font-size:1.5rem}.bht-hero__media{width:100%}.bht-drum{width:118%;margin-left:-9%}.bht-steps{padding:48px 0 56px}.bht-steps__head{margin-bottom:36px}.bht-timeline{gap:44px}.bht-timeline:before{left:22px;top:20px;bottom:20px}.bht-step{grid-template-columns:44px minmax(0,1fr);gap:0 10px}.bht-step__badge span{width:40px;height:40px;font-size:1.7rem;box-shadow:0 0 0 6px var(--bht-bg),0 8px 18px color-mix(in srgb,var(--bht-accent) 45%,transparent)}.bht-step__video-wrap{border-radius:16px}.bht-step__title{font-size:2.1rem}.bht-step__body{font-size:1.5rem}.bht-cta{margin-top:56px;border-radius:18px}.bht-cta--photo{grid-template-columns:1fr}.bht-cta__img{min-height:0;aspect-ratio:4 / 3;object-position:center 25%}.bht-cta__body{padding:28px 22px 30px}}@media(prefers-reduced-motion:reduce){.bht-drum__hit.is-hit:after{animation:none;opacity:.8;transform:scale(1.2)}.bht-hero__cta,.bht-hero__hint,.bht-cta__btn{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/51/assets/balmy-howtoplay.css.map */