vpm-photo-grid{display:block;--photo-border:var(--border-light);--photo-caption:var(--text-body);--photo-scrim:linear-gradient(0deg,rgba(5,8,20,.85),rgba(5,8,20,0));--photo-tile:var(--surface-white)}.zebra-dark vpm-photo-grid{--photo-border:var(--border-on-dark)}vpm-photo-grid ul{display:grid;gap:var(--vpm-photo-gap,var(--space-md));grid-template-columns:repeat(var(--vpm-photo-cols,4),1fr)}@media (max-width:992px){vpm-photo-grid ul{grid-template-columns:repeat(min(var(--vpm-photo-cols,4),3),1fr)}}@media (max-width:576px){vpm-photo-grid ul{grid-template-columns:repeat(min(var(--vpm-photo-cols,4),2),1fr)}}vpm-photo-grid .photo-link{border-radius:var(--radius-card);color:inherit;display:block;overflow:hidden;position:relative;text-decoration:none}vpm-photo-grid a.photo-link:focus-visible{outline:2px solid var(--link);outline-offset:2px}vpm-photo-grid .photo-frame{align-items:center;aspect-ratio:var(--vpm-photo-ratio,4/3);border-radius:var(--radius-card);display:flex;justify-content:center;overflow:hidden}vpm-photo-grid .photo-frame img{height:100%;transition:transform var(--duration-base) var(--ease-standard),filter var(--duration-base) var(--ease-standard),opacity var(--duration-base) var(--ease-standard);width:100%}vpm-photo-grid[data-fit=contain] .photo-frame img{object-fit:contain}vpm-photo-grid[data-fit=cover] .photo-frame img{object-fit:cover}vpm-photo-grid[data-style=boxed] .photo-frame{background:var(--photo-tile);border:1px solid var(--photo-border)}vpm-photo-grid[data-style=boxed][data-fit=contain] .photo-frame{padding:var(--space-md)}vpm-photo-grid a.photo-link:focus-visible .photo-frame img,vpm-photo-grid a.photo-link:hover .photo-frame img{transform:scale(1.04)}vpm-photo-grid[data-grayscale] .photo-frame img{filter:grayscale(1);opacity:.75}vpm-photo-grid[data-grayscale] a.photo-link:focus-visible .photo-frame img,vpm-photo-grid[data-grayscale] a.photo-link:hover .photo-frame img{filter:grayscale(0);opacity:1}vpm-photo-grid .photo-text{display:block;padding-top:var(--space-xs)}vpm-photo-grid .photo-title{color:var(--text-heading);display:block;font-size:var(--fs-menu);font-weight:var(--fw-semibold);line-height:var(--lh-heading)}vpm-photo-grid .photo-caption{color:var(--photo-caption);display:block;font-size:var(--fs-sm);line-height:var(--lh-heading)}vpm-photo-grid a.photo-link:hover .photo-title{color:var(--link);text-decoration:underline}@media (hover:hover){vpm-photo-grid[data-title=hover] .photo-text{background:var(--photo-scrim);bottom:0;left:0;opacity:0;padding:var(--space-lg) var(--space-sm) var(--space-sm);position:absolute;right:0;transform:translateY(var(--space-xs));transition:opacity var(--duration-base) var(--ease-standard),transform var(--duration-base) var(--ease-standard)}vpm-photo-grid[data-title=hover] .photo-title{color:var(--text-heading-on-dark)}vpm-photo-grid[data-title=hover] .photo-caption{color:var(--text-body-on-dark)}vpm-photo-grid[data-title=hover] a.photo-link:hover .photo-title{color:var(--text-heading-on-dark)}vpm-photo-grid[data-title=hover] .photo-link:focus-visible .photo-text,vpm-photo-grid[data-title=hover] .photo-link:focus-within .photo-text,vpm-photo-grid[data-title=hover] .photo-link:hover .photo-text{opacity:1;transform:translateY(0)}}