.collection-tiles--spacing-compact{padding-top:var(--space-8);padding-bottom:var(--space-8)}.collection-tiles--spacing-default{padding-top:var(--layout-section-padding, 72px);padding-bottom:var(--layout-section-padding, 72px)}.collection-tiles--spacing-generous{padding-top:calc(var(--layout-section-padding, 72px) * 1.5);padding-bottom:calc(var(--layout-section-padding, 72px) * 1.5)}.collection-tiles__header{text-align:center;margin-bottom:var(--space-10)}.collection-tiles__eyebrow{margin-bottom:var(--space-2)}.collection-tiles__heading{margin:0}.collection-tiles__grid--bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(320px,auto);gap:var(--space-3)}.collection-tiles__grid--bento .collection-tiles__tile--featured{grid-column:span 2;grid-row:span 2}.collection-tiles__grid--uniform,.collection-tiles__grid--masonry{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:var(--space-3)}.collection-tiles__grid--masonry .collection-tiles__tile:nth-child(odd) .collection-tiles__media{aspect-ratio:3 / 4}.collection-tiles__grid--masonry .collection-tiles__tile:nth-child(2n) .collection-tiles__media{aspect-ratio:4 / 5}.collection-tiles__tile{position:relative;display:block;text-decoration:none;color:inherit;overflow:hidden;border-radius:var(--border-radius, 2px)}.collection-tiles__tile:focus-visible{outline:2px solid var(--color-secondary);outline-offset:3px}.collection-tiles__media{position:relative;overflow:hidden;width:100%;height:100%;min-height:280px}.collection-tiles__grid--bento .collection-tiles__tile--featured .collection-tiles__media{aspect-ratio:auto;min-height:100%}.collection-tiles__grid--bento .collection-tiles__tile--standard .collection-tiles__media{aspect-ratio:4 / 5}.collection-tiles__img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform calc(var(--animation-duration, .3s) * 2) var(--animation-easing, ease);will-change:transform}.collection-tiles__tile:hover .collection-tiles__img{transform:scale(1.04)}.collection-tiles__placeholder{display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--color-surface, #F3F0EB)}.collection-tiles__placeholder-svg{width:50%;max-width:120px;height:auto;opacity:.2}.collection-tiles__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#1a1a1a8c,#1a1a1a26 45%,#1a1a1a00);pointer-events:none;z-index:1}.collection-tiles__content{position:absolute;bottom:0;left:0;right:0;z-index:2;padding:var(--space-5) var(--space-5);display:flex;flex-direction:column;gap:var(--space-1)}.collection-tiles__subtitle{font-family:var(--font-body-family);font-size:var(--font-size-xs, .6875rem);font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#faf8f5b3;line-height:1}.collection-tiles__title{font-family:var(--font-heading-family, Georgia, serif);font-size:clamp(1.125rem,.5rem + 1.5vw,1.5rem);font-weight:var(--font-heading-weight, 400);letter-spacing:var(--font-heading-letter-spacing, .04em);text-transform:var(--font-heading-transform, uppercase);line-height:1.15;color:var(--color-background, #FAF8F5)}.collection-tiles__tile--featured .collection-tiles__title{font-size:clamp(1.375rem,1rem + 1.5vw,2rem)}.collection-tiles__tile--featured .collection-tiles__content{padding:var(--space-8) var(--space-6)}.collection-tiles--inverse{background-color:var(--color-primary, #1A1A1A)}.collection-tiles--inverse .collection-tiles__header{color:var(--color-background, #FAF8F5)}.collection-tiles--inverse .collection-tiles__eyebrow{color:#faf8f58c}@media screen and (max-width:749px){.collection-tiles__grid--bento{grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(220px,auto)}.collection-tiles__grid--bento .collection-tiles__tile--featured{grid-column:span 2;grid-row:span 1}.collection-tiles__grid--bento .collection-tiles__tile--featured .collection-tiles__media{aspect-ratio:16 / 9;min-height:240px}.collection-tiles__content{padding:var(--space-3) var(--space-4)}.collection-tiles__tile--featured .collection-tiles__content{padding:var(--space-4) var(--space-4)}}@media screen and (min-width:750px)and (max-width:989px){.collection-tiles__grid--bento{grid-template-columns:repeat(3,1fr)}}@media(prefers-reduced-motion:reduce){.collection-tiles__img{transition:none}}@media(forced-colors:active){.collection-tiles__tile:focus-visible{outline:3px solid Highlight}.collection-tiles__overlay{background:none}.collection-tiles__title,.collection-tiles__subtitle{color:ButtonText}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/component-collection-tiles.css.map */