.deck{--deck-bg: #ffffff;--deck-label: #ffffff;--deck-plate: #e9ff3d;--deck-plate-text: #0d0f12;--deck-control: #111317;--deck-control-icon: #ffffff;--deck-control-hover: #2a2e36;--deck-counter: rgba(17, 19, 23, .42);--deck-counter-text: #ffffff;--deck-shadow-color: rgba(24, 26, 34, .26);--deck-aspect: 1.44;--deck-card-w: 35cqw;--deck-card-h: 52.85cqw;--deck-corner: 1.75cqw;--deck-hinge: 160%;--deck-zoom: 1.07;--deck-speed: .78s;--deck-ease: ease;--deck-label-size: clamp(16px, 2.5cqw, 34px);--deck-title-size: clamp(13px, 1.85cqw, 24px);--deck-cta-size: clamp(9px, 1.02cqw, 13px);container-type:inline-size;position:relative;width:100%;background:var(--deck-bg);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.deck:active{cursor:grabbing}.deck:focus-visible{outline:2px solid var(--deck-control);outline-offset:4px}.deck-stage{position:relative;width:100%;aspect-ratio:var(--deck-aspect)}.deck-card{position:absolute;top:2%;left:50%;width:var(--deck-card-w);height:var(--deck-card-h);transform-origin:50% var(--deck-hinge);transform:translate(-50%) translateY(var(--deck-dy)) rotate(var(--deck-rot, 0deg)) scale(var(--deck-sc, 1));border-radius:var(--deck-corner);overflow:hidden;background:#0c0e12;box-shadow:0 1.4cqw 3.2cqw -.6cqw var(--deck-shadow-color);cursor:pointer;will-change:transform;transition-property:transform,opacity;transition-duration:var(--deck-speed);transition-timing-function:var(--deck-ease)}.deck-media{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;transform:scale(calc(var(--deck-zoom) - (var(--deck-zoom) - 1) * var(--deck-t, 0)));transition:transform var(--deck-speed) var(--deck-ease)}.deck-scrim{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,#08090e57,#08090e00 26%),linear-gradient(0deg,#08090e42,#08090e00 24%)}.deck-label{position:absolute;top:4.6%;left:6.5%;font-size:var(--deck-label-size);font-weight:800;letter-spacing:-.03em;line-height:1;color:var(--deck-label);pointer-events:none}.deck-plate{position:absolute;left:8%;right:8%;bottom:5.2%;display:flex;flex-direction:column;gap:.5cqw;padding:1.5cqw 1.9cqw;border-radius:calc(var(--deck-corner) * .62);background:var(--deck-plate);color:var(--deck-plate-text);opacity:clamp(0,calc((var(--deck-t, 0) - .62) * 2.8),1);transform:translateY(calc((1 - var(--deck-t, 0)) * 22%));transition-property:opacity,transform;transition-duration:var(--deck-speed);transition-timing-function:var(--deck-ease);pointer-events:none}.deck-plate-title{font-size:var(--deck-title-size);font-weight:800;letter-spacing:-.01em;line-height:1.1;text-transform:uppercase}.deck-plate-cta{font-size:var(--deck-cta-size);font-weight:700;letter-spacing:.08em;line-height:1.2;text-transform:uppercase;color:inherit;text-decoration:none;opacity:.82}.deck-card.is-focused .deck-plate-cta{pointer-events:auto}.deck-card.is-focused .deck-plate-cta:hover{opacity:1}.deck-controls{position:relative;z-index:200;display:flex;flex-direction:column;align-items:center;gap:.7cqw;margin-top:-3cqw;cursor:default}.deck-counter{padding:.28cqw 1cqw;border-radius:999px;background:var(--deck-counter);color:var(--deck-counter-text);font-size:clamp(9px,1.05cqw,13px);font-weight:700;font-variant-numeric:tabular-nums;line-height:1.5}.deck-buttons{display:flex;align-items:flex-start;gap:1.1cqw}.deck-btn{display:grid;place-items:center;width:clamp(34px,4.4cqw,58px);height:clamp(34px,4.4cqw,58px);padding:0;border:0;border-radius:999px;background:var(--deck-control);color:var(--deck-control-icon);cursor:pointer;transition:background-color .24s ease,transform .24s ease,opacity .24s ease}.deck-btn--play{margin-top:1.7cqw}.deck-btn svg{width:46%;height:46%;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.deck-btn svg .deck-fill{fill:currentColor;stroke-width:1.6}.deck-btn:hover:not(:disabled){background:var(--deck-control-hover);transform:translateY(-2px)}.deck-btn:disabled{opacity:.32;cursor:default}.deck-btn:focus-visible{outline:2px solid var(--deck-control);outline-offset:3px}.deck--dragging .deck-card,.deck--dragging .deck-media,.deck--dragging .deck-plate{transition:none}@media(prefers-reduced-motion:reduce){.deck{--deck-speed: 1ms;--deck-zoom: 1}.deck-btn{transition:none}.deck-btn:hover:not(:disabled){transform: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--deck{padding:clamp(20px,3vw,40px) clamp(28px,5.5vw,64px) clamp(28px,4vw,56px);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}
