@layer components{.c-person-row{--image-row-height:70px;--image-row-width:70px;--bio-row-height:0fr;--bio-row-visibility:hidden;--accordion-transition:150ms;--social-padding-top:0px;--social-opacity:0;--box-shadow-opacity:0.1;background-color:#fff;border-radius:10px;box-shadow:0 2px 13px rgba(0 0 0/var(--box-shadow-opacity));display:grid;gap:0 30px;grid-template-columns:var(--image-row-width) 1fr 40% 20px;grid-template-rows:var(--image-row-height) var(--image-row-height-active,0) var(--bio-row-height);overflow:hidden;padding:25px 40px 25px 25px;position:relative;transition:.15s ease;transition-property:grid-template-rows,grid-template-columns,background-color,box-shadow;width:100%}.c-person-row:has(.c-person-row__button.is-active){--image-row-height-active:230px;--image-row-width:270px;--bio-row-height:1fr;--bio-row-visibility:visible;--active-text-color:#fff;--active-accent-color:var(--brand-yellow);--social-padding-top:20px;--social-opacity:1;--button-title-overlay-display:none;background-color:var(--brand-indigo)}.c-person-row:hover{background-color:var(--brand-indigo-7);--box-shadow-opacity:0}body.is-tabbing .c-person-row:has(.c-person-row__button:focus):before{border:2px solid var(--brand-red);border-radius:15px;content:"";inset:5px;pointer-events:none;position:absolute}.c-person-row__image{border-radius:5px;grid-column:1;grid-row:1/span 2;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;width:100%}.c-person-row__name{display:flex;flex-direction:column;gap:5px;grid-column:2;grid-row:1;justify-content:center}.c-person-row:not(:has(.c-person-row__image)) .c-person-row__name{grid-column:1/span 2}.c-person-row__name__title{color:var(--active-text-color,var(--brand-black));font-family:var(--headings-font-family);font-size:1.3rem;font-variation-settings:"wght" 900;line-height:1.3}.c-person-row__name__subtitle{font-size:.8rem;font-weight:500;line-height:1.2}.c-person-row__name__subtitle,.c-person-row__title{color:var(--active-text-color,var(--brand-black-80))}.c-person-row__title{font-style:italic;grid-column:3;grid-row:1;line-height:1.3;margin:auto 0;padding-left:1rem;position:relative}.c-person-row__title:before{background-color:var(--active-accent-color,var(--brand-red));content:"";inset:0 auto 0 0;position:absolute;width:3px}.c-person-row__bio{color:#fff;grid-column:2/span 2;grid-row:2/span 2;min-height:0;transition:var(--accordion-transition) ease;transition-property:visibility,opacity;visibility:var(--bio-row-visibility)}.c-person-row__bio__title{color:var(--brand-yellow);font-family:var(--headings-font-family);font-size:20px;font-variation-settings:"wght" 900;margin-top:20px;text-transform:uppercase}.c-person-row__bio *+*{margin-top:.8rem}.c-person-row__social{display:flex;flex-direction:column;gap:10px;grid-column:1;grid-row:3;min-height:0;opacity:var(--social-opacity);padding-top:var(--social-padding-top);transition:var(--accordion-transition) ease;transition-property:visibility,padding-top,opacity;visibility:var(--bio-row-visibility)}.c-person-row:not(:has(.c-person-row__image)) .c-person-row__social{grid-row:2}.c-person-row__social__item{line-height:1}.c-person-row__social__link{--underline-transform:scaleX(0);color:#fff;font-size:.8rem;position:relative}.c-person-row__social__link:focus,.c-person-row__social__link:hover{--underline-transform:scaleX(1)}.c-person-row__social__link:before{background-image:var(--brand-gradient-orange-yellow-180deg);content:"";height:1px;inset:auto 0 0;position:absolute;transform:var(--underline-transform);transform-origin:left;transition:transform .15s ease}.c-person-row__social__link__icon{-webkit-background-clip:text;background-clip:text;background-image:var(--brand-gradient-orange-yellow-180deg);color:transparent;margin-right:8px}.c-person-row__button{grid-column:4;grid-row:1;outline:none}.c-person-row__button:before{content:"";display:var(--button-title-overlay-display,block);inset:0;position:absolute}.c-person-row__button__icon{-webkit-background-clip:text;background-clip:text;background-image:var(--brand-gradient-pink-red-180deg);color:transparent;font-size:1.3rem}.c-person-row__button__icon--close{background-image:var(--brand-gradient-orange-yellow-180deg)}.c-person-row__button.is-active .c-person-row__button__icon--open,.c-person-row__button:not(.is-active) .c-person-row__button__icon--close{display:none!important}@media (max-width:1200px){.c-person-row{--image-row-height:60px;--image-row-width:60px;--bio-padding-bottom:0px;border-radius:5px;grid-template-columns:var(--image-row-width) 1fr 20px;grid-template-rows:var(--image-row-height-active,var(--image-row-height)) auto auto var(--bio-row-height) var(--bio-row-height);padding:20px}.c-person-row:has(.c-person-row__button.is-active){--image-row-height-active:160px;--image-row-width:150px;--bio-row-height:auto;--bio-padding-bottom:20px;--social-padding-top:20px}.c-person-row:not(:has(.c-person-row__image)){--image-row-height:auto}.c-person-row:has(.c-person-row__button.is-active):not(:has(.c-person-row__image)){--image-row-height:auto;--image-row-height-active:auto}.c-person-row__image{grid-column:1;grid-row:1}.c-person-row__name{align-items:center;display:flex;flex-flow:row wrap;gap:3px 10px;grid-column:1/span 3;grid-row:2;justify-content:flex-start}.c-person-row__image+.c-person-row__name{margin-top:10px}.c-person-row__title{grid-column:1/span 3;grid-row:3;margin-top:10px;padding-left:.5rem}.c-person-row__button{grid-column:3;grid-row:1;margin-bottom:auto;margin-top:20px}.c-person-row:not(:has(.c-person-row__image)) .c-person-row__button{margin-top:5px}.c-person-row__button__icon{font-size:1rem}.c-person-row__bio{grid-column:1/span 3;grid-row:4;padding-bottom:var(--bio-padding-bottom);transition-property:visibility,padding-bottom}.c-person-row__bio__title{font-size:16px}.c-person-row__social{border-top:1px solid #fff;grid-column:1/span 3;grid-row:5}.c-person-row__social__link{font-size:15px}.c-person-row:not(:has(.c-person-row__image)) .c-person-row__name{grid-row:1/span 2}.c-person-row:not(:has(.c-person-row__image)) .c-person-row__social{grid-column:1/span 3;grid-row:5}}}