.collection-grid{padding-block:5rem}@media (min-width:768px){.collection-grid{padding-block:7rem}}.collection-grid__head{margin-bottom:3rem;display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}.collection-grid__eyebrow{color:var(--muted-foreground)}.collection-grid__heading{margin-top:0.5rem;font-family:var(--font-serif);font-weight:600;font-size:1.875rem}@media (min-width:768px){.collection-grid__heading{font-size:2.25rem}}.collection-grid__viewall{display:none;color:color-mix(in oklab,var(--foreground) 70%,transparent);white-space:nowrap}@media (min-width:640px){.collection-grid__viewall{display:inline-block}}.collection-grid__grid{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width:640px){.collection-grid__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.collection-grid__grid{grid-template-columns:repeat(3,1fr)}}.collection-tile{position:relative;display:block;aspect-ratio:4 / 3;overflow:hidden;border-radius:var(--radius-sm);background:var(--secondary);text-decoration:none}.collection-tile__img,.collection-tile__fallback{height:100%;width:100%;object-fit:cover}.collection-tile__img{transition:transform .7s cubic-bezier(0.23,1,0.32,1)}.collection-tile:hover .collection-tile__img{transform:scale(1.05)}.collection-tile__fallback{display:flex;align-items:center;justify-content:center;background:var(--secondary)}.collection-tile__fallback-text{font-family:var(--font-serif);font-size:1.5rem;color:var(--muted-foreground)}.collection-tile__scrim{position:absolute;inset:0;background:color-mix(in oklab,var(--foreground) 20%,transparent);transition:background-color .3s ease}.collection-tile:hover .collection-tile__scrim{background:color-mix(in oklab,var(--foreground) 30%,transparent)}.collection-tile__caption{position:absolute;bottom:0;left:0;padding:1.5rem}.collection-tile__title{font-family:var(--font-serif);font-weight:600;font-size:1.5rem;color:var(--background);margin:0}.collection-tile__cta{margin-top:0.25rem;display:inline-flex;align-items:center;gap:0.375rem;font-size:0.75rem;text-transform:uppercase;letter-spacing:0.12em;color:color-mix(in oklab,var(--background) 90%,transparent)}.collection-tile__cta .icon{width:0.875rem;height:0.875rem}