.collections{max-width:var(--fw-container);padding:var(--fw-section-y) var(--fw-gutter);margin-inline:auto}.collections>h1{margin:0 0 var(--fw-space-xl);font-family:var(--fw-font-display);font-size:var(--fw-text-xl);font-weight:var(--fw-weight-semibold);letter-spacing:var(--fw-tracking-tight);line-height:var(--fw-leading-tight);color:var(--fw-text)}.collections-grid{gap:var(--fw-space-xl) var(--fw-space-lg);margin-bottom:var(--fw-space-2xl);grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));display:grid}.collection-item{gap:var(--fw-space-sm);color:var(--fw-text);flex-direction:column;text-decoration:none;display:flex}.collection-item img{aspect-ratio:4/5;object-fit:cover;border-radius:var(--fw-radius-md);background:var(--fw-surface-raised);width:100%;transition:opacity var(--fw-dur-base) var(--fw-ease-out);display:block}.collection-item h5{font-family:var(--fw-font-display);font-size:var(--fw-text-md);font-weight:var(--fw-weight-medium);letter-spacing:var(--fw-tracking-tight);color:var(--fw-text);margin:0}@media (hover:hover) and (pointer:fine){.collection-item:hover img{opacity:.9}}.collection-item:focus-visible{outline:2px solid var(--fw-focus);outline-offset:3px;border-radius:var(--fw-radius-md)}