.hero-light{background:radial-gradient(ellipse 58% 40% at 50% 74%,rgba(255,85,0,.42),rgba(255,85,0,.12) 45%,transparent 72%),radial-gradient(ellipse 38% 30% at 92% 3%,rgba(56,189,248,.18),transparent 70%)}.hero-light:after{content:"";position:absolute;inset:0;opacity:.09;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.hring{--ring-r: min(200px, 26vw);--ring-k: 1;position:relative;height:300px;touch-action:pan-y;cursor:grab;-moz-user-select:none;user-select:none;-webkit-user-select:none}@media (max-width: 1023px){.hring{--ring-k: .86;height:270px}}@media (max-width: 639px){.hring{--ring-r: 31vw;--ring-k: .72;height:230px}}@media (min-width: 1024px) and (max-height: 880px){.hring{--ring-k: .9;height:270px}}@media (min-width: 1024px) and (max-height: 780px){.hring{--ring-k: .8;height:240px}}@media (min-width: 1024px) and (max-height: 680px){.hring{--ring-k: .7;height:210px}}@media (min-width: 1024px) and (max-height: 600px){.hring{--ring-k: .58;height:172px}}.hring.is-dragging,.hring.is-dragging .hring-item{cursor:grabbing}.hring-item{position:absolute;left:50%;top:50%;width:260px;height:260px;margin:-130px 0 0 -130px;display:flex;align-items:center;justify-content:center;transform:translate3d(calc(var(--sx, 0) * var(--ring-r)),calc(var(--y, 0) * var(--ring-k) * 1px),0) scale(calc(var(--s, 1) * var(--ring-k)));filter:var(--f, none);will-change:transform;outline:none;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-drag:none}.hring-item *{-webkit-user-drag:none}.hring-obj{position:relative;display:block;border-radius:10px}.hring-item:focus-visible .hring-obj{outline:3px solid #fff;outline-offset:8px}.sv{width:190px;height:190px;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.sv-slot{position:absolute;left:0;top:5px;width:180px;height:180px;border-radius:50%;box-shadow:0 18px 40px -8px #000000bf;transform:translate(14%);transition:transform .9s cubic-bezier(.2,.7,.2,1)}.sv-disc{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,transparent 0 31%,rgba(255,255,255,.07) 31.5%,transparent 33%),repeating-radial-gradient(circle,#0c0c0c 0 2px,#191919 2px 3px)}.sv-label{position:absolute;inset:31%;border-radius:50%;background-color:#f50;background-size:cover;background-position:center}.sv-disc:after{content:"";position:absolute;left:50%;top:50%;width:7px;height:7px;margin:-3.5px;border-radius:50%;background:#0a0a0a}.sv-sleeve{position:absolute;inset:0;z-index:2;overflow:hidden;border-radius:3px;background-color:#f50;background-size:cover;background-position:center;box-shadow:0 20px 40px -10px #000000d9;color:#050505;text-align:left}.sv-sleeve:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.18),transparent 35%,rgba(0,0,0,.25))}.sv-sleeve-title{position:absolute;left:12px;top:30px;font-size:24px;font-weight:900;line-height:1}.sv-cat{position:absolute;left:9px;bottom:8px;font-size:9px;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.8)}.hring-item.active .sv{transform:translate(-26%)}.hring-item.active .sv-slot{transform:translate(56%)}.hring-item.active .sv-disc{animation:hring-spin 1.8s linear infinite}@keyframes hring-spin{to{transform:rotate(360deg)}}.tape-obj{width:236px;height:150px;border-radius:10px;background:linear-gradient(180deg,#262626,#141414);box-shadow:0 20px 34px -10px #000000d9,inset 0 1px #ffffff14;transform:rotate(-9deg);transition:transform .7s cubic-bezier(.2,.7,.2,1)}.hring-item.active .tape-obj{transform:rotate(-4deg)}.tape-label{position:absolute;left:12px;right:12px;top:12px;height:86px;border-radius:5px;background:#efe8dc;overflow:hidden;text-align:left}.tape-strip{position:absolute;left:0;right:0;top:0;height:20px;padding:4px 8px;background:#f50;color:#050505;font-size:10px;line-height:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tape-line{position:absolute;left:9px;right:28px;bottom:6px;font-size:11px;font-weight:600;color:#2a2a2a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tape-side{position:absolute;right:9px;bottom:5px;font-size:13px;font-weight:900;color:#2a2a2a}.tape-window{position:absolute;left:52px;right:52px;top:38px;height:36px;border-radius:18px;background:#0b0b0b;display:flex;justify-content:space-between;align-items:center;padding:0 7px}.tape-reel{width:24px;height:24px;border-radius:50%;background:repeating-conic-gradient(#d8d0c4 0 20deg,#0b0b0b 20deg 60deg);-webkit-mask:radial-gradient(circle,transparent 0 4.5px,#000 5px);mask:radial-gradient(circle,transparent 0 4.5px,#000 5px)}.hring-item.active .tape-reel{animation:hring-spin 2.4s linear infinite}.tape-teeth{position:absolute;left:62px;right:62px;bottom:12px;height:22px;border-radius:4px 4px 0 0;background:#0e0e0e}.tape-screw{position:absolute;width:6px;height:6px;border-radius:50%;background:#444}.usb-obj{display:flex;align-items:center;border-radius:10px;transform:rotate(11deg);transition:transform .7s cubic-bezier(.2,.7,.2,1)}.hring-item.active .usb-obj{transform:rotate(6deg)}.usb-body{position:relative;width:168px;height:66px;padding:10px 14px;border-radius:10px;background:linear-gradient(180deg,#ff6a1f,#dc4800);box-shadow:0 16px 28px -8px #000000d9,inset 0 1px #ffffff47;color:#050505;text-align:left}.usb-name{display:block;font-size:22px;font-weight:900;line-height:1}.usb-sub{display:block;margin-top:6px;font-size:10px}.usb-led{position:absolute;right:11px;top:11px;width:7px;height:7px;border-radius:50%;background:#38bdf8;box-shadow:0 0 8px 2px #38bdf8cc;animation:hring-blink .484s steps(1) infinite alternate}@keyframes hring-blink{50%{opacity:.25}}.usb-plug{position:relative;width:41px;height:40px;border-radius:0 4px 4px 0;background:linear-gradient(180deg,#dedede,#8a8a8a)}.usb-plug:before,.usb-plug:after{content:"";position:absolute;left:14px;width:10px;height:8px;background:#3a3a3a}.usb-plug:before{top:8px}.usb-plug:after{bottom:8px}.hring-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;letter-spacing:.08em;text-transform:uppercase}.hring-caption-title{font-size:15px;font-weight:700;line-height:1.3;color:#fff}.hring-caption-platform{margin-top:4px;font-size:11px;color:#ffffffa6}.hring-caption-platform i{color:#f50;margin-right:3px}.hring-nav{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:#05050580;color:#fff;transition:color .3s,border-color .3s;cursor:pointer}.hring-nav:hover{color:#f50;border-color:#f50}.hring-nav:focus-visible{outline:3px solid #fff;outline-offset:2px}.hring-dot{width:24px;height:24px;display:grid;place-items:center;padding:0;border:0;background:none;cursor:pointer}.hring-dot:before{content:"";width:8px;height:8px;border-radius:999px;background:#ffffff47;transition:width .3s,background-color .3s}.hring-dot[aria-current=true]:before{width:20px;background:#f50}.hring-dot:focus-visible{outline:2px solid #fff;outline-offset:1px;border-radius:6px}.hero-next{color:#ffffffb3;font-size:11px;transition:color .3s}.hero-next:hover{color:#fff}.hero-next b{font-weight:600;color:#f50}.hero-next b.is-open{color:#7dd3fc}.hero-next-dot{display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:#f50;vertical-align:1px;animation:hring-blink .484s steps(1) infinite alternate}@media (prefers-reduced-motion: reduce){.sv,.sv-slot,.tape-obj,.usb-obj,.hring-dot:before{transition:none}.hring-item.active .sv-disc,.hring-item.active .tape-reel,.usb-led,.hero-next-dot{animation:none}}@media (min-width: 768px){h1 .hero-name{font-size:min(4.5rem,15vh)}h2.hero-sub{font-size:min(2.25rem,7vh)}}@media (min-width: 1024px){section.hero-top{padding-top:clamp(5.5rem,14vh,8rem)}h1 .hero-name{font-size:min(8rem,15vh)}h2.hero-sub{font-size:min(3.75rem,7vh)}#highlights.hero-stage{padding-bottom:min(3rem,5.2vh)}#highlights .hero-next{margin-top:min(2rem,3.5vh)}}.hero-kicker{display:inline-flex;align-items:center;gap:.9em;letter-spacing:.4em;padding-left:.4em}.hero-kicker:before,.hero-kicker:after{content:"";width:1.8em;height:2px;background:#f50}
