.cy{--cy-lh:clamp(40px, 10.5vw, 140px);height:calc(100vh + var(--cy-lines) * 62vh);background:#000;position:relative}.cy-stage{place-items:center;height:100dvh;display:grid;position:sticky;top:0;overflow:hidden}.cy-eyebrow{text-align:center;letter-spacing:.14em;text-transform:uppercase;color:#ffffff80;font-size:13px;position:absolute;top:clamp(88px,14vh,140px);left:0;right:0}.cy-scene{width:100%;height:var(--cy-lh);perspective:1700px;perspective-origin:50%}.cy-drum{width:100%;height:100%;transform-style:preserve-3d;position:relative}.cy-line{white-space:nowrap;width:max-content;max-width:94vw;font-size:calc(var(--cy-lh) * .68);line-height:var(--cy-lh);letter-spacing:-.045em;color:#fff;backface-visibility:hidden;will-change:transform, opacity;transform:translate(-50%, -50%) rotateX(0deg) translateZ(calc(var(--cy-lh) * 1.9));font-weight:600;position:absolute;top:50%;left:50%}.cy-hint{text-align:center;letter-spacing:.14em;text-transform:uppercase;color:#fff6;font-size:12px;position:absolute;bottom:clamp(28px,6vh,64px);left:0;right:0}@media (prefers-reduced-motion:reduce){.cy{height:auto;padding:96px 20px}.cy-stage{height:auto;display:block;position:static;overflow:visible}.cy-eyebrow{margin-bottom:28px;position:static}.cy-scene{perspective:none;height:auto}.cy-drum{transform-style:flat;flex-direction:column;align-items:center;gap:8px;height:auto;display:flex}.cy-line{opacity:1;position:static;transform:none}.cy-hint{display:none}}