/* One stack, one active work. Transforms run only when a visitor changes cards. */
.catalog.card-deck{display:block;position:relative;isolation:isolate;height:574px;min-height:0;max-width:none;width:100%;touch-action:pan-y;user-select:none}
.catalog.card-deck>.work-item{position:absolute;left:50%;top:16px;width:min(520px,calc(100% - 112px));height:526px;transform-origin:center 78%}
.catalog.card-deck>.work-item .work-card{display:flex;flex-direction:column;width:100%;height:100%;border-radius:var(--ui-radius-card);box-shadow:0 16px 40px #0005}
.catalog.card-deck[data-count]>.work-item:nth-child(n) .card-art{height:auto;min-height:0;flex:none;width:100%;aspect-ratio:16/9}
.catalog.card-deck>.work-item .card-content{position:relative;z-index:1;flex:1;min-height:0;padding:22px 24px 78px}
.catalog.card-deck>.work-item .card-content>*,.catalog.card-deck .card-preview-button,.catalog.card-deck .demo-number,.catalog.card-deck .art-caption{transition:opacity 180ms var(--ui-ease)}
.catalog.card-deck>.work-item[data-deck-active="false"] .card-content>*,.catalog.card-deck>.work-item[data-deck-active="false"] .card-preview-button,.catalog.card-deck>.work-item[data-deck-active="false"] .demo-number,.catalog.card-deck>.work-item[data-deck-active="false"] .art-caption{opacity:0}
.catalog.card-deck .card-preview-button{backdrop-filter:none;-webkit-backdrop-filter:none;background-color:var(--glass-supported)}
.catalog.card-deck>.work-item .card-description{margin-block:10px 16px}
.deck-edge-button{position:absolute;inset:0;z-index:4;width:100%;height:100%;padding:0;border:1px solid transparent;border-radius:var(--ui-radius-card);background:transparent;cursor:pointer;touch-action:pan-y;transition:border-color 160ms}
.deck-edge-button[hidden]{display:none}
.deck-edge-button:hover{border-color:#b7d8ed66}
.deck-edge-button:focus-visible{outline:2px solid #b7e1ff;outline-offset:3px}
.catalog.card-deck.is-dragging{cursor:grabbing}
.catalog.card-deck.is-dragging .work-card{cursor:grabbing}
.catalog.card-deck.is-dragging .card-preview-button{pointer-events:none}
.deck-controls{display:flex;align-items:center;justify-content:center;gap:22px;margin:0 auto 8px}
.deck-controls[hidden]{display:none}
.deck-controls button{display:grid;place-items:center;width:46px;height:46px;padding:0;border-radius:50%;cursor:pointer}
.deck-controls svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.deck-position{min-width:64px;text-align:center;font-size:12px;font-variant-numeric:tabular-nums;letter-spacing:.08em;color:#b6cbdc}
@media(max-width:680px){
 .catalog.card-deck{height:480px}
 .catalog.card-deck>.work-item{width:calc(100% - 52px);max-width:420px;height:438px;top:12px}
 .catalog.card-deck[data-count]>.work-item:nth-child(n) .card-art{aspect-ratio:16/10}
 .catalog.card-deck>.work-item .card-content{padding:20px 18px 78px}
 .catalog.card-deck>.work-item .card-title-row h3{font-size:18px}
 .catalog.card-deck>.work-item .card-entry{left:18px;font-size:12px}
 .catalog.card-deck>.work-item .card-preview-button{right:16px;min-width:72px;padding-inline:12px}
 .catalog.card-deck>.work-item .card-description{font-size:12px}
 .deck-controls{gap:20px}
}
@media(prefers-reduced-motion:reduce){.catalog.card-deck>.work-item{will-change:auto}.deck-edge-button,.catalog.card-deck>.work-item .card-content>*,.catalog.card-deck .card-preview-button,.catalog.card-deck .demo-number,.catalog.card-deck .art-caption{transition:none}}