.ring-home{height:100svh;min-height:420px;overflow:hidden;background:#fff;letter-spacing:-.03em}
.ring-home .header{position:absolute;inset:0 0 auto;z-index:400;background:transparent;font-size:13px;font-weight:500}
.ring-home .tag{font-size:12px;padding:1px 6px;line-height:1.35;background:#ededed}.ring-home .tag:hover{background:#0c0c0c}.ring-home .header nav{gap:12px}.ring-home .brand{font-size:13px}
.ring-main{padding:0 24px;min-height:0;height:100%;display:flex;align-items:center}
.ring-stage{width:100%;height:90svh;position:relative;overflow:hidden;touch-action:none;user-select:none;cursor:grab;outline-offset:-3px}.ring-stage.dragging{cursor:grabbing}
.ring-backdrop{position:absolute;inset:26px 0 0;pointer-events:none}
.ring-thumb{position:absolute;left:50%;top:50%;width:126px;height:175px;padding:0;border:0;background:transparent;pointer-events:auto;will-change:transform;transform-origin:center;cursor:pointer}
.ring-thumb img{width:100%;height:100%;display:block;object-fit:contain;user-select:none;-webkit-user-drag:none;pointer-events:none}.ring-thumb picture{pointer-events:none}
.ring-feature{width:400px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5;background:#ededed}
.ring-label{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#ededed;padding:4px;line-height:18px;font-size:15px;font-weight:500;letter-spacing:-.03em}.ring-label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ring-label>a{background:#0c0c0c;color:#fff;padding:2px;font-size:13px;line-height:13px;white-space:nowrap;position:relative;z-index:400}.ring-label>a:hover{background:#fff;color:#0c0c0c}
.ring-feature-photo{width:100%;aspect-ratio:.86;display:block;overflow:hidden;background:#f4f4f2}.ring-feature-photo img{width:100%;height:100%;display:block;object-fit:contain;-webkit-user-drag:none;user-select:none}
.ring-home footer{position:absolute;inset:auto 0 0;border:0;background:transparent;font-size:12px;padding:15px 24px;color:#151515;pointer-events:none}.ring-home footer span:nth-child(2),.ring-home footer>a{display:none}
.ring-key-controls{position:absolute;left:50%;bottom:0;transform:translateX(-50%);display:flex;gap:12px;z-index:400}.ring-key-controls button{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(100%);white-space:nowrap}.ring-key-controls button:focus-visible{position:relative;width:auto;height:auto;clip-path:none;background:#111;color:#fff;padding:6px}.no-script{position:fixed;bottom:30px;left:24px;z-index:400;background:#fff}
@media(max-width:700px){.ring-main{padding:0 10px}.ring-home .header{padding:18px 20px;gap:18px 8px}.ring-home .header nav{gap:6px}.ring-stage{height:86svh;margin-top:45px}.ring-feature{width:72vw}.ring-thumb{width:95px;height:132px}.ring-label{font-size:14px}.ring-home footer{padding:15px 20px;font-size:11px}}