.collection-hero{display:flex;flex-direction:column;align-items:center}.collection-hero__header{display:flex;flex-direction:column;align-items:center;gap:var(--space-8);padding:var(--space-8) var(--gutter)}@media(min-width:1024px){.collection-hero__header{gap:var(--space-16);padding-block:var(--space-24) var(--space-8)}
}.collection-hero__title{font:var(--font-h3);text-transform:var(--font-h3-text-transform);letter-spacing:var(--font-h3-letter-spacing);text-align:center;max-width:668px}.collection-hero__description{font:var(--font-body-1);text-transform:var(--font-body-1-text-transform);letter-spacing:var(--font-body-1-letter-spacing);max-width:668px;text-align:center}
@media(min-width:1024px){.collection-hero__description{font:var(--font-body-large);text-transform:var(--font-body-large-text-transform);letter-spacing:var(--font-body-large-letter-spacing)}}.collection-hero__chips{display:flex;gap:var(--space-8);padding:var(--space-24) var(--gutter);overflow:auto;max-width:100%}
@media(min-width:1024px){.collection-hero__chips{flex-wrap:wrap;justify-content:center}}.collection-hero__chip{text-align:center;padding:var(--space-8) var(--space-16);background:var(--color-brown-50);font:var(--font-body-2);text-transform:var(--font-body-2-text-transform);letter-spacing:var(--font-body-2-letter-spacing);text-decoration:none;white-space:nowrap;min-width:100px;transition:background-color var(--transition-small)}
@media(hover:hover) and (pointer:fine){.collection-hero__chip:hover{text-decoration:none;background:var(--color-brown-100)}}