@property --card-sheen{syntax:"<percentage>";inherits:true;initial-value:30%}.member-card-wrap{width:100%;container-type:inline-size}.member-card{--card-rx:8deg;--card-ry:-12deg;--card-sheen:30%;aspect-ratio:1.586;perspective:250em;width:100cqi;font-size:1cqi;position:relative}.member-card:after{content:"";z-index:-1;background:var(--color-shadow-strong);filter:blur(3.4em);border-radius:50%;height:22%;position:absolute;bottom:-10%;left:8%;right:4%;transform:rotate(-6deg)}.member-card-float{position:absolute;inset:0}.member-card-face{transform:rotateZ(-7deg) rotateX(var(--card-rx)) rotateY(var(--card-ry));transform-origin:50% 80%;transition:transform .9s var(--ease-out);background:repeating-linear-gradient(92deg,#ffffff07 0 1px,#0000 1px 2px,#00000014 2px 3px),radial-gradient(120% 100% at 14% 0,#34343c 0,#17171c 44%,#07070a 100%);border:1px solid #ffffff29;border-radius:6.2em;grid-template-rows:auto 1fr auto;padding:7em 7.9em 6.7em;display:grid;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 1px #ffffff3d,inset 0 0 0 1em #ffffff04,0 5em 8em -3.3em #000000f2}.member-card-sheen{pointer-events:none;background:linear-gradient(112deg, transparent 32%, #ffffff29 44%, #ffffff0a 50%, transparent 60%) var(--card-sheen) 0 / 260% 100% no-repeat, linear-gradient(118deg, transparent 20%, #f6b81a1f 34%, #e0703f1a 42%, #b45fae24 52%, #5abeff14 60%, transparent 74%) calc(100% - var(--card-sheen)) 0 / 300% 100% no-repeat;mix-blend-mode:screen;position:absolute;inset:0}.member-card-top{justify-content:space-between;align-items:flex-start;gap:4em;display:flex}.member-card-mark{font-family:var(--font-display);letter-spacing:-.04em;filter:drop-shadow(0 0 .12em #f0a33a59);font-size:13.3em;font-weight:800;line-height:.9}.member-card-chip{background:linear-gradient(90deg,#0000 32%,#00000047 32% 34%,#0000 34% 66%,#00000047 66% 68%,#0000 68%),linear-gradient(#0000 47%,#00000047 47% 53%,#0000 53%),linear-gradient(135deg,#f7dc8a,#b8892e 48%,#f1d27a);border-radius:2.3em;align-self:center;width:15.4em;height:11.7em;box-shadow:inset 0 0 0 1px #0000004d,0 .6em 1.7em #0006}.member-card-bottom{gap:1.9em;display:grid}.member-card-kicker{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:#fff9;white-space:nowrap;font-size:max(6.5px,3.3em)}.member-card-number{font-family:var(--font-mono);letter-spacing:.06em;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--color-text);text-shadow:0 1px #0009;font-size:9.6em;font-weight:500;line-height:.9}.member-card-example{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:#ffffffb8;border:1px solid #ffffff47;border-radius:99em;margin-top:1.2em;padding:1em 2.3em;font-size:max(6px,2.9em);font-style:normal}@media (prefers-reduced-motion:no-preference){.member-card-float{animation:card-float 7s var(--ease-in-out) infinite alternate}.member-card[data-idle]{animation:card-sheen 9s var(--ease-in-out) infinite alternate}}@media (prefers-reduced-motion:reduce){.member-card-face{transition:none}}@keyframes card-float{0%{transform:translateY(0)}to{transform:translateY(-3.5em)}}@keyframes card-sheen{0%{--card-sheen:0%}to{--card-sheen:100%}}