.card-highlight{aspect-ratio:var(--02a5331a);display:inline-flex;flex-direction:column;max-width:calc(100vw - var(--app-margin)*3);max-width:calc(var(--vw, 1vw)*100 - var(--app-margin)*3);min-width:min(80vw,400px);position:relative}.card-highlight.small{height:400px;max-height:60vh}.card-highlight.small figure figcaption{padding:0 var(--app-gap)}.card-highlight.normal{height:560px;max-height:90vh}.card-highlight.normal figure figcaption{padding:var(--app-gap) var(--app-margin)}.card-highlight.normal figure figcaption h3{font-size:var(--title-h2)}.card-highlight figure{display:inline-grid;flex-grow:1;margin:0;overflow:hidden;position:relative}.card-highlight figure.overlay{color:var(--offwhite)}.card-highlight figure:not(.overlay){border:1px solid}.card-highlight figure img{transition:transform .2s ease-in-out}.card-highlight figure figcaption{bottom:0;position:absolute;width:100%;z-index:4}.card-highlight figure figcaption h3{margin:var(--app-gap) 0;max-width:32ch}.card-highlight figure figcaption h3>*{margin:0}.card-highlight span{display:flex;gap:var(--app-margin);justify-content:flex-end;margin-top:var(--app-gap)}@media (hover){.card-highlight:hover figure img{transform:scale(1.025)}}@media screen and (min-width:768px){.card-highlight.small{height:560px;max-width:60vw}.card-highlight.normal{height:720px;max-width:75vw}}