.hang{position:absolute;transform-origin:50% 0;animation:sway 9s ease-in-out infinite}.hang:hover{animation-play-state:paused}@keyframes sway{0%,100%{transform:rotate(-1.2deg)}50%{transform:rotate(1.2deg)}}.pass{position:relative;width:12.4em;height:18.6em;font-family:var(--mono);transform:rotate(var(--r,0deg));transform-origin:50% 0;color:var(--ink);transition:transform 1.1s cubic-bezier(.34,1.56,.64,1)}.pass.id{width:15em;height:25em}.hang:hover .pass{transform:rotate(calc(var(--r,0deg) * .3))}.pass-face{position:absolute;inset:0;border-radius:1.5em;background-color:var(--p,var(--volt));background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='g'><feTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 .13 0'/></filter><rect width='100%' height='100%' filter='url(%23g)'/></svg>");background-size:10em;background-blend-mode:multiply;box-shadow:0 2em 3.6em -1em color-mix(in srgb,var(--black) 75%,transparent),0 .3em .6em -.25em color-mix(in srgb,var(--black) 55%,transparent),inset 0 0 0 .17em color-mix(in srgb,var(--white) 11%,transparent),inset 0 .09em 0 .17em color-mix(in srgb,var(--white) 9%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--white) 7%,transparent)}.pass-in::before{content:"";position:absolute;inset:0;border-radius:1.5em;pointer-events:none;z-index:2;background:linear-gradient(112deg,transparent 36%,color-mix(in srgb,var(--white) 17%,transparent) 46%,color-mix(in srgb,var(--white) 5%,transparent) 51%,transparent 60%) 115% 0/260% 100% no-repeat;transition:background-position 1.3s cubic-bezier(.2,.7,.2,1)}.hang:hover .pass-in::before{background-position:-15% 0}.pass .slot{position:absolute;top:1.1em;left:50%;width:3.6em;height:.9em;margin-left:-1.8em;border-radius:1em;background:var(--slot,var(--ink));z-index:2;box-shadow:inset 0 .16em .2em color-mix(in srgb,var(--black) 45%,transparent),inset 0 -.05em .08em color-mix(in srgb,var(--black) 18%,transparent),0 0 0 .14em color-mix(in srgb,var(--black) 12%,transparent),0 .07em 0 .14em color-mix(in srgb,var(--white) 22%,transparent)}.pass .strap{position:absolute;bottom:calc(100% - 2em);left:50%;width:2.1em;margin-left:-1.05em;height:calc(var(--sh,36em) + .5em);background:var(--s,var(--ink));color:var(--st,var(--volt));z-index:3;overflow:hidden;display:flex;justify-content:center;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--white) 7%,transparent),0 .14em .3em color-mix(in srgb,var(--black) 38%,transparent)}.pass .strap span{writing-mode:vertical-rl;transform:rotate(180deg);font:900 1.1em/2.1em var(--display);letter-spacing:.16em;white-space:nowrap;text-transform:uppercase}.pass-in{position:absolute;inset:0;display:flex;flex-direction:column;padding:3.1em 1.15em 1em;z-index:1}.pass-in .pt{display:flex;justify-content:space-between;font:500 .6em var(--mono);letter-spacing:.2em;text-transform:uppercase}.pass-in .ph{margin-top:1em;height:12.2em;border-radius:.7em;overflow:hidden;background:var(--ink-raised-2);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--black) 12%,transparent)}.pass-in .ph picture{display:contents}.pass-in .ph img{width:100%;height:100%;object-fit:cover}.pass-in h4{font:800 2.5em/.9 var(--display);text-transform:uppercase;margin-top:.5em}.pass-in .role{font:500 .6em/1.5 var(--mono);letter-spacing:.14em;text-transform:uppercase;margin-top:.7em;opacity:.8}.pass-in .pf{margin-top:auto;padding-top:.8em;border-top:1px solid color-mix(in srgb,currentColor 22%,transparent);font:500 .58em/1 var(--mono);letter-spacing:.24em;text-transform:uppercase;opacity:.7}.pass-in .bc{display:none}.hang.lanyard{transform-origin:50% -6em;animation-duration:12s}.hang.lanyard .strap{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--white) 7%,transparent),.18em 0 .4em -.1em color-mix(in srgb,var(--black) 30%,transparent)}@media(prefers-reduced-motion:reduce){.hang,.hang.lanyard{animation:none}.pass,.pass-in::before{transition:none}.hang:hover .pass{transform:rotate(var(--r,0deg))}}