.favicon-fallback[data-astro-cid-patnjmll]{filter:grayscale(100%) brightness(.6);object-fit:contain;border-radius:2px}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;background:#0a0a0a;display:flex;justify-content:center;align-items:center;user-select:none;-webkit-user-select:none}.card{width:min(420px,calc(100vw - 4rem));aspect-ratio:7 / 4;perspective:800px;font-family:system-ui,-apple-system,sans-serif;animation:swipeUp .8s cubic-bezier(.16,1.3,.3,1) both}.card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d}.card-front,.card-back{position:absolute;inset:0;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;overflow:hidden}.card-back{display:none}.mouse-light{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .3s}.card-inner:hover .mouse-light{opacity:1}.mouse-light:before,.mouse-light:after{content:"";position:absolute;inset:0;border-radius:8px;pointer-events:none}.mouse-light:before{background:radial-gradient(circle at var(--mlx, 50%) var(--mly, 50%),rgba(255,255,255,.015) 0%,rgba(255,255,255,.005) 30%,transparent 60%)}.mouse-light:after{background:radial-gradient(circle at var(--mrx, 50%) var(--mry, 50%),rgba(255,255,255,.012) 0%,rgba(255,255,255,.004) 30%,transparent 60%)}.card-front:before,.card-front:after,.card-back:before,.card-back:after{content:"";position:absolute;inset:0;border-radius:8px;clip-path:inset(0 round 8px);pointer-events:none}.card-front:before,.card-back:before{background:radial-gradient(ellipse 180% 120% at var(--lx1, 30%) var(--ly1, 30%),rgba(255,255,255,.05) 0%,rgba(255,255,255,.025) 25%,rgba(255,255,255,.01) 50%,transparent 75%)}.card-front:after,.card-back:after{background:radial-gradient(ellipse 160% 140% at var(--lx2, 70%) var(--ly2, 70%),rgba(255,255,255,.04) 0%,rgba(255,255,255,.02) 25%,rgba(255,255,255,.008) 50%,transparent 75%)}.front-content{position:relative;display:flex;align-items:center;width:100%;height:100%}.separator{position:absolute;top:12%;bottom:12%;left:50%;width:1px;background:#2a2a2a;transform:translate(-50%);pointer-events:none}.left{flex:1;padding:0 24px;user-select:text;-webkit-user-select:text}.name{font-size:1.35rem;font-weight:700;color:#e8e8e8;letter-spacing:-.02em}.role{font-size:.7rem;color:#888;margin-top:4px;text-transform:uppercase;letter-spacing:.06em}.quip{font-size:.65rem;color:#555;margin-top:10px;font-style:italic}.right{flex:1;padding:0 24px;display:flex;flex-direction:column;gap:10px;user-select:text;-webkit-user-select:text}.link{display:flex;align-items:center;gap:8px;color:#666;text-decoration:none;font-size:.65rem;letter-spacing:.02em;transition:color .2s}.link:hover{color:#e8e8e8}.link svg{flex-shrink:0}.back-content{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:24px 32px;z-index:1}.card-back p{font-size:.7rem;color:#888;line-height:1.6;text-align:center;user-select:text;-webkit-user-select:text}.card-back a{color:#666;text-decoration:none;transition:color .2s}.card-back a:hover{color:#e8e8e8}.flip-btn{position:absolute;bottom:10px;right:12px;z-index:10;background:none;border:none;color:#444;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s}.flip-btn:hover{color:#e8e8e8}.flip-hint{position:absolute;bottom:12px;right:44px;z-index:10;display:flex;align-items:center;gap:6px;color:#555;font-size:.72rem;letter-spacing:.03em;pointer-events:none;opacity:0;transition:opacity .4s ease}.flip-hint.visible{opacity:1;animation:hintPulse 2s ease-in-out infinite}.flip-hint.visible .flip-hint-arrow{animation:hintBounce 1.5s ease-in-out infinite}.flip-hint.hidden{opacity:0}.flip-hint-text{white-space:nowrap}.flip-hint-arrow{font-size:.85rem}@keyframes hintPulse{0%,to{color:#555}50%{color:#888}}@keyframes hintBounce{0%,to{transform:translate(0)}50%{transform:translate(3px)}}@keyframes swipeUp{0%{transform:translateY(100vh) rotate(90deg);opacity:0}to{transform:translateY(0) rotate(0);opacity:1}}@keyframes flipOut{0%{transform:rotateY(0)}to{transform:rotateY(90deg)}}@keyframes flipIn{0%{transform:rotateY(-90deg)}to{transform:rotateY(0)}}