:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#050505;color:#ededed}.stage{--accent: hsl(var(--hue) 90% 62%);--accent-2: hsl(calc(var(--hue) + 60) 90% 60%);position:fixed;inset:0;perspective:1400px;background:radial-gradient(60vmax 60vmax at 50% 60%,hsl(var(--hue) 80% 50% / .16),transparent 70%),radial-gradient(circle at 1px 1px,#ffffff14 1px,transparent 0) 0 0 / 28px 28px,#050505;-webkit-user-select:none;user-select:none}.top{position:absolute;inset:20px 24px auto;display:flex;justify-content:space-between;align-items:center;font-size:13px;z-index:2}.wordmark{font-weight:600;letter-spacing:-.02em}.env{text-transform:uppercase;letter-spacing:.12em;font-size:11px;padding:4px 10px;border:1px solid #333;border-radius:999px;color:#a1a1a1}.hint{position:absolute;bottom:22px;width:100%;margin:0;text-align:center;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#666}.lanyard{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.strap{fill:none;stroke:var(--accent);stroke-width:18;stroke-linecap:round;filter:drop-shadow(0 6px 12px #0008)}.strap-text{fill:#000c;font-size:9px;font-weight:700;letter-spacing:.3em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.card{position:absolute;top:0;left:0;transform-origin:50% 0;transform-style:preserve-3d;cursor:grab;touch-action:none;will-change:transform}.card.grabbing{cursor:grabbing}.clip{position:absolute;top:-14px;left:50%;width:46px;height:26px;margin-left:-23px;border-radius:6px;background:linear-gradient(180deg,#e5e5e5,#8a8a8a);box-shadow:inset 0 -2px #0004;transform:translateZ(1px)}.face{position:absolute;inset:0;border-radius:18px;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:linear-gradient(160deg,hsl(var(--hue) 60% 14%),#0b0b0b 55%),#0b0b0b;border:1px solid #ffffff1f;box-shadow:0 30px 60px -20px #000,inset 0 1px #ffffff1a}.front{transform:translateZ(.5px)}.back{transform:rotateY(180deg) translateZ(.5px)}.foil{position:absolute;inset:0;pointer-events:none;opacity:.12;background:linear-gradient(115deg,transparent 20%,hsl(var(--hue) 100% 70% / .6) 35%,hsl(calc(var(--hue) + 120) 100% 70% / .6) 45%,hsl(calc(var(--hue) + 240) 100% 70% / .6) 55%,transparent 70%);background-size:300% 300%;background-position:var(--shine, 50%) 50%}.face-inner{position:relative;height:100%;padding:34px 22px 20px;display:flex;flex-direction:column}.card-head{display:flex;justify-content:space-between;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;letter-spacing:.14em;color:#a1a1a1}.logo{color:var(--accent);font-weight:700}.avatar{width:76px;height:76px;margin:26px 0 18px;border-radius:50%;display:grid;place-items:center;font-size:26px;font-weight:700;color:#000;background:conic-gradient(from 200deg,var(--accent),var(--accent-2),var(--accent));box-shadow:0 0 40px hsl(var(--hue) 90% 60% / .35)}.card h1{margin:0;font-size:clamp(24px,9vw,32px);letter-spacing:-.04em;line-height:1}.role{margin:8px 0 0;font-size:13px;color:#a1a1a1}.tagline{margin:16px 0 0;font-size:15px;line-height:1.35}.stints{list-style:none;padding:0;margin:16px 0 0;display:flex;flex-wrap:wrap;gap:6px}.stints li{font-size:11px;padding:4px 8px;border-radius:999px;border:1px solid #ffffff24;color:#d4d4d4}.card-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:baseline;padding-top:14px;border-top:1px dashed #ffffff2a;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;letter-spacing:.14em;color:#777}.card-foot strong{color:var(--accent)}.back-title{margin:30px 0 4px;font-size:26px;font-weight:700;letter-spacing:-.04em}.back-sub{margin:0 0 22px;font-size:13px;color:#a1a1a1}dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:10px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}dt{color:#777}dd{margin:0;color:#ededed;overflow-wrap:anywhere}.site{margin-top:auto;align-self:flex-start;color:var(--accent);font-size:13px;text-decoration:none;cursor:pointer}
