.profile-card{appearance:none;background:var(--surface-base);border:1px solid var(--surface-secondary);color:var(--color-primary);cursor:pointer;display:block;overflow:hidden;padding:0;text-align:left;transition:box-shadow .25s ease,transform .25s ease;width:100%}.profile-card:hover{box-shadow:var(--shadow);transform:translateY(-5px)}.profile-card:focus-visible{outline:3px solid var(--accent-gold);outline-offset:4px}.profile-card img{aspect-ratio:1/1.05;filter:grayscale(18%);object-fit:cover;transition:filter .3s ease,transform .45s ease;width:100%}.profile-card:hover img{filter:grayscale(0);transform:scale(1.035)}.profile-card__body{padding:1.4rem}.profile-card h3{font-size:1.55rem;margin:0 0 .35rem}.profile-card p{color:var(--color-primary);font-size:.68rem;font-weight:800;letter-spacing:.1em;margin:0;text-transform:uppercase}.profile-modal[hidden]{display:none}.profile-modal{align-items:center;background:rgba(17,18,17,.56);display:flex;inset:0;justify-content:center;padding:1.5rem;position:fixed;z-index:100}.profile-modal__dialog{background:var(--surface-base);border-top:3px solid var(--accent-gold);box-shadow:0 24px 70px rgba(17,18,17,.24);display:grid;gap:clamp(1.5rem,4vw,3.5rem);grid-template-columns:minmax(12rem,.7fr) minmax(0,1.1fr);max-width:60rem;max-height:calc(100vh - 3rem);overflow:auto;padding:clamp(2rem,5vw,4rem);position:relative;width:100%}.profile-modal__image{aspect-ratio:1/1.1;object-fit:cover;width:100%}.profile-modal__close{background:transparent;border:0;color:var(--color-primary);font-size:1.75rem;line-height:1;padding:.35rem;position:absolute;right:1.25rem;top:1.1rem}.profile-modal h2{font-size:clamp(2.2rem,4vw,3.3rem);margin-bottom:.65rem;max-width:12ch}.profile-modal__role{color:var(--color-primary);font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.profile-modal__content p{color:var(--color-primary)}.profile-modal__responsibilities{border-top:1px solid var(--accent-gold);margin-top:1.5rem;padding-top:1.25rem}.profile-modal__responsibilities h3{font-size:1.4rem;margin-bottom:.55rem}.profile-modal__linkedin[hidden]{display:none}@media(max-width:620px){.profile-modal__dialog{grid-template-columns:1fr}.profile-modal__image{max-height:19rem}.profile-modal__dialog{padding-top:3.5rem}}