.image-filter-grid{width:100%}.image-filter-grid__inner{padding:var(--margin-vertical-md) var(--margin-horizontal-md);width:100%;max-width:var(--max-width);gap:var(--padding-3xl);flex-direction:column;margin:0 auto;display:flex}.image-filter-grid__header{gap:var(--padding-lg);flex-direction:column;display:flex}.image-filter-grid__heading{text-wrap:balance}.image-filter-grid__filters{align-items:center;gap:var(--padding-2xs);display:flex;overflow:auto}.image-filter-grid__filters::-webkit-scrollbar{display:none}.image-filter-grid__filter{white-space:nowrap}.image-filter-grid__grid{border-top:1px solid var(--grey-400);border-left:1px solid var(--grey-400);flex-wrap:wrap;display:flex;position:relative}.image-filter-grid__item{aspect-ratio:316/216;width:50%;padding:var(--padding-2xl);border-right:1px solid var(--grey-400);border-bottom:1px solid var(--grey-400);background-color:var(--grey-300);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.image-filter-grid__item:after{content:"";z-index:1;background-color:var(--grey-400);opacity:0;transition:opacity .25s;position:absolute;inset:0}.image-filter-grid__item:hover:after,.image-filter-grid__item:focus-within:after{opacity:1}.image-filter-grid__media{z-index:2;grid-template:100%/100%;place-items:center;width:100%;height:100%;display:grid;position:relative}.image-filter-grid__logo{object-fit:contain;filter:grayscale();grid-area:1/1;width:auto;max-width:100%;height:auto;max-height:100%}.image-filter-grid__media--swap .image-filter-grid__logo{filter:none;transition:opacity .25s}.image-filter-grid__item:active .image-filter-grid__logo,.image-filter-grid__item:hover .image-filter-grid__logo,.image-filter-grid__item:focus-within .image-filter-grid__logo{filter:unset}.image-filter-grid__logo--hover{opacity:0}.image-filter-grid__item:active .image-filter-grid__logo--hover,.image-filter-grid__item:hover .image-filter-grid__logo--hover,.image-filter-grid__item:focus-within .image-filter-grid__logo--hover{opacity:1}.image-filter-grid__item:active .image-filter-grid__logo--default,.image-filter-grid__item:hover .image-filter-grid__logo--default,.image-filter-grid__item:focus-within .image-filter-grid__logo--default{opacity:0}@media (width>=1024px){.image-filter-grid__header{justify-content:space-between;align-items:flex-end;gap:var(--padding-xl);flex-direction:row}.image-filter-grid__item{width:25%}.image-filter-grid__heading{max-width:450px}}