.tm-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:clamp(1.1rem,2.2vw,1.75rem);display:grid}.tm-grid-jj{justify-content:center;margin-top:clamp(1.1rem,2.2vw,1.75rem);display:flex}.tm-grid--single{grid-template-columns:minmax(min(100%,260px),260px);gap:0;width:260px;display:grid}.tm-card{background:var(--card);border:1px solid var(--line);opacity:0;transition:opacity .8s var(--ease), transform .9s var(--ease), border-color .5s var(--ease), box-shadow .5s var(--ease);transition-delay:calc(var(--i,0) * 90ms);border-radius:8px;align-content:start;gap:1rem;padding:clamp(1rem,1.8vw,1.35rem);display:grid;position:relative;transform:translateY(28px);box-shadow:0 2px 4px #140a2208}.tm-card.is-in{opacity:1;transform:none}.tm-card:hover{border-color:var(--line-hot);box-shadow:var(--shadow)}.tm-portrait{aspect-ratio:4/5;border:1px dashed var(--line-hot);background:linear-gradient(160deg,#7c3aed24,#7c3aed0a);border-radius:6px;place-items:center;display:grid;position:relative;overflow:hidden}.tm-portrait__grid{background-image:linear-gradient(90deg,#7c3aed17 1px,#0000 1px),linear-gradient(#7c3aed17 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0}.tm-portrait__num{font-family:var(--display);color:#0000;-webkit-text-stroke:1.5px #7c3aed38;font-variant-numeric:tabular-nums;transition:-webkit-text-stroke-color .6s var(--ease);font-size:3.2rem;line-height:1;position:absolute;bottom:.35rem;right:.55rem}.tm-card:hover .tm-portrait__num{-webkit-text-stroke-color:#7c3aed73}.tm-portrait__icon{width:2.6rem;height:2.6rem;color:var(--accent);opacity:.55;transition:transform .6s var(--ease), opacity .6s var(--ease);position:relative;transform:translateY(-.4rem)scale(.9)}.tm-card.is-in .tm-portrait__icon{transform:translateY(-.4rem)scale(1)}.tm-card:hover .tm-portrait__icon{opacity:.85}.tm-portrait__icon svg{width:100%;height:100%}.tm-portrait__tag{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--mute-dim);white-space:nowrap;font-size:.5rem;position:absolute;bottom:.9rem;left:50%;transform:translate(-50%)}.tm-card__body{align-content:start;gap:.3rem;display:grid}.tm-card__name{font-family:var(--display);letter-spacing:.008em;text-transform:uppercase;color:var(--fg);font-size:1.45rem;line-height:1.05}.tm-card__name:after{content:"";background:var(--accent);width:0;height:1px;transition:width .55s var(--ease);margin-top:.45rem;display:block}.tm-card:hover .tm-card__name:after{width:2.5rem}.tm-card__role{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--mute);font-size:.6rem}.tm-card__media{transform-style:preserve-3d;border-radius:6px;position:relative;overflow:hidden}.tm-photo{aspect-ratio:4/5;object-fit:cover;object-position:top center;border:1px solid var(--line);filter:saturate(.92);width:100%;transition:filter .6s var(--ease), transform .9s var(--ease);background:#f4f2f7;border-radius:6px;display:block}.tm-card:hover .tm-photo{filter:saturate(1.05);transform:scale(1.015)}.tm-bio{opacity:0;transition:opacity .45s var(--ease);pointer-events:none;background:linear-gradient(#0f08199e 0%,#0f0819e6 100%);border-radius:8px;place-items:center;padding:1rem 1.15rem;display:grid;position:absolute;inset:0;overflow:hidden;transform:translateZ(40px)}.tm-card:hover .tm-bio,.tm-card:focus-within .tm-bio{opacity:1}.tm-bio__inner{text-align:center;gap:.4rem;max-width:36ch;display:grid}.tm-bio__aka{font-family:var(--display);letter-spacing:.01em;color:#fff;text-transform:uppercase;font-size:1.05rem;line-height:1.15}.tm-bio__label{font-family:var(--mono);letter-spacing:.24em;text-transform:uppercase;color:#ffffffb3;margin-top:.2rem;font-size:.7rem}.tm-bio__text{font-family:var(--body);color:#ffffffeb;-webkit-line-clamp:10;-webkit-box-orient:vertical;font-size:.85rem;line-height:1.5;display:-webkit-box;overflow:hidden}@media (hover:none){.tm-bio{opacity:1;background:#0f0819d1}}.tm-footnote{border-top:1px solid var(--line);max-width:72ch;color:var(--mute-dim);margin-top:clamp(2.5rem,6vh,3.5rem);padding-top:1.25rem;font-size:.82rem;line-height:1.7}.tm-footnote a{color:var(--accent);transition:border-color .35s var(--ease);border-bottom:1px solid #0000}.tm-footnote a:hover{border-bottom-color:var(--accent)}
