.c-card-coll{--image-radius:var(--radius-card-media);display:grid;position:relative}.c-card-coll a:first-of-type:not(.no-card-link):before{content:"";display:block;height:100%;inset:0;position:absolute;width:100%;z-index:1}.c-card-coll a:first-of-type:not(.no-card-link):focus-visible{outline:none}.c-card-coll a:first-of-type:not(.no-card-link):focus-visible:before{border-radius:var(--border-radius,var(--focus-ring-border-radius));outline:.125rem solid var(--focus-ring-color,var(--border-focus));outline-offset:var(--focus-ring-offset)}.c-card-coll:before{background-color:var(--text-link--hover);content:"";height:100%;inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s ease-in-out;width:100%;z-index:0}.c-card-coll .card-title{display:inline-flex;transition:transform .3s ease-in-out}.c-card-coll .card-hover-image{--image-opacity:0;grid-area:1/1;opacity:0;transition:opacity .3s ease-in-out}.c-card-coll:before{border-radius:var(--image-radius)}.c-card-coll__badge{align-self:start;grid-area:1/1;justify-self:start;margin:var(--grid-responsive-md);z-index:2}.c-card-coll__image-container{aspect-ratio:var(--image-ratio,4/5);border-radius:var(--image-radius);display:grid;grid-area:1/1;overflow:hidden}.c-card-coll__image,.c-card-coll__image-tag{grid-area:1/1;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.c-card-coll__label{align-self:end;background:linear-gradient(180deg,transparent,rgba(0,0,0,.7));border-end-end-radius:var(--image-radius);border-end-start-radius:var(--image-radius);grid-area:1/1;padding:6rem var(--grid-responsive-md) var(--grid-responsive-md);z-index:1}.c-card-coll__heading,.c-card-coll__link{color:var(--text-on-dark);font-family:var(--font-display);font-optical-sizing:auto;font-size:var(--font-responsive-md);font-variation-settings:"wdth" 100;font-weight:700;line-height:1;line-height:1.2;text-transform:uppercase}@media only screen and (hover:hover){.c-card-coll:hover:before{opacity:.5}.c-card-coll:hover .card-hover-image{opacity:1}}@media only screen and (hover:hover) and (prefers-reduced-motion:no-preference){.c-card-coll:hover .card-title{transform:translateY(-.5em)}}