vpm-card-grid{display:block;--card-surface:linear-gradient(180deg,var(--surface-light) 0%,var(--surface-white) 100%);--card-shadow:var(--shadow-card);--card-border:color-mix(in srgb,var(--text-heading) 12%,transparent);--card-frame:color-mix(in srgb,var(--text-heading) 8%,transparent);--card-border-hover:color-mix(in srgb,var(--link) 45%,transparent);--card-sheen:linear-gradient(90deg,transparent 0%,var(--link) 50%,transparent 100%);--card-pad:var(--space-md);--card-thumb-bg:var(--gradient-brand-tint)}.zebra-dark vpm-card-grid{--card-surface:linear-gradient(180deg,var(--surface-dark-alt) 0%,var(--surface-dark-card) 100%);--card-shadow:var(--shadow-card-on-dark)}vpm-card-grid ul{display:grid;gap:var(--space-md);grid-template-columns:repeat(var(--vpm-card-cols,3),1fr)}@media (max-width:992px){vpm-card-grid ul{grid-template-columns:repeat(min(var(--vpm-card-cols,3),2),1fr)}}@media (max-width:576px){vpm-card-grid ul{grid-template-columns:1fr}}vpm-card-grid .card-item{display:flex}vpm-card-grid .card-link{background:var(--card-surface);border:1px solid var(--card-border);border-radius:var(--radius-lg);color:inherit;display:flex;flex:1;flex-direction:column;overflow:hidden;padding:var(--card-pad);position:relative;text-decoration:none;transition:transform var(--duration-base) var(--ease-standard),border-color var(--duration-base) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard)}vpm-card-grid .card-link:before{background:var(--card-sheen);content:"";height:1px;left:15%;opacity:0;position:absolute;right:15%;top:0;transition:opacity var(--duration-base) var(--ease-standard)}vpm-card-grid .card-item:hover a.card-link,vpm-card-grid a.card-link:focus-visible{border-color:var(--card-border-hover);box-shadow:var(--card-shadow);transform:translateY(-4px)}vpm-card-grid .card-item:hover a.card-link:before,vpm-card-grid a.card-link:focus-visible:before{opacity:1}vpm-card-grid a.card-link:focus-visible{outline:2px solid var(--link);outline-offset:2px}vpm-card-grid .card-thumb{aspect-ratio:var(--vpm-card-ratio,16/9);background:var(--card-thumb-bg);border:1px solid var(--card-frame);border-radius:var(--radius-md);margin:0 0 var(--card-pad);overflow:hidden}vpm-card-grid .card-thumb img{height:100%;object-fit:cover;transition:transform var(--duration-base) var(--ease-standard);width:100%}vpm-card-grid .card-item:hover a.card-link .card-thumb img,vpm-card-grid a.card-link:focus-visible .card-thumb img{transform:scale(1.04)}vpm-card-grid .card-body{display:flex;flex:1;flex-direction:column}vpm-card-grid .card-title{color:var(--text-heading);font-size:var(--fs-h4);letter-spacing:var(--ls-h2);line-height:var(--lh-heading);margin:0;transition:color var(--duration-fast) var(--ease-standard)}vpm-card-grid .card-title-image{display:block;height:32px;max-width:100%;object-fit:contain;width:auto}vpm-card-grid .card-text{color:var(--text-body);font-size:var(--fs-base);line-height:var(--lh-body);margin:var(--space-xs) 0 0;white-space:pre-line;text-wrap:pretty}vpm-card-grid .card-cta{align-items:center;border-top:1px solid var(--card-frame);color:var(--link);display:flex;font-size:var(--fs-sm);font-weight:var(--fw-button);gap:var(--space-xs);letter-spacing:var(--ls-button);line-height:var(--lh-heading);margin:auto calc(var(--card-pad)*-1) 0;padding:var(--space-sm) var(--card-pad) 0;text-transform:uppercase;transition:color var(--duration-fast) var(--ease-standard)}vpm-card-grid .card-body>:has(+.card-cta){margin-bottom:var(--space-lg)}vpm-card-grid .card-item:hover a.card-link .card-cta,vpm-card-grid a.card-link:focus-visible .card-cta{color:var(--link-hover)}vpm-card-grid .card-item:hover a.card-link .card-title,vpm-card-grid a.card-link:focus-visible .card-title{color:var(--link)}vpm-card-grid .card-arrow{background:currentColor;flex:none;height:var(--caret-weight);margin-left:auto;position:relative;transition:transform var(--duration-base) var(--ease-standard);width:1.4em}vpm-card-grid .card-arrow:after{border-right:var(--caret-weight) solid;border-top:var(--caret-weight) solid;content:"";height:var(--caret-size);position:absolute;right:0;top:50%;transform:translateY(-50%) rotate(45deg);width:var(--caret-size)}vpm-card-grid .card-item:hover a.card-link .card-arrow,vpm-card-grid a.card-link:focus-visible .card-arrow{transform:translateX(var(--space-xxs))}@media (max-width:780px){vpm-card-grid{--card-pad:var(--space-sm)}vpm-card-grid .card-cta{margin-top:var(--space-md)}}