.monogram-style-grid__wrapper{padding-block-end:var(--space-40)}.monogram-style-grid__grid{--monogram-grid-max-width:1126px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-16) var(--space-4);width:100%;max-width:calc(var(--monogram-grid-max-width) + 2 * var(--gutter));margin-inline:auto;padding-inline:var(--gutter)}@media(min-width:768px){.monogram-style-grid__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-40) var(--space-24)}
}@media(min-width:1024px){.monogram-style-grid__grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.monogram-style-grid__item{display:block}.monogram-style-grid__item[has-hover][revealed] .monogram-style-grid__tile{border-color:var(--color-grey-3)}.monogram-style-grid__item[has-hover][revealed] .monogram-style-grid__hover-image{opacity:1}
@media(hover:hover) and (pointer:fine){.monogram-style-grid__item[has-hover]:hover .monogram-style-grid__tile{border-color:var(--color-grey-3)}.monogram-style-grid__item[has-hover]:hover .monogram-style-grid__hover-image{opacity:1}}.monogram-style-grid__tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-10);padding:var(--space-16);overflow:hidden;border:1px solid transparent;transition:border-color var(--transition-small)}
@media(min-width:1024px){.monogram-style-grid__tile{padding:var(--space-16) var(--space-24)}}.monogram-style-grid__copy{color:var(--color-grey-7);text-align:center}.monogram-style-grid__hover-image{position:absolute;inset:0;height:100%;aspect-ratio:auto;opacity:0;transition:opacity var(--transition-small);pointer-events:none}
.monogram-style-grid__toggle{position:absolute;inset:0;padding:0;border:0;background:transparent}.monogram-style-grid__toggle:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px}