vpm-people-grid{display:block;--person-surface:linear-gradient(180deg,var(--surface-light) 0%,var(--surface-white) 100%);--person-border:var(--border-light);--person-meta:var(--text-body);--person-card-min:260px;--person-dialog-portrait:140px;--person-max-cols:4;--person-max-width:calc(var(--person-max-cols)*var(--person-card-min) + (var(--person-max-cols) - 1)*var(--space-md))}.zebra-dark vpm-people-grid{--person-surface:linear-gradient(180deg,var(--surface-dark-alt) 0%,var(--surface-dark-card) 100%);--person-border:var(--border-on-dark);--person-meta:var(--text-body-on-dark)}vpm-people-grid ul{display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(min(var(--person-card-min),100%),1fr))}vpm-people-grid[data-constrained] ul{margin-inline:auto;max-width:var(--person-max-width)}vpm-people-grid .person-card{background:var(--person-surface);border:1px solid var(--person-border);border-radius:var(--radius-card);display:flex;flex-direction:column;padding:var(--space-sm);position:relative;transition:transform var(--duration-base) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard)}vpm-people-grid .person-card:has(.person-open:focus-visible),vpm-people-grid .person-card:has(.person-open:hover){box-shadow:var(--shadow-card);transform:translateY(-3px)}.zebra-dark vpm-people-grid .person-card:has(.person-open:focus-visible),.zebra-dark vpm-people-grid .person-card:has(.person-open:hover){box-shadow:var(--shadow-card-on-dark)}vpm-people-grid .person-portrait{aspect-ratio:1/1;background:var(--gradient-brand-tint);border-radius:var(--radius-md);margin:0 0 var(--space-sm);overflow:hidden;position:relative}vpm-people-grid .person-portrait img{height:100%;object-fit:cover;object-position:top;transition:transform var(--duration-base) var(--ease-standard);width:100%}vpm-people-grid .person-card:has(.person-open:focus-visible) .person-portrait img,vpm-people-grid .person-card:has(.person-open:hover) .person-portrait img{transform:scale(1.04)}vpm-people-grid .person-monogram{align-items:center;color:var(--text-heading);display:flex;font-size:var(--fs-2xl);font-weight:var(--fw-button);inset:0;justify-content:center;letter-spacing:var(--ls-button);position:absolute}vpm-people-grid .person-name{color:var(--text-heading);font-size:var(--fs-h4);line-height:var(--lh-heading);margin:0;transition:color var(--duration-fast) var(--ease-standard)}vpm-people-grid .person-card:has(.person-open:focus-visible) .person-name,vpm-people-grid .person-card:has(.person-open:hover) .person-name{color:var(--link);text-decoration:underline}vpm-people-grid .person-title{color:var(--person-meta);font-size:var(--fs-menu);font-weight:var(--fw-semibold);line-height:var(--lh-heading);margin:var(--space-xxs) 0 0}vpm-people-grid .person-open{cursor:pointer;inset:0;position:absolute;width:100%}vpm-people-grid .person-open:focus-visible{border-radius:var(--radius-card);outline:2px solid var(--link);outline-offset:2px}vpm-people-grid .person-card .person-open,vpm-people-grid .person-card .person-open:hover,vpm-people-grid .person-dialog .person-close,vpm-people-grid .person-dialog .person-close:hover{background:transparent;border:0}vpm-people-grid .person-dialog{background:var(--person-surface);border:1px solid var(--person-border);border-radius:var(--radius-lg);color:var(--text-body);margin:auto;max-width:640px;overflow:hidden;padding:0;width:calc(100% - var(--space-lg))}vpm-people-grid .person-dialog::backdrop{background:var(--overlay-black-50,rgba(0,0,0,.5))}vpm-people-grid .person-dialog-inner{max-height:85vh;overflow-y:auto;padding:var(--space-lg)}vpm-people-grid .person-dialog-inner:focus{outline:none}vpm-people-grid .person-close{border-radius:var(--radius-pill);color:var(--text-heading);cursor:pointer;height:var(--space-xl);position:absolute;right:var(--space-xs);top:var(--space-xs);transition:background-color var(--duration-fast) var(--ease-standard);width:var(--space-xl);z-index:1}vpm-people-grid .person-close:after,vpm-people-grid .person-close:before{background:currentColor;content:"";height:2px;left:50%;position:absolute;top:50%;width:var(--space-sm)}vpm-people-grid .person-close:before{transform:translate(-50%,-50%) rotate(45deg)}vpm-people-grid .person-close:after{transform:translate(-50%,-50%) rotate(-45deg)}vpm-people-grid .person-dialog .person-close:hover{background:color-mix(in srgb,currentColor 12%,transparent)}vpm-people-grid .person-close:focus-visible{outline:2px solid var(--link);outline-offset:2px}vpm-people-grid .person-dialog-portrait{border-radius:var(--radius-md);height:var(--person-dialog-portrait);margin-bottom:var(--space-sm);object-fit:cover;object-position:top;width:var(--person-dialog-portrait)}vpm-people-grid .person-dialog-name{color:var(--text-heading);font-size:var(--fs-h3);line-height:var(--lh-h3);margin:0}vpm-people-grid .person-dialog-title{color:var(--person-meta);font-size:var(--fs-md);font-weight:var(--fw-semibold);line-height:var(--lh-heading);margin:var(--space-xxs) 0 var(--space-md)}vpm-people-grid .person-dialog-bio>:last-child{margin-bottom:0}@media (prefers-reduced-motion:no-preference){vpm-people-grid .person-dialog{opacity:0;transform:translateY(var(--reveal-distance));transition:opacity var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out),overlay var(--duration-base) allow-discrete,display var(--duration-base) allow-discrete}vpm-people-grid .person-dialog[open]{opacity:1;transform:translateY(0)}@starting-style{vpm-people-grid .person-dialog[open]{opacity:0;transform:translateY(var(--reveal-distance))}}vpm-people-grid .person-dialog::backdrop{opacity:0;transition:opacity var(--duration-base) var(--ease-out),overlay var(--duration-base) allow-discrete,display var(--duration-base) allow-discrete}vpm-people-grid .person-dialog[open]::backdrop{opacity:1}@starting-style{vpm-people-grid .person-dialog[open]::backdrop{opacity:0}}}@media (max-width:780px){vpm-people-grid{--person-dialog-portrait:100px}vpm-people-grid .person-dialog{width:calc(100% - var(--space-md))}vpm-people-grid .person-dialog-inner{padding:var(--space-md)}}