.cr{--cr-bg: #ffffff;--cr-face: #ffffff;--cr-shadow-color: rgba(18, 22, 34, .22);--cr-caption: #12161f;--cr-caption-muted: rgba(18, 22, 31, .55);--cr-aspect: 1.4;--cr-card-w: 15cqw;--cr-ratio: .75;--cr-perspective: 74.8cqw;--cr-corner: .8cqw;--cr-matte: .5cqw;--cr-lift: 1.8cqw;--cr-hover-scale: 1.07;container-type:inline-size;position:relative;width:100%;aspect-ratio:var(--cr-aspect);overflow:hidden;background:var(--cr-bg);cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.cr.is-dragging{cursor:grabbing}.cr-scene{position:absolute;top:0;right:0;bottom:0;left:0;perspective:var(--cr-perspective);perspective-origin:50% 50%;transform-style:flat}.cr-card{position:absolute;top:50%;left:50%;width:var(--cr-card-w);height:calc(var(--cr-card-w) * var(--cr-ratio));margin-left:calc(var(--cr-card-w) / -2);margin-top:calc(var(--cr-card-w) * var(--cr-ratio) / -2);will-change:transform;backface-visibility:visible}.cr-face{position:absolute;top:0;right:0;bottom:0;left:0;display:block;overflow:hidden;border-radius:var(--cr-corner);background:var(--cr-face);box-shadow:0 1.4cqw 3cqw -1.2cqw var(--cr-shadow-color),-.35cqw 0 .7cqw -.35cqw var(--cr-shadow-color);transform:scale(1);transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s cubic-bezier(.22,1,.36,1)}.cr:not(.is-dragging) .cr-card:hover .cr-face{transform:scale(var(--cr-hover-scale));box-shadow:0 2.6cqw 5cqw -1.4cqw var(--cr-shadow-color)}.cr-media{position:absolute;inset:var(--cr-matte);border-radius:calc(var(--cr-corner) * .5);display:block;width:100%;height:100%;object-fit:cover;-webkit-user-drag:none;pointer-events:none}.cr-art{background:linear-gradient(150deg,#e8edf5,#93a2b8)}.cr-caption{position:absolute;left:clamp(14px,3cqw,46px);bottom:clamp(14px,3cqw,46px);z-index:2;display:flex;flex-direction:column;gap:.3em;width:min(26cqw,320px);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;text-align:left;text-wrap:balance;opacity:0;transition:opacity .4s ease;pointer-events:none}.cr-caption__title{font-size:clamp(13px,1.7cqw,22px);font-weight:600;letter-spacing:-.02em;color:var(--cr-caption)}.cr-caption__note{font-size:clamp(11px,1.2cqw,15px);line-height:1.45;color:var(--cr-caption-muted)}@media(prefers-reduced-motion:reduce){.cr-card{will-change:auto}.cr-face{transition:none}}.page{min-height:100vh;padding:clamp(32px,7vw,96px) clamp(20px,5vw,64px);background:#000;color:#f5f6f8}.page__head{max-width:1120px;margin:0 auto clamp(28px,5vw,56px)}.page__head h1{margin:0;font-size:clamp(24px,3vw,34px);font-weight:600;letter-spacing:-.02em}.page__head p{margin:8px 0 0;color:#9aa2ad;font-size:15px}.section{max-width:1120px;margin:0 auto clamp(40px,6vw,80px)}.section__title{margin:0 0 clamp(16px,2vw,24px);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#8a8f99}.stage{display:flex;flex-direction:column;align-items:center;gap:clamp(28px,5vw,56px);padding:clamp(48px,8vw,104px) clamp(20px,4vw,48px);border-radius:28px;background:#000;text-align:center}.stage--wheel{padding:0;overflow:hidden;background:#000}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
