.catban--motion .catban-vp{aspect-ratio:var(--cbm-box,1920 / 450);background:var(--banner-scrim)}.cbm{--cbm-ease:cubic-bezier(.22, .61, .36, 1);--cbm-tone:var(--accent);--cbm-base:var(--banner-scrim);width:100%;height:100%;color:var(--on-dark);background:var(--cbm-base);isolation:isolate;text-decoration:none;display:block;position:relative}.cbm:focus-visible{outline:3px solid var(--accent-light);outline-offset:-3px}.cbm-art{display:block;position:absolute;inset:0;overflow:hidden;container-type:size}.cbm-art:after{content:"";z-index:3;pointer-events:none;background:linear-gradient(90deg, color-mix(in oklab, var(--cbm-base) 86%, transparent) 0%, color-mix(in oklab, var(--cbm-base) 52%, transparent) 34%, transparent 56%);position:absolute;inset:0}.cbm-stage{height:100%;aspect-ratio:var(--arn);display:block;position:absolute;top:0;right:0;mask-image:linear-gradient(90deg,#0000 0%,#000 24%)}.cbm-stage--mobile{display:none}.cbm-cam{transform-origin:74% 56%;translate:calc(var(--px,0) * -12px) calc(var(--py,0) * -7px);transition:translate 1.2s var(--cbm-ease);display:block;position:absolute;inset:0}.cbm-plate,.cbm-plate img{width:100%;height:100%;display:block;position:absolute;inset:0}.cbm-plate img{object-fit:cover}.cbm-layer,.cbm-glow,.cbm-fx{left:var(--x,0);top:var(--y,0);width:var(--w,100%);height:var(--h,100%);pointer-events:none;display:block;position:absolute}.cbm-glow{z-index:1;background:radial-gradient(closest-side, color-mix(in oklab, var(--cbm-tone) 58%, transparent), color-mix(in oklab, var(--cbm-tone) 18%, transparent) 55%, transparent);mix-blend-mode:screen;opacity:.55;border-radius:50%}.cbm-layer{z-index:2;translate:calc(var(--px,0) * var(--depth) * -30px) calc(var(--py,0) * var(--depth) * -16px);transition:translate 1.1s var(--cbm-ease)}.cbm-rise,.cbm-float,.cbm-layer picture,.cbm-layer img{width:100%;height:100%;display:block}.cbm-float{position:relative}.cbm-sweep{display:none}@supports (mask-image:image-set(url('data:,') type('image/png'))){.cbm-sweep{mask-image:var(--mask);mix-blend-mode:screen;display:block;position:absolute;inset:0;overflow:hidden;mask-size:100% 100%;mask-repeat:no-repeat}}.cbm-sweep i{background:linear-gradient(100deg, transparent 0%, color-mix(in oklab, var(--on-dark) 34%, transparent) 50%, transparent 100%);opacity:0;width:40%;position:absolute;top:-10%;bottom:-10%;left:-55%;transform:skew(-14deg)}.cbm-fx{z-index:2}.cbm-fx i{opacity:0;display:block;position:absolute}.cbm-fx--pixels i{left:var(--sx);top:var(--sy);aspect-ratio:1;background:var(--cbm-tone);width:clamp(3px,.55cqh,7px)}.cbm-fx--pixels i:nth-child(3n+1){background:var(--c-cyan)}.cbm-fx--pixels i:nth-child(3n+2){background:var(--c-pink)}.cbm-fx--rings i{aspect-ratio:1;background:radial-gradient(closest-side, transparent 76%, color-mix(in oklab, var(--cbm-tone) 42%, transparent) 88%, transparent 100%);mix-blend-mode:screen;border-radius:50%;width:120%;top:50%;left:50%;translate:-50% -50%}.cbm-fx--energy i{left:var(--sx);aspect-ratio:1;background:var(--cbm-tone);border-radius:50%;width:clamp(2px,.4cqh,5px);bottom:6%}.cbm-fx--streak{width:100%;height:100%;inset:0;overflow:hidden}.cbm-fx--streak i{background:linear-gradient(90deg, transparent, color-mix(in oklab, var(--cbm-tone) 20%, transparent) 50%, transparent);mix-blend-mode:screen;opacity:1;width:16%;top:-30%;bottom:-30%;left:0;transform:translate(-130%)skew(-18deg)}.cbm-copy{z-index:4;top:50%;left:clamp(var(--sp-4), 4.4%, 64px);justify-items:start;gap:var(--sp-2);width:min(46%,560px);display:grid;position:absolute;transform:translateY(-50%)}.cbm-kicker{font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:color-mix(in oklab, var(--cbm-tone) 62%, var(--on-dark));font-weight:700}.cbm-title{max-width:22ch;font-family:var(--font-display);font-size:clamp(var(--fs-md,1rem), 1.9vw, 2.1rem);line-height:var(--lh-tight);text-wrap:balance}.cbm-sub{max-width:40ch;font-size:var(--fs-sm);color:color-mix(in oklab, var(--on-dark) 74%, transparent);line-height:1.4}.cbm-facts{gap:var(--sp-1);flex-wrap:wrap;display:flex}.cbm-facts span{background:color-mix(in oklab, var(--on-dark) 11%, transparent);font-size:var(--fs-xs);white-space:nowrap;border-radius:999px;padding:3px 10px;font-weight:600}.cbm-action{align-items:center;gap:var(--sp-2) var(--sp-4);margin-top:var(--sp-1);flex-wrap:wrap;display:flex}.cbm-cta{align-items:center;gap:var(--sp-2);min-height:40px;padding:0 var(--sp-4);color:var(--on-accent);background:var(--accent);font-size:var(--fs-sm);transition:background-color .18s var(--curve);border-radius:999px;font-weight:750;display:inline-flex}.cbm-cta .si{transition:transform .26s var(--cbm-ease)}.cbm:hover .cbm-cta{background:var(--accent-hover)}.cbm:hover .cbm-cta .si{transform:translate(3px)}.cbm-price{align-items:baseline;gap:2px var(--sp-2);font-size:var(--fs-xs);flex-wrap:wrap;display:inline-flex}.cbm-price-name{color:color-mix(in oklab, var(--on-dark) 72%, transparent)}.cbm-price b{font-size:var(--fs-md);font-weight:800}.cbm-price s{color:color-mix(in oklab, var(--on-dark) 52%, transparent)}.cbm-stock{color:color-mix(in oklab, var(--c-green) 70%, var(--on-dark))}@keyframes cbm-cam{0%{transform:scale(1)translate(0,0)}to{transform:scale(1.09)translate(-1.2%,.6%)}}@keyframes cbm-rise{0%{opacity:0;transform:translate3d(calc(28px + var(--depth,.5) * 90px), 34px, 0) scale(.82) rotate(-2.5deg)}55%{opacity:1}72%{transform:translate(-5px,-6px)scale(1.025)rotate(.6deg)}to{opacity:1;transform:none}}@keyframes cbm-float{0%,to{transform:translate(0,0)rotate(0)}50%{transform:translate3d(calc(var(--float,0) * 4px), calc(var(--float,0) * -16px), 0) rotate(calc(var(--float,0) * -1.1deg))}}@keyframes cbm-glow{0%,to{opacity:.42;transform:scale(.94)}50%{opacity:.8;transform:scale(1.06)}}@keyframes cbm-sweep{0%,55%{opacity:0;transform:translate(0)skew(-14deg)}60%{opacity:1}95%{opacity:1}to{opacity:0;transform:translate(400%)skew(-14deg)}}@keyframes cbm-streak{0%{transform:translate(-130%)skew(-18deg)}55%,to{transform:translate(760%)skew(-18deg)}}@keyframes cbm-twinkle{0%,to{opacity:0;transform:scale(.6)}40%{opacity:.95;transform:scale(1)}70%{opacity:.2}}@keyframes cbm-ring{0%{opacity:.85;transform:scale(.55)}to{opacity:0;transform:scale(1.35)}}@keyframes cbm-spark{0%{opacity:0;transform:translate(0,0)}20%{opacity:.9}to{opacity:0;transform:translate3d(calc((var(--i) - 4) * 3px), -70cqh, 0)}}@keyframes cbm-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.catban-slide.is-active .cbm-cam{animation:14s ease-in-out .3s infinite alternate both cbm-cam}.catban-slide.is-active .cbm-rise{animation:cbm-rise 1.35s var(--cbm-ease) calc(.25s + var(--delay,0s)) both}.catban-slide.is-active .cbm-float{animation:cbm-float calc(6s + var(--depth,.5) * 2.4s) ease-in-out calc(var(--delay,0s) + 1s) infinite}.catban-slide.is-active .cbm-glow{animation:5.6s ease-in-out infinite cbm-glow}.catban-slide.is-active .cbm-sweep i{animation:cbm-sweep 5.5s var(--cbm-ease) 1.6s infinite}.catban-slide.is-active .cbm-fx--streak i{animation:12s ease-in-out 2.2s infinite cbm-streak}.catban-slide.is-active .cbm-fx--pixels i{animation:cbm-twinkle 3.2s steps(6, jump-none) calc(var(--i) * -.41s) infinite}.catban-slide.is-active .cbm-fx--rings i{animation:cbm-ring 4.2s var(--cbm-ease) calc(var(--i) * 1.4s) infinite}.catban-slide.is-active .cbm-fx--energy i{animation:cbm-spark 3.6s ease-out calc(var(--i) * .4s) infinite}.catban-slide.is-active .cbm-in{animation:cbm-in .8s var(--cbm-ease) calc(.15s + var(--in,0) * 90ms) both}.catban.is-offscreen .cbm *,.catban.is-offscreen .cbm :after{animation-play-state:paused!important}@media (width<=860px){.cbm-sub,.cbm-facts,.cbm-price{display:none!important}.cbm-copy{gap:6px;width:min(54%,420px)}.cbm-sub{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.cbm-art:after{background:linear-gradient(90deg, color-mix(in oklab, var(--cbm-base) 90%, transparent) 0%, color-mix(in oklab, var(--cbm-base) 60%, transparent) 42%, transparent 62%)}}@media (width<=520px){.cbm-stage--desktop{display:block}.cbm-stage--mobile{display:none!important}.cbm-copy{left:var(--sp-3);gap:2px;width:54%}.cbm-kicker,.cbm-action{display:none!important}.cbm-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:none;font-size:.95rem;display:-webkit-box;overflow:hidden}.cbm-stage{mask-image:linear-gradient(90deg,#0000 0%,#000 30%)}}@media (width>=861px) and (width<=1280px){.cbm-facts{display:none!important}.cbm-sub{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}@media (prefers-reduced-motion:reduce){.cbm *,.cbm :after{transition:none!important;animation:none!important}.cbm-cam,.cbm-layer{translate:none}.cbm-fx,.cbm-sweep{display:none!important}}