/* Existing palette and type; the images themselves carry the colour. */
.positioning-switch{display:flex;gap:26px;padding-top:40px;font-size:.875rem;color:var(--muted)}
.positioning-switch a{padding:10px 0;border-bottom:1px solid transparent}.positioning-switch a[aria-current]{color:var(--ink);border-color:currentColor}
[data-perspective] .library-disclosure{display:none}
.floating-collection{padding:100px 0 90px;overflow:clip;contain:layout style}
.collection-heading{display:flex;justify-content:space-between;align-items:end;gap:32px}
.collection-heading h2{font:400 clamp(44px,5.6vw,88px)/1.06 var(--serif);letter-spacing:-.045em}
.collection-heading p{color:var(--muted);margin-top:22px;max-width:38ch}
.deck-modes{display:flex;border-bottom:1px solid var(--line);gap:22px;flex-shrink:0}
.deck-modes button{padding:14px 0;font-size:.875rem;border-bottom:1px solid transparent}
.deck-modes button[aria-pressed=true]{border-color:var(--ink)}
.deck-stage{position:relative;height:540px;margin:22px auto 0;max-width:1600px;touch-action:pan-y;cursor:grab;isolation:isolate}
.deck-stage.is-dragging{cursor:grabbing}
.deck-card{position:absolute;top:50%;left:50%;width:clamp(170px,17vw,235px);transform:translate(-50%,-50%);transition:transform .65s cubic-bezier(.2,.8,.2,1),opacity .4s;will-change:transform}
.deck-surface{position:relative;animation:deck-drift 7s ease-in-out infinite alternate;animation-delay:var(--delay);animation-play-state:paused}
.floating-collection.is-moving .deck-surface{animation-play-state:running}
.deck-card[data-active=true] .deck-surface,.deck-card:hover .deck-surface,.deck-card:focus-within .deck-surface{animation-play-state:paused!important}
.deck-select{display:block;width:100%;padding:0;border-radius:3px;overflow:hidden;box-shadow:0 18px 40px #0007;transition:box-shadow .25s,filter .25s;position:relative;background:var(--surface)}
.deck-select img{width:100%;height:auto;aspect-ratio:var(--ratio);object-fit:contain;pointer-events:none;user-select:none}
.deck-card[data-active=false] .deck-select{filter:brightness(.86)}
.deck-card:hover .deck-select,.deck-card:focus-within .deck-select{filter:brightness(1);box-shadow:0 22px 48px #000a;translate:0 -5px}
.deck-select:focus-visible{outline-offset:5px;outline-width:3px}
.deck-play{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);border:1px solid #ffffff70;border-radius:99px;min-height:44px;padding:10px 18px;background:#080808db;color:#fff;white-space:nowrap;font-size:.875rem;backdrop-filter:blur(7px)}
.deck-player{position:absolute;inset:0;background:#070707;border-radius:3px;overflow:hidden}
.deck-player video{width:100%;height:100%;object-fit:contain}
.deck-close{position:absolute;right:7px;top:7px;min-height:44px;min-width:44px;border-radius:50%;background:#080808dc;font-size:24px;color:#fff}
.deck-card.is-playing .deck-surface{animation-play-state:paused!important}
.deck-card.is-playing .deck-select{visibility:hidden}
.is-dragging .deck-card{transition:none}
.deck-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:88px}
.deck-caption{min-width:0}.deck-caption>p{font-size:1.1rem}.deck-caption>a{color:var(--muted);font-size:.875rem}
.deck-controls{display:flex;align-items:center;gap:10px;flex-shrink:0}.deck-controls>span{font-size:.8rem;font-variant-numeric:tabular-nums;color:var(--muted);margin-right:12px}
.deck-controls button{min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:50%;font-size:20px}
.deck-controls #deck-pause{border:0;border-radius:0;font-size:.8rem;margin-left:12px;min-width:90px}
.deck-help,.deck-status{color:var(--muted);font-size:.75rem;margin-top:16px}.deck-status:empty{display:none}
.floating-collection[data-mode=playful] .deck-surface{animation-duration:5.5s}
@keyframes deck-drift{from{transform:translateY(-5px)}to{transform:translateY(5px)}}
@media(min-width:1600px){.deck-stage{height:610px}}
@media(max-width:800px){.floating-collection{padding-block:65px}.collection-heading{align-items:start}.collection-heading h2{font-size:52px}.collection-heading p{font-size:.875rem;max-width:28ch}.deck-stage{height:460px}.deck-card{width:195px}.deck-footer{align-items:start;flex-direction:column;gap:16px}.deck-controls{width:100%;justify-content:flex-end}.deck-controls>span{margin-right:auto}}
@media(max-width:480px){.collection-heading{flex-direction:column;gap:20px}.collection-heading h2{font-size:46px}.collection-heading p{margin-top:16px;max-width:32ch}.deck-modes{gap:24px}.deck-modes button{padding-block:9px;min-height:44px}.deck-stage{height:390px;margin-top:8px}.deck-card{width:164px}.deck-caption>p{font-size:1rem}.positioning-switch{padding-top:24px}.deck-footer{gap:8px}.deck-help{max-width:38ch;margin-left:0}}
@media(prefers-reduced-motion:reduce){.deck-card,.deck-select{transition:none}.deck-surface{animation:none!important}}
.motion-paused .deck-card{transition:none}.motion-paused .deck-surface{animation-play-state:paused!important}