.tc{background:var(--color-brand-950);border-radius:1rem;position:relative;overflow:hidden}.tc-photo{aspect-ratio:1;object-fit:cover;width:100%;height:auto;display:block}.tc-caption{inset-inline:0;background:color-mix(in srgb, var(--color-brand-900) 85%, transparent);color:#fff;padding:1.125rem 1.25rem;position:absolute;bottom:0}.tc-name{font-family:var(--font-display), system-ui, sans-serif;font-size:1.0625rem;font-weight:700;line-height:1.3}.tc-name,.tc-role>span{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}.tc-role{grid-template-rows:0fr;transition:grid-template-rows .45s;display:grid}.tc-role>span{color:var(--color-brand-200);opacity:0;font-size:.875rem;line-height:1.35;transition:opacity .35s;display:block;overflow:hidden}.tc:hover .tc-role,.tc:focus-within .tc-role{grid-template-rows:1fr}.tc:hover .tc-role>span,.tc:focus-within .tc-role>span{opacity:1;transition:opacity .35s .12s}@media (min-width:1280px){.tc-caption{padding-inline:1rem}.tc-name{font-size:1rem}}@media (max-width:640px){.tc-caption{padding:.875rem 1rem}.tc-name{font-size:1rem}.tc-role>span{font-size:.8125rem}}@media (hover:none){.tc-role{grid-template-rows:1fr}.tc-role>span{opacity:1}}@media (prefers-reduced-motion:reduce){.tc-role,.tc-role>span{transition:none}}