.hero{--ring-r:clamp(170px, 36vw, 640px);--title-fs:clamp(2.75rem, 8.6vw, 11.25rem);--clear-top:100px;background:var(--sc-ink);flex-direction:column;min-height:clamp(680px,100svh,1240px);display:flex;position:relative;overflow:clip}.ring-stage{min-height:calc(2 * var(--clear-top) + 3.6 * var(--title-fs) + 50px);perspective:1700px;perspective-origin:50% 42%;touch-action:pan-y;-webkit-user-select:none;user-select:none;flex:1;position:relative}.ring-stage.is-dragging{cursor:grabbing}.ring-root{transform-style:preserve-3d;position:absolute;inset:0}.ring-title{left:var(--sc-margin);right:var(--sc-margin);text-align:center;pointer-events:none;flex-direction:column;align-items:center;gap:clamp(16px,1.6vw,28px);margin:0;display:flex;position:absolute;top:50%;transform:translateY(-50%)translateZ(0)}.ring-title__line{font-family:var(--sc-font-display);font-weight:700;font-stretch:var(--sc-display-stretch);font-size:var(--title-fs);letter-spacing:-.015em;text-transform:uppercase;color:#fff;text-wrap:balance;line-height:.9}.ring-title__keyword{font-family:var(--sc-font-mono);font-weight:500;font-size:var(--sc-fs-label);letter-spacing:var(--sc-track-label);text-transform:uppercase;color:var(--sc-text-dark-2);line-height:1.4}.ring-tilt{width:0;height:0;transform-style:preserve-3d;position:absolute;top:44%;left:50%;transform:rotateX(-7deg)}.ring-spin{transform-style:preserve-3d;animation:ring-spin var(--sc-ring-period) linear infinite;will-change:transform;position:absolute;inset:0;transform:rotateY(18deg)}@keyframes ring-spin{0%{transform:rotateY(18deg)}to{transform:rotateY(378deg)}}.ring-stage:not(.is-js):has(.ring-face:hover) .ring-spin{animation-play-state:paused}.hero:has(.ring-pause__input:checked) .ring-stage:not(.is-js) .ring-spin{animation-play-state:paused}.ring-stage.is-js .ring-spin{animation:none}.ring-card{width:var(--card-w);transform-style:preserve-3d;transform:rotateY(var(--slot)) translateZ(var(--ring-r)) translateY(var(--dy)) translate(-50%, -50%);position:absolute;top:0;left:0}.ring-card[data-orientation=portrait]{--card-w:clamp(78px, 8.2vw, 158px);--ratio:9 / 16}.ring-card[data-orientation=widescreen]{--card-w:clamp(150px, 15vw, 290px);--ratio:16 / 9}.ring-face{color:inherit;backface-visibility:hidden;cursor:pointer;outline-offset:6px;text-decoration:none;display:block}.ring-stage.is-dragging .ring-face{cursor:grabbing}.ring-screen{aspect-ratio:var(--ratio);background:var(--sc-bezel);box-shadow:var(--sc-glow-screen);border:1px solid #2a2a2e;border-radius:4px;padding:3px;display:block;position:relative}.ring-screen__glass{background:#111113;border-radius:1px;width:100%;height:100%;display:block;position:relative;overflow:hidden}.ring-screen__glass picture{width:100%;height:100%;display:block}.ring-screen__glass img{object-fit:cover;width:100%;height:100%;transition:filter var(--sc-dur-2) var(--sc-ease-expo);display:block}.ring-screen__glass:after{content:"";background:var(--sc-sheen);pointer-events:none;position:absolute;inset:0}.ring-more{z-index:1;color:#fff;font:600 clamp(11px, .85vw, 15px) / 1 var(--sc-font-body);opacity:0;transition:opacity var(--sc-dur-1) var(--sc-ease-power3);background:#0e0e1059;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0}.ring-face:hover .ring-screen__glass img,.ring-face:focus-visible .ring-screen__glass img{filter:blur(6px)}.ring-face:hover .ring-more,.ring-face:focus-visible .ring-more{opacity:1}.ring-stage.is-dragging .ring-face .ring-more{opacity:0}.ring-stage.is-dragging .ring-face .ring-screen__glass img{filter:none}.ring-caption{font-family:var(--sc-font-body);font-size:var(--sc-fs-caption);color:var(--sc-text-dark-2);white-space:nowrap;margin-top:10px;line-height:1.3;display:block}.ring-back{width:100%;aspect-ratio:var(--ratio);backface-visibility:hidden;background:#0a0a0b;border:1px solid #232327;border-radius:4px;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0;transform:rotateY(180deg)}.ring-back:after{content:"";aspect-ratio:1;border:1px solid #232327;width:40%}.ring-card[data-orientation=widescreen] .ring-back:after{width:26%}.ring-pause{border:1px solid var(--sc-line-dark-strong);width:52px;height:52px;color:var(--sc-text-dark-2);cursor:pointer;transition:color var(--sc-dur-micro) linear, border-color var(--sc-dur-micro) linear;border-radius:2px;flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.ring-pause:hover{color:#fff;border-color:#fff}.ring-pause:has(:focus-visible){outline:2px solid var(--sc-violet-link);outline-offset:2px}.ring-pause__icon{width:14px;height:14px}.ring-pause__paused{display:none}.hero:has(.ring-pause__input:checked) .ring-pause__running{display:none}.hero:has(.ring-pause__input:checked) .ring-pause__paused{display:inline}@media (max-width:600px){.hero{--ring-r:clamp(120px, 38vw, 161px);--ring-y:75%}.ring-stage{perspective:800px;perspective-origin:50% var(--ring-y);min-height:calc((var(--clear-top) + 1.8 * var(--title-fs) + 25px) / .34)}.ring-title{top:34%}.ring-tilt{top:var(--ring-y);transform:none}.ring-card{transform-origin:0 0;transform:rotateY(var(--slot)) translateZ(var(--ring-r)) translate(-50%, -50%)}.ring-card[data-orientation=portrait]{--card-w:72px}.ring-card[data-orientation=widescreen]{--card-w:136px}.ring-caption{display:none}}@media (prefers-reduced-motion:reduce){.ring-spin{animation:none}.ring-pause{display:none}}