@layer components{.c-person{--image-row-height:86px;--image-row-width:86px;--bio-row-height:0fr;--bio-row-visibility:hidden;--accordion-transition:150ms;--social-padding-top:0px;--social-opacity:0;--box-shadow-opacity:0.1;--api-social-icon-bg:var(--brand-yellow);--api-social-icon-bg-active:var(--brand-blue);background-color:#fff;box-shadow:0 4px 4px 0 rgba(0 0 0/var(--box-shadow-opacity));display:grid;gap:0 30px;grid-template-columns:var(--image-row-width) 1fr 33% 28px;grid-template-rows:var(--image-row-height) var(--image-row-height-active,0) var(--bio-row-height);margin-top:0;overflow:hidden;padding:20px 40px 20px 25px;position:relative;transition:.15s ease;transition-property:grid-template-rows,grid-template-columns,background-color,box-shadow;width:100%}.c-person:has(.c-person__button.is-active){--image-row-height-active:230px;--image-row-width:270px;--bio-row-height:1fr;--bio-row-visibility:visible;--active-text-color:#fff;--role-active-text-color:var(--brand-yellow);--social-padding-top:20px;--social-opacity:1;--button-title-overlay-display:none;background-color:var(--brand-navy);box-shadow:0 4px 20px rgba(0,0,0,.15)}.c-person:has(>.c-person__bio):hover,.c-person:has(>.c-person__image):hover{background-color:var(--brand-navy);--active-text-color:#fff;--role-active-text-color:var(--brand-yellow);--box-shadow-opacity:0;--person-toggle-icon-color:#fff}body.is-tabbing .c-person:has(.c-person__button:focus):before{border:2px solid var(--brand-deep-red);content:"";inset:5px;pointer-events:none;position:absolute}.c-person__image{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__name{display:flex;flex-direction:column;gap:5px;grid-column:2;grid-row:1;justify-content:center}.c-person:not(:has(.c-person__image)) .c-person__name{grid-column:1/span 2}.c-person__name__title{color:var(--active-text-color,var(--body-color));font-size:var(--font-size-name);font-weight:var(--font-weight-bold);line-height:1.3}.c-person__name__job-title{color:var(--brand-blue);font-size:15px;font-weight:var(--font-weight-medium);line-height:1.3}.c-person__organization-role{color:var(--role-active-text-color,var(--body-color));font-size:16px;font-style:italic;grid-column:3;grid-row:1;line-height:1.3;margin:auto 0;padding:10px 0 10px 1rem;position:relative}.c-person__organization-role:before{background-color:var(--active-accent-color,var(--brand-blue));content:"";inset:0 auto 0 0;position:absolute;width:3px}.c-person__bio{color:#fff;font-size:16px;grid-column:2/span 2;grid-row:2/span 2;margin-top:.5rem;min-height:0;transition:var(--accordion-transition) ease;transition-property:visibility,opacity;visibility:var(--bio-row-visibility)}.c-person__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__bio *+*{margin-top:.8rem}.c-person__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:not(:has(.c-person__image)) .c-person__social{grid-row:2}.c-person__social__item{line-height:1}.c-person__social__link{--underline-transform:scaleX(0);color:#fff;font-size:.8rem;position:relative}.c-person__button{grid-column:4;grid-row:1;outline:none}.c-person__button:before{content:"";display:var(--button-title-overlay-display,block);inset:0;position:absolute}.c-person__button__icon{-webkit-background-clip:text;background-clip:text;background-image:var(--brand-gradient-pink-red-180deg);color:transparent}.c-person__button__icon:before{background-color:var(--person-toggle-icon-color,var(--brand-navy));content:"";display:block;height:28px;-webkit-mask-image:var(--person-toggle-icon-url);mask-image:var(--person-toggle-icon-url);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:28px}.c-person__button__icon--open{--person-toggle-icon-url:url(../../../img/icons/plus.svg)}.c-person__button__icon--close{--person-toggle-icon-color:#fff;--person-toggle-icon-url:url(../../../img/icons/minus.svg);background-image:var(--brand-gradient-orange-yellow-180deg)}.c-person__button.is-active .c-person__button__icon--open,.c-person__button:not(.is-active) .c-person__button__icon--close{display:none!important}@media (max-width:1200px){.c-person{--image-row-height:60px;--image-row-width:60px;--bio-padding-bottom:0px;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:has(.c-person__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:not(:has(.c-person__image)){--image-row-height:auto}.c-person:has(.c-person__button.is-active):not(:has(.c-person__image)){--image-row-height:auto;--image-row-height-active:auto}.c-person__image{grid-column:1;grid-row:1}.c-person__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__image+.c-person__name{margin-top:10px}.c-person__organization-role{grid-column:1/span 3;grid-row:3;margin-top:10px;padding:0 0 0 .5rem}.c-person__button{grid-column:3;grid-row:1;margin-bottom:auto}.c-person:not(:has(.c-person__image)) .c-person__button{margin-top:5px}.c-person__button__icon:before{height:27px;width:27px}.c-person__bio{grid-column:1/span 3;grid-row:4;margin-top:1.5rem;padding-bottom:var(--bio-padding-bottom);transition-property:visibility,padding-bottom}.c-person__bio__title{font-size:16px}.c-person__social{border-top:1px solid #fff;grid-column:1/span 3;grid-row:5}.c-person__social__link{font-size:15px}.c-person:not(:has(.c-person__image)) .c-person__name{grid-row:1/span 2}.c-person:not(:has(.c-person__image)) .c-person__social{grid-column:1/span 3;grid-row:5}}}