.bouncyx{--bx-accent:#e6c739;position:relative;width:100%;height:var(--bx-height,650px);min-height:420px;overflow:hidden;background:#090909;color:#fff;font-family:Arial Black,Impact,system-ui,sans-serif}.bouncyx--fullscreen{height:100vh;height:100svh}.bouncyx *{box-sizing:border-box}.bouncyx__track,.bouncyx__slide{position:absolute;inset:0}.bouncyx__slide{visibility:hidden;overflow:hidden;opacity:0;background:#0a0a0a;transition:opacity .65s ease,visibility .65s}.bouncyx__slide.is-active{visibility:visible;z-index:1;opacity:1}.bouncyx__slide:before{position:absolute;inset:-34px;background-image:var(--bx-bg);background-position:center;background-size:cover;content:"";filter:grayscale(1) contrast(1.12);transform:translate3d(var(--bx-mouse-x,0),var(--bx-mouse-y,0),0) scale(1.08);transition:transform .35s cubic-bezier(.2,.8,.2,1)}.bouncyx__slide.is-active:before{transform:translate3d(var(--bx-mouse-x,0),var(--bx-mouse-y,0),0) scale(1)}.bouncyx__slide--1:after{position:absolute;inset:0;background:linear-gradient(90deg,rgba(198,165,38,.52),rgba(0,0,0,.18) 48%,rgba(0,0,0,.78));content:""}.bouncyx__slide--2:after{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.22) 55%,rgba(255,255,255,.18));content:""}.bouncyx__slide--3:after{position:absolute;inset:0;background:radial-gradient(circle,transparent 0 20%,rgba(0,0,0,.3) 55%,rgba(0,0,0,.78));content:""}.bouncyx__grain{position:absolute;z-index:1;inset:0;opacity:.18;background-image:url(images/1bg-texture.png);background-size:420px;mix-blend-mode:screen;pointer-events:none}.bouncyx__rings{position:absolute;inset:-22%;background:repeating-radial-gradient(circle at center,#080808 0 30px,#777 32px 55px,#080808 58px 84px);filter:blur(2px);animation:bx-rings 10s linear infinite}.bouncyx__inner{position:relative;z-index:3;width:min(100% - 9vw,1000px);height:100%;margin:auto;padding:9vh 0 8vh}.bouncyx__super{display:flex;align-items:center;justify-content:center;height:42%;overflow:hidden;border-block:12px solid var(--bx-accent);color:var(--bx-accent);font-size:clamp(78px,14vw,190px);font-weight:950;letter-spacing:-.075em;line-height:.72;text-align:center}.bouncyx__super span{display:block;transform:scaleY(.2) translateY(-120%);transform-origin:center;opacity:0}.bouncyx__slide.is-active .bouncyx__super span{animation:bx-word 1s cubic-bezier(.2,.9,.25,1.25) .18s forwards}.bouncyx__slide--1.is-active .bouncyx__super span{animation:bx-word 1s cubic-bezier(.2,.9,.25,1.25) .18s forwards,bx-bob 1.5s ease-in-out 1.3s infinite}.bouncyx__rule{height:10px;margin-top:16px;background:var(--bx-accent);transform:scaleX(0);transform-origin:left}.bouncyx__slide.is-active .bouncyx__rule{animation:bx-rule .7s ease .1s forwards}.bouncyx__content{display:grid;grid-template-columns:1.1fr 1fr;gap:10%;align-items:end;padding-top:38px}.bouncyx__content h2{margin:0;color:#fff;font-size:clamp(42px,6vw,76px);font-weight:950;letter-spacing:-.04em;line-height:.78;transform:translateY(50px);opacity:0}.bouncyx__copy{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;line-height:1.5;transform:translateY(45px);opacity:0}.bouncyx__copy p{max-width:42ch;margin:0 0 28px}.bouncyx__copy a{color:var(--bx-accent);font-family:Arial Black,Impact,sans-serif;font-size:25px;font-weight:900;text-decoration:none}.bouncyx__slide.is-active h2{animation:bx-rise .65s ease .62s forwards}.bouncyx__slide.is-active .bouncyx__copy{animation:bx-rise .65s ease .8s forwards}.bouncyx__slide--3 .bouncyx__content{grid-template-columns:1fr}.bouncyx__slide--3 .bouncyx__copy{max-width:700px;margin:auto}.bouncyx__count{position:absolute;z-index:5;bottom:40px;left:4%;display:grid;font:800 20px/1 ui-monospace,monospace}.bouncyx__count strong{padding-bottom:5px;border-bottom:3px solid currentColor}.bouncyx__count span{padding-top:5px;color:#777}.bouncyx__nav{position:absolute;z-index:5;right:4%;bottom:40px;display:flex}.bouncyx__nav button{width:50px;height:52px;border:0;background:rgba(255,255,255,.12);color:#fff;font-size:32px;cursor:pointer}.bouncyx__nav button:hover,.bouncyx__nav button:focus-visible{background:var(--bx-accent);color:#111}.bouncyx__nav button:focus-visible{outline:3px solid #fff;outline-offset:2px}
@keyframes bx-word{0%{opacity:0;transform:scaleY(.2) translateY(-120%)}65%{opacity:1;transform:scaleY(1.18) translateY(3%)}100%{opacity:1;transform:scaleY(1) translateY(0)}}@keyframes bx-bob{0%,100%{opacity:1;transform:translateY(0) scaleY(1)}45%{opacity:1;transform:translateY(-18px) scaleY(.94)}60%{opacity:1;transform:translateY(7px) scaleY(1.07)}78%{opacity:1;transform:translateY(-4px) scaleY(.98)}}@keyframes bx-rule{to{transform:scaleX(1)}}@keyframes bx-rise{to{opacity:1;transform:translateY(0)}}@keyframes bx-rings{to{transform:rotate(360deg) scale(1.06)}}
@media(max-width:760px){.bouncyx{height:max(520px,var(--bx-height))}.bouncyx__inner{width:86%;padding:70px 0}.bouncyx__super{height:31%;border-width:7px;font-size:clamp(52px,18vw,96px)}.bouncyx__rule{height:6px;margin-top:10px}.bouncyx__content{grid-template-columns:1fr;gap:22px;padding-top:28px}.bouncyx__content h2{font-size:clamp(38px,12vw,62px)}.bouncyx__copy{font-size:12px}.bouncyx__copy p{margin-bottom:16px}.bouncyx__copy a{font-size:20px}.bouncyx__count{bottom:22px}.bouncyx__nav{right:6%;bottom:20px}.bouncyx__nav button{width:44px;height:46px}}
@media(prefers-reduced-motion:reduce){.bouncyx__slide,.bouncyx__slide:before{transition:none}.bouncyx__slide.is-active :is(.bouncyx__super span,.bouncyx__rule,h2,.bouncyx__copy){animation:none;opacity:1;transform:none}.bouncyx__rings{animation:none}}
.bouncyx .bouncyx__slide--1:before{inset:-2% 0 0;background-position:50% 0;background-repeat:no-repeat;background-size:auto 115%;filter:grayscale(1) contrast(1.08);transform:translate3d(var(--bx-mouse-x,0),var(--bx-mouse-y,0),0)}
.bouncyx .bouncyx__slide--1.is-active:before{transform:translate3d(var(--bx-mouse-x,0),var(--bx-mouse-y,0),0)}
.bouncyx .bouncyx__slide--3:before{filter:contrast(1.04);background-position:center 52%}
.bouncyx .bouncyx__slide--3 .bouncyx__rings{display:none}
.bouncyx .bouncyx__nav{gap:0}
.bouncyx .bouncyx__nav button{position:relative;display:grid;place-items:center;width:62px;min-width:62px;height:68px;min-height:68px;margin:0;padding:0;border:0;border-radius:0;appearance:none;background:rgba(255,255,255,.09);box-shadow:none;color:#fff;font-size:0;line-height:1}
.bouncyx .bouncyx__nav button+button{background:rgba(255,255,255,.14)}
.bouncyx .bouncyx__nav button:before{display:block;width:9px;height:9px;border-style:solid;border-color:currentColor;content:""}
.bouncyx .bouncyx__nav .bouncyx__prev:before{border-width:0 0 2px 2px;transform:rotate(45deg)}
.bouncyx .bouncyx__nav .bouncyx__next:before{border-width:2px 2px 0 0;transform:rotate(45deg)}
.bouncyx .bouncyx__nav button:hover,.bouncyx .bouncyx__nav button:focus-visible{background:rgba(255,255,255,.22);color:#fff}
@media(max-width:760px){.bouncyx .bouncyx__nav button{width:54px;min-width:54px;height:58px;min-height:58px}}
.bouncyx .bouncyx__super{overflow:visible;border:0}
.bouncyx .bouncyx__word{display:flex;align-items:center;justify-content:center;transform-origin:center bottom}
.bouncyx .bouncyx__word i{display:inline-block;font:inherit;font-style:normal;line-height:inherit;transform-origin:center bottom}
.bouncyx .bouncyx__word i:nth-child(6n+1){transform:rotate(3deg) translateY(3%)}
.bouncyx .bouncyx__word i:nth-child(6n+2){transform:rotate(-4deg) translateY(-2%)}
.bouncyx .bouncyx__word i:nth-child(6n+3){transform:rotate(2deg) translateY(2%)}
.bouncyx .bouncyx__word i:nth-child(6n+4){transform:rotate(-3deg) translateY(-1%)}
.bouncyx .bouncyx__word i:nth-child(6n+5){transform:rotate(4deg) translateY(2%)}
.bouncyx .bouncyx__word i:nth-child(6n){transform:rotate(-2deg) translateY(-2%)}
.bouncyx .bouncyx__slide--1.is-active .bouncyx__word{animation:bx-drop-in .78s cubic-bezier(.16,.82,.28,1.18) .12s both,bx-bounce-original 1.5s linear 1.05s infinite}
.bouncyx .bouncyx__slide--1.is-active .bouncyx__rule{animation:bx-rule .58s ease .08s forwards,bx-bar-impact 1.5s linear 1.05s infinite;transform-origin:center}
@keyframes bx-drop-in{0%{opacity:0;transform:translateY(-115%) scaleY(.35)}58%{opacity:1;transform:translateY(26px) scaleX(1.08) scaleY(.7)}76%{transform:translateY(-18px) scaleX(.97) scaleY(1.1)}100%{opacity:1;transform:translateY(-26px) scale(1)}}
@keyframes bx-bounce-original{0%,100%{opacity:1;transform:translateY(-26px) scale(1)}30%{transform:translateY(0) scaleX(1.02) scaleY(.96)}38%{transform:translateY(32px) scaleX(1.09) scaleY(.7)}47%{transform:translateY(-14px) scaleX(.97) scaleY(1.12)}60%{transform:translateY(-38px) scaleX(.99) scaleY(1.04)}74%{transform:translateY(-20px) scaleX(1.01) scaleY(.98)}86%{transform:translateY(-28px) scale(1)}}
@keyframes bx-bar-impact{0%,30%,100%{transform:scaleX(1) scaleY(1)}38%{transform:scaleX(1.025) scaleY(2.15)}47%{transform:scaleX(.99) scaleY(.72)}60%{transform:scaleX(1) scaleY(1.12)}74%{transform:scale(1)}}
@media(max-width:760px){.bouncyx .bouncyx__slide--1.is-active .bouncyx__word{animation-name:bx-drop-in-mobile,bx-bounce-mobile}@keyframes bx-drop-in-mobile{0%{opacity:0;transform:translateY(-100%) scaleY(.4)}60%{opacity:1;transform:translateY(16px) scaleX(1.07) scaleY(.72)}100%{opacity:1;transform:translateY(-14px) scale(1)}}@keyframes bx-bounce-mobile{0%,100%{opacity:1;transform:translateY(-14px) scale(1)}38%{transform:translateY(18px) scaleX(1.08) scaleY(.72)}50%{transform:translateY(-18px) scaleX(.98) scaleY(1.1)}64%{transform:translateY(-24px) scaleY(1.03)}80%{transform:translateY(-12px) scale(1)}}}
.bouncyx .bouncyx__overlay{position:absolute;z-index:2;left:var(--bx-overlay-x);top:var(--bx-overlay-y);display:block;width:var(--bx-overlay-width);max-width:none;height:auto;margin:0;pointer-events:none;user-select:none}
.bouncyx .bouncyx__slide--1.has-custom-background:before{inset:-34px;background-position:center;background-repeat:no-repeat;background-size:cover}
