.varjo-on-the-media{padding-bottom:var(--space-default);padding-top:var(--space-default)}.varjo-on-the-media__title{font-family:var(--font-family-base--secondary);font-size:var(--text-300);font-weight:400;line-height:var(--line-height-body);margin-bottom:var(--space-xs);text-transform:uppercase}.varjo-on-the-media__items{display:grid;gap:1rem;grid-template-columns:1fr 1fr 1fr 1fr}@media (max-width:65rem){.varjo-on-the-media__items{grid-template-columns:1fr 1fr 1fr}}@media (max-width:48rem){.varjo-on-the-media__items{grid-template-columns:1fr 1fr}}@media (max-width:37.5rem){.varjo-on-the-media__items{grid-template-columns:1fr}}.varjo-on-the-media__item{aspect-ratio:1/1;background:var(--color-surface-secondary);display:flex;flex-direction:column;justify-content:space-between;padding:var(--space-s) var(--space-m) var(--space-l);position:relative;transition:var(--transition-3) all ease-out}.varjo-on-the-media__item:focus-within,.varjo-on-the-media__item:hover{background-color:var(--color-surface-brand-primary);color:var(--color-text-invert,#fff)}.varjo-on-the-media__item-content{display:flex;flex-direction:column;gap:0}.varjo-on-the-media__item-image{aspect-ratio:1/1;max-width:33%;-o-object-fit:contain;object-fit:contain}.varjo-on-the-media__item-meta{font-family:var(--font-family-base--secondary);font-size:var(--text-300);font-weight:400;line-height:var(--line-height-body);text-transform:uppercase}.varjo-on-the-media__item-content a{color:inherit;font-family:var(--font-family-base);font-size:var(--text-400);line-height:var(--line-height-body);min-height:2.5rem;text-decoration:none;transition:none}