.collection-tiles{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}.collection-tile{justify-content:space-between;gap:var(--space-2);min-height:132px;padding:var(--space-4);border-radius:var(--radius-tile);flex-direction:column;display:flex;position:relative;overflow:hidden}.collection-tile__icon{color:rgb(var(--color-foreground)/.55);display:inline-flex}.collection-tile__icon svg{width:1.5rem;height:1.5rem}.collection-tile__spacer{display:block}.collection-tile__text{gap:var(--space-1);flex-direction:column;display:flex;position:relative}.collection-tile__title{display:block}.collection-tile__subtitle{color:rgb(var(--color-foreground)/.8)}.collection-tile--image{color:rgb(var(--brand-ink));background:var(--placeholder-pattern);justify-content:flex-end}.collection-tile__image{object-fit:cover;width:100%;height:100%;transition:transform var(--duration-slow) var(--ease);position:absolute;inset:0}.collection-tile--image .collection-tile__text{padding:var(--space-4);margin:calc(var(--space-4) * -1);color:rgb(var(--brand-cream));background:linear-gradient(to top, rgb(var(--brand-ink)/.75), rgb(var(--brand-ink)/0));margin-block-start:0}.collection-tile--image .collection-tile__subtitle{color:rgb(var(--brand-cream)/.85)}@media (hover:hover){.collection-tile:hover .collection-tile__image{transform:scale(1.05)}.collection-tile:hover .collection-tile__title{text-underline-offset:.2em;text-decoration:underline}}@media screen and (min-width:750px){.collection-tiles{grid-template-columns:repeat(var(--tile-columns,4), 1fr);gap:var(--space-4)}.collection-tile{min-height:210px;padding:var(--space-5)}.collection-tiles--wide .collection-tile{min-height:280px}.collection-tile__icon{width:44px;height:44px;color:rgb(var(--color-foreground));background-color:rgb(var(--color-foreground)/.25);border-radius:var(--radius-full);justify-content:center;align-items:center;display:inline-flex}}