.card-logo{display:flex;flex-direction:column;.card-logo-cover{width:100%;aspect-ratio:1 / 1;background:var(--color-const-white);display:grid;place-items:center;position:relative;box-shadow:var(--shadow-h);border-radius:var(--radius-button-largest);overflow:clip;@supports (corner-shape: squircle){corner-shape:squircle}.card-logo--img{padding:var(--space-md);width:100%;height:100%;aspect-ratio:1 / 1;object-fit:contain;z-index:+1;@media screen and (width>640px){padding:var(--space-l)}@media screen and (width>1400px){padding:var(--space-xl)}}.card-logo--bg{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:1 / 1;object-fit:cover}}.card-logo-description{--description-padding-inline: var(--space-xs);@media screen and (width>=960px){--description-padding-inline: var(--space-main)}padding-inline:var(--description-padding-inline);padding-block-start:var(--space-md);margin-block-end:var(--space-main);position:relative;z-index:+1;>.card-logo-caption{padding-inline:.5em;font-family:var(--font-family-secondary);font-size:var(--font-size-s);font-kerning:auto;font-optical-sizing:auto;letter-spacing:-.003em;line-height:1.2;text-wrap:balance;color:var(--color-content-s);font-variation-settings:"opsz" 8,"wght" var(--font-weight-regular),"GRAD" var(--font-grade-chapter-subtitle)}>.card-logo-date{color:var(--color-content-xxs);font-family:var(--font-family-secondary);font-size:var(--font-size-xxs);padding-inline:.6em;padding-block:.2em;position:absolute;top:-1em;left:var(--description-padding-inline);background:var(--color-button-bg-main);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--color-button-bg-main);border-radius:var(--radius-button-l);@supports (corner-shape: squircle){corner-shape:squircle}}}}.collection-logos.astro-mce2f77h{padding-inline:var(--layout-padding-inline);margin-block:var(--space-md);display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto;grid-auto-flow:dense;gap:var(--space-md);@media screen and (width>=960px){grid-template-columns:repeat(4,1fr)}@media screen and (width>1200px){gap:var(--space-l)}@media screen and (width>2400px){grid-template-columns:repeat(8,1fr)}}
