.team-bio{--team-bio-ease: cubic-bezier(.22, 1, .36, 1);--team-bio-pad: clamp(var(--space-3), 6cqi, calc(var(--space-1) * 7));container-type:inline-size;container-name:team-bio;width:min(100% - 2 * var(--gutter),60rem);max-width:none;max-height:calc(100dvh - 2 * var(--gutter));margin:auto;padding:0;overflow:hidden;color:var(--color-text);background:var(--color-background);border:0;border-radius:var(--radius-lg);box-shadow:0 1.5rem 4rem #0e1b214d;opacity:0;translate:0 1.5rem;transition:opacity .3s ease,translate .45s var(--team-bio-ease),overlay .45s allow-discrete,display .45s allow-discrete}.team-bio[open]{display:flex;flex-direction:column;opacity:1;translate:0 0}@starting-style{.team-bio[open]{opacity:0;translate:0 1.5rem}}.team-bio::backdrop{background:#0e405400;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);transition:background-color .3s ease,backdrop-filter .3s ease,overlay .45s allow-discrete,display .45s allow-discrete}.team-bio[open]::backdrop{background:#0e4054b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@starting-style{.team-bio[open]::backdrop{background:#0e405400;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}}@media (prefers-reduced-motion: reduce){.team-bio,.team-bio::backdrop{transition:none}}html:has(.team-bio[open]){overflow:hidden;scrollbar-gutter:stable}.team-bio__close{position:absolute;top:var(--space-2);right:var(--space-2);z-index:1;display:grid;place-items:center;width:3rem;height:3rem;padding:0;color:var(--color-midnight);background:var(--color-accent-light);border:0;border-radius:50%;cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast)}.team-bio__close:before{content:"";width:1.5rem;height:1.5rem;background-color:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.4 19 5 17.6l5.6-5.6L5 6.4 6.4 5l5.6 5.6L17.6 5 19 6.4 13.4 12l5.6 5.6-1.4 1.4-5.6-5.6z'/%3E%3C/svg%3E") center/contain no-repeat}.team-bio__close:hover,.team-bio__close:focus-visible{color:#fff;background:var(--color-midnight)}.team-bio__close:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.team-bio__scroll{container-type:inline-size;container-name:team-bio-scroll;overflow-y:auto;overscroll-behavior:contain;padding:var(--team-bio-pad)}.team-bio__layout{display:grid;grid-template-areas:"media" "header" "bio";grid-template-columns:minmax(0,1fr);gap:var(--space-3)}.team-bio__media{grid-area:media;width:6rem;aspect-ratio:1;overflow:hidden;border-radius:var(--radius-md)}.team-bio__photo{display:block;width:100%;height:100%;object-fit:cover}.team-bio__header{grid-area:header;display:flex;flex-direction:column;gap:var(--space-1);padding-inline-end:var(--space-6)}.team-bio__name{font-family:var(--font-family-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-extrabold);margin:0;font-size:clamp(1.75rem,7cqi,var(--font-size-xxl));line-height:1.15;overflow-wrap:break-word;color:var(--color-primary)}.team-bio__name:focus:not(:focus-visible){outline:0}.team-bio__name:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.team-bio__job-title{margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:1.3}.team-bio__social{margin-block-start:var(--space-1)}.team-bio__social .social-links__list{gap:.875rem}.team-bio__social .social-links__item{display:flex}.team-bio__bio{grid-area:bio;padding-block-start:var(--space-3);border-block-start:1px solid var(--color-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal)}.team-bio__bio>:first-child{margin-block-start:0}.team-bio__bio>:last-child{margin-block-end:0}.team-bio__bio p{margin-block:0 1em}.team-bio__bio a{color:var(--color-link);text-decoration-line:underline}.team-bio__bio a:hover{color:var(--color-link-hover)}@container team-bio-scroll (min-width: 30rem){.team-bio__layout{grid-template-areas:"media header" "bio bio";grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:var(--space-4)}.team-bio__media{width:8rem}}@container team-bio-scroll (min-width: 44rem){.team-bio__layout{grid-template-areas:"media header" "media bio";grid-template-columns:minmax(0,2fr) minmax(0,3fr);grid-template-rows:auto 1fr;align-items:start;column-gap:clamp(var(--space-4),6cqi,var(--space-8));row-gap:var(--space-3)}.team-bio__media{position:sticky;top:0;width:100%}.team-bio__header{padding-block-start:var(--space-1)}}.team-bio__layout.team-bio__layout--no-photo{grid-template-areas:"header" "bio";grid-template-columns:minmax(0,1fr)}
