.tp{margin-top:56px}.tp img{display:block;width:100%;height:auto;user-select:none;-webkit-user-drag:none}.tp-card,.tp-fragment{padding:0;border:0;background:none;font:inherit;color:inherit;text-align:left;position:relative}.tp-fragment{width:100%}.tp-card:focus-visible,.tp-fragment:focus-visible{outline:2px solid var(--paper);outline-offset:6px}.tp-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:18px;border-bottom:1px solid var(--rule);margin-bottom:clamp(34px,4vw,56px)}.tp-bar.is-end{justify-content:flex-end}button.st-cta{font-family:var(--font-ocr);font-size:10px;letter-spacing:.18em;text-transform:uppercase;background:transparent;cursor:pointer;padding:9px 15px}.tp-spread{gap:clamp(56px,6.5vw,104px)}.tp-spread,.tp-suit{display:flex;flex-direction:column}.tp-suit{gap:20px}.tp-suit-name{display:flex;align-items:baseline;gap:14px;font-family:var(--font-ocr);font-size:clamp(1rem,1.5vw,1.375rem);font-weight:400;letter-spacing:.04em;line-height:1.2;margin:0;color:var(--edge);white-space:nowrap}.tp-suit-num{font-size:.8em;opacity:.75}.tp-hand{--card-w:clamp(112px,14vw,196px);--lap:0.46;display:flex;align-items:flex-start;padding:26px 0 34px;margin:-26px 0 -34px}.tp-hand.is-small{--card-w:clamp(56px,6vw,84px);--lap:0.4;padding:18px 0 24px;margin:-18px 0 -24px}.tp-card{width:var(--card-w);flex:0 0 auto;cursor:grab;touch-action:none}.tp-card+.tp-card{margin-left:calc(var(--card-w) * var(--lap) * -1)}.tp-card.is-held{cursor:grabbing}.tp-card img{border-radius:3px;box-shadow:-6px 10px 22px rgba(0,0,0,.45);transform:rotate(var(--tilt,0deg)) translateY(var(--drop,0));transition:transform .22s cubic-bezier(.22,.9,.3,1),box-shadow .22s ease}.tp-card:focus-visible img,.tp-card:hover img{transform:rotate(0deg) translateY(-24px) scale(1.04);box-shadow:-8px 22px 40px rgba(0,0,0,.55)}.tp-card.is-held,.tp-card:focus-visible,.tp-card:hover{z-index:60!important}.tp-card.is-held img{transform:rotate(0deg);box-shadow:-8px 26px 52px rgba(0,0,0,.6)}.tp-title{color:#00b79d}.tp .st-name{margin-bottom:clamp(18px,2.4vw,28px)}.tp-lay{display:grid;grid-template-columns:minmax(260px,420px) minmax(0,1fr);gap:clamp(24px,3.4vw,48px);align-items:start}.tp-aside{display:flex;flex-direction:column;gap:clamp(20px,2.6vw,30px);max-width:700px}.tp-drawn,.tp-fragment{cursor:grab;touch-action:none}.tp-drawn.is-held,.tp-fragment.is-held{cursor:grabbing}.tp-drawn img,.tp-fragment img{border-radius:3px;box-shadow:0 18px 44px rgba(0,0,0,.5)}.tp-drawn,.tp-fragment{transform-origin:left center;animation:tp-turn .52s cubic-bezier(.22,.9,.3,1) backwards}.tp-drawn{backface-visibility:hidden}.tp-fragment{animation-delay:.16s;display:block}@keyframes tp-turn{0%{opacity:0;transform:perspective(1500px) rotateY(-82deg)}60%{opacity:1}}.tp-lift{perspective:2400px}.tp-fold,.tp-lift{display:block;will-change:transform}.tp-fold{position:relative;transform-style:preserve-3d;transform-origin:center}.tp-side{display:block;backface-visibility:hidden}.tp-side-front{position:absolute;inset:0;transform:rotateY(180deg)}.tp-fragment[data-face=front] .tp-fold{transform:rotateY(-180deg)}.tp-fragment[data-phase=open] .tp-fold{animation:tp-fold-open 1s cubic-bezier(.45,.03,.25,1) forwards}.tp-fragment[data-phase=shut] .tp-fold{animation:tp-fold-shut 1s cubic-bezier(.45,.03,.25,1) forwards}@keyframes tp-fold-open{0%{transform:rotateY(0deg)}to{transform:rotateY(-180deg)}}@keyframes tp-fold-shut{0%{transform:rotateY(-180deg)}to{transform:rotateY(0deg)}}.tp-fragment[data-phase=open] .tp-lift,.tp-fragment[data-phase=shut] .tp-lift{animation:tp-lift 1s cubic-bezier(.4,0,.35,1) forwards}@keyframes tp-lift{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(0,-18px,0) scale(1.035)}to{transform:translateZ(0) scale(1)}}.tp-note{margin:0;max-width:62ch;font-family:var(--font-aktiv),"Aktiv Grotesk",system-ui,sans-serif;font-size:.8125rem;font-weight:400;line-height:1.8;letter-spacing:.005em;color:var(--edge);opacity:.62}.tp-fragment-cue{position:absolute;left:8%;top:50%;font-family:var(--font-ocr);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);pointer-events:none;padding:10px 14px;margin:-10px 0 0 -14px;transform:translateY(-50%);background-color:transparent;transition:background-color .35s ease}.tp-fragment[data-face=back]:focus-visible .tp-fragment-cue,.tp-fragment[data-face=back]:hover .tp-fragment-cue{background-color:hsla(60,64%,95%,.34)}.tp-rest{margin-top:clamp(20px,2.6vw,32px);padding-top:clamp(16px,2vw,24px);border-top:1px solid var(--rule)}.tp-rest .tp-card{cursor:pointer;touch-action:auto}.tp-rest .tp-card.is-up img{opacity:.34}.tp-card-no{position:absolute;left:0;right:0;bottom:-20px;text-align:center;font-family:var(--font-ocr);font-size:9px;letter-spacing:.14em;color:var(--paper-45);pointer-events:none}.tp-foot{margin-top:clamp(20px,2.6vw,30px);padding-top:18px;border-top:1px solid var(--rule);display:flex}.tp-words{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media (max-width:860px){.tp-lay{grid-template-columns:minmax(0,1fr);justify-items:center}.tp-drawn{max-width:400px}.tp-aside{width:100%}.tp-suit-name{white-space:normal}}@media (max-width:900px){.tp-card,.tp-drawn,.tp-fragment{cursor:pointer;touch-action:auto}.tp-hand{--lap:0.56}}@media (prefers-reduced-motion:reduce){.tp-drawn,.tp-fragment,.tp-fragment img{animation:none}.tp-fragment[data-phase=open] .tp-fold{transform:rotateY(-180deg);animation:none}.tp-fragment[data-phase=shut] .tp-fold{transform:rotateY(0deg);animation:none}.tp-card img{transition:none}}