.tc{--card-w:300px;--card-h:420px;--cable:color-mix(in srgb, var(--ink-soft) 60%, transparent);--metal-hi:#f4f5f8;--metal:#b7bcc8;--metal-lo:#7e8596;--card-ink:#151b3d;--card-ink-2:#151b3da3;--card-line:#151b3d1f;container-type:inline-size}.tc-stage{position:relative}.tc-row{height:calc(var(--hang) + var(--card-h) + 56px);min-width:max(calc(var(--card-w) + 48px), calc((var(--n) - 1) * (var(--card-w) + 24px) / var(--span)));position:relative}.tc-cable{pointer-events:none;width:100%;height:56px;position:absolute;top:0;left:0;overflow:visible}.tc-cable path{fill:none;stroke:var(--cable);stroke-width:1.3px}.tc-row:before,.tc-row:after{content:"";background:var(--cable);border-radius:50%;width:7px;height:7px;margin-top:-3.5px;position:absolute;top:6px}.tc-row:before{left:-3.5px}.tc-row:after{right:-3.5px}.tc-list{margin:0;padding:0;list-style:none}.tc-item{top:0;left:calc(var(--t) * 100%);width:var(--card-w);height:calc(var(--pin) + var(--wire) + var(--card-h));margin-left:calc(var(--card-w) / -2);-webkit-tap-highlight-color:transparent;position:absolute}.tc-pin{z-index:3;left:50%;top:var(--pin);background:radial-gradient(circle at 35% 30%, var(--metal-hi), var(--metal) 55%, var(--metal-lo));border-radius:50%;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;position:absolute;box-shadow:0 1px 2px #0a0e2847}.tc-pendulum{left:0;right:0;top:var(--pin);height:calc(var(--wire) + var(--card-h));transform-origin:50% 0;transform:rotate(calc(var(--tilt) + var(--sway,0deg)));position:absolute}.tc-wire{width:1px;height:calc(var(--wire) + 2px);background:linear-gradient(var(--metal-lo), var(--metal));margin-left:-.5px;position:absolute;top:0;left:50%}.tc-card{left:0;top:var(--wire);width:var(--card-w);height:var(--card-h);perspective:900px;position:absolute}.tc-card:before{content:"";z-index:4;background:radial-gradient(circle at 50% 48%, #1418288c 0 3.2px, transparent 3.8px), radial-gradient(circle at 50% 48%, var(--metal-hi) 0 5.2px, transparent 5.8px), linear-gradient(180deg, var(--metal-hi), var(--metal) 60%, var(--metal-lo));border-radius:13px 13px 5px 5px;width:26px;height:17px;margin-left:-13px;position:absolute;top:-9px;left:50%;box-shadow:0 1px 2px #0a0e284d,inset 0 1px #fffc}.tc-tilt{transform-style:preserve-3d;transform-origin:50% 0;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));position:absolute;inset:0}.tc-flipper{transform-style:preserve-3d;transition:transform .76s cubic-bezier(.22,.8,.2,1);position:absolute;inset:0}.tc-item.is-flipped .tc-flipper{transform:rotateY(180deg)}.tc-face{isolation:isolate;color:var(--card-ink);-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:20px;flex-direction:column;padding:16px 16px 15px;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:0 22px 44px #111a4824,0 3px 8px #111a4814,inset 0 0 0 1px #151b3d0f}.tc-front{background:#fbfaf7}.tc-top{z-index:1;min-height:28px;font:500 9.5px/1 var(--font-sans);letter-spacing:.16em;color:var(--card-ink-2);justify-content:space-between;align-items:center;margin:0 0 8px;display:flex;position:relative}.tc-portrait{z-index:2;border-radius:14px;flex:none;place-items:center;height:232px;display:grid;position:relative;overflow:hidden}.tc-portrait span{font:400 64px/1 var(--font-brand);letter-spacing:.02em;color:#151b3dcc}.tc-tone-0{background:radial-gradient(120% 90% at 30% 20%,#fff4e4 0%,#fff4e400 60%),linear-gradient(160deg,#f4d2b4 0%,#e7c6d9 100%)}.tc-tone-1{background:radial-gradient(120% 90% at 70% 20%,#f4faff 0%,#f4faff00 60%),linear-gradient(160deg,#c7dcef 0%,#e9e2c6 100%)}.tc-tone-2{background:linear-gradient(160deg,#d7e6c9 0%,#f1e3c2 100%)}.tc-tone-3{background:linear-gradient(160deg,#e3d6f2 0%,#f5d9c9 100%)}.tc-name{font:500 20px/1.15 var(--font-brand);letter-spacing:.01em;color:var(--card-ink);overflow-wrap:anywhere;margin:16px 0 0}.tc-role{font:400 13px/1.45 var(--font-sans);color:var(--card-ink-2);margin:6px 0 0}.tc-foot{border-top:1px solid var(--card-line);font:500 10.5px/1 var(--font-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--card-ink-2);justify-content:space-between;align-items:center;margin:auto 0 0;padding-top:12px;display:flex}.tc-turn{background:var(--card-ink);color:#fbfaf7;cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;padding:0;transition:transform .16s ease-out;display:grid}.tc-turn:active{transform:scale(.95)}.tc-turn svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.tc-turn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.tc-turn-back{color:var(--card-ink);box-shadow:inset 0 0 0 1px var(--card-line);background:#fff9}.tc-holo,.tc-glare{pointer-events:none;opacity:var(--shine,0);position:absolute;inset:0}.tc-front .tc-holo{z-index:1}.tc-front .tc-glare{z-index:3}.tc-front .tc-holo{background:linear-gradient(115deg,#ffe1ec 0%,#dbe7ff 24%,#ddf7ec 44%,#fff2cc 62%,#e9deff 80%,#ffe1ec 100%) 0 0/240% 240%;background-position:var(--px,50%) var(--py,50%);mix-blend-mode:multiply}.tc-glare{background:radial-gradient(ellipse 72% 46% at var(--px,50%) var(--py,50%), #ffffffb3 0%, #ffffff29 46%, #fff0 74%);mix-blend-mode:screen}.tc-back{background:linear-gradient(130deg,#fce4e8 0%,#e3ebff 22%,#dcf5ee 42%,#fff3cc 60%,#efe0ff 78%,#dfe8ff 100%) 0 0/220% 220%;background-position:var(--px,50%) var(--py,50%);transform:rotateY(180deg)}.tc-back .tc-holo{background:repeating-linear-gradient(115deg,#ff5caa38 0 7%,#50c8ff38 7% 14%,#ffe25a38 14% 21%,#96ffc838 21% 28%) 0 0/260% 260%;background-position:var(--px,50%) var(--py,50%);mix-blend-mode:soft-light}.tc-back>:not(.tc-holo,.tc-glare){z-index:1;position:relative}.tc-who{align-items:center;gap:10px;margin:2px 0 10px;display:flex}.tc-avatar{width:36px;height:36px;font:400 14px/1 var(--font-brand);color:#151b3dd9;border-radius:50%;flex:none;place-items:center;display:grid;box-shadow:0 0 0 2px #ffffffbf}.tc-who-name{font:500 15px/1.2 var(--font-brand);color:var(--card-ink);overflow-wrap:anywhere;margin:0}.tc-who-role{font:400 11.5px/1.35 var(--font-sans);color:var(--card-ink-2);margin:3px 0 0}.tc-bio{border-top:1px solid var(--card-line);min-height:0;font:400 12px/1.65 var(--font-text);color:#151b3ddb;scrollbar-width:none;flex:1;margin:0;padding-top:12px;overflow-y:auto}.tc-bio::-webkit-scrollbar{display:none}.tc-contact{border-top:1px solid var(--card-line);font:400 12px/1.4 var(--font-sans);color:var(--card-ink);align-items:baseline;gap:10px;margin:10px 0 0;padding-top:9px;display:flex}.tc-contact span{letter-spacing:.16em;text-transform:uppercase;color:var(--card-ink-2);font-size:9.5px}.tc-hint{color:var(--ink-soft);margin:0;font-size:12.5px;line-height:1.6}.tc-hint-mouse{display:none}@media (hover:hover) and (pointer:fine){.tc-hint-mouse{display:inline}.tc-hint-touch{display:none}}@container (width<=720px){.tc-stage{scrollbar-width:none;margin-inline:-16px;padding-inline:16px;overflow-x:auto}.tc-stage::-webkit-scrollbar{display:none}}@media (prefers-reduced-motion:reduce){.tc-flipper,.tc-turn{transition:none}}