.tile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px var(--grid-gap);padding:0;list-style:none}@media(max-width:989px){.tile-grid>:last-child:nth-child(odd){grid-column:1 / -1}.tile-grid>:last-child:nth-child(odd) .tile__media{aspect-ratio:3 / 2}}@media(min-width:990px){.tile-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.tile-grid--grid:has(>:nth-child(5)){grid-template-columns:repeat(6,minmax(0,1fr))}.tile-grid--grid:has(>:nth-child(5))>li{grid-column:span 2}.tile-grid--grid:has(>:nth-child(5)):not(:has(>:nth-child(6)))>li:nth-child(-n+2){grid-column:span 3}.tile-grid--grid:has(>:nth-child(5)):not(:has(>:nth-child(6)))>li:nth-child(-n+2) .tile__media{aspect-ratio:4 / 3}}.tile{display:block;color:var(--text);text-decoration:none}.tile__media{aspect-ratio:4 / 5}.tile__media img{transition:transform .3s var(--ease-out)}.tile__label{position:relative;display:inline-block;margin-top:12px;padding-bottom:8px;font-size:var(--fs-card);font-weight:600;letter-spacing:-.02em}.tile__label:after{content:"";position:absolute;inset:auto auto 0 0;width:24px;height:2px;background-color:currentColor;transition:width .3s var(--ease-out)}@media(hover:hover)and (pointer:fine){.tile:hover .tile__label:after{width:100%}}@media(prefers-reduced-motion:reduce){.tile__media img,.tile__label:after{transition:none}}.tile-grid--mosaic .tile{position:relative;height:100%;border-radius:var(--radius-media);color:var(--on-dark-text)}.tile-grid--mosaic .tile__media{height:100%}.tile-grid--mosaic .tile__media:after{content:"";position:absolute;top:40%;right:0;bottom:0;left:0;background:linear-gradient(180deg,#120f0d00,#120f0d47 45%,#120f0dbd);pointer-events:none}.tile-grid--mosaic .tile__caption{--name-size: 28px;position:absolute;bottom:18px;left:20px;z-index:1;display:flex;flex-direction:column-reverse;gap:8px;max-width:calc(100% - 92px)}.tile-grid--mosaic .tile__label{position:static;margin:0;padding:0;color:var(--on-dark-text);font-family:var(--font-display--family, var(--font-primary--family));font-size:var(--name-size);font-style:normal;font-weight:var(--font-display--weight, 400);line-height:1;letter-spacing:-.005em;text-shadow:0 1px 16px rgb(18 15 13 / .5)}.tile-grid--mosaic .tile__label:after{content:none}.tile__count{margin:0;color:color-mix(in srgb,var(--accent) 60%,var(--on-dark-text));font-size:11px;font-weight:500;line-height:1.3;letter-spacing:.16em;text-transform:uppercase}.tile__go{position:absolute;right:16px;bottom:16px;z-index:1;display:grid;place-items:center;width:40px;height:40px;border:1px solid color-mix(in srgb,var(--accent) 80%,transparent);border-radius:50%;color:var(--on-dark-text);transition:background-color .2s ease,border-color .2s ease,color .2s ease}.tile__arrow{width:16px;height:16px;transition:transform .2s var(--ease-out)}.tile-grid--mosaic .tile{transition:transform var(--duration-press) var(--ease-out)}.tile-grid--mosaic .tile:active{transform:scale(.985)}@media(hover:hover)and (pointer:fine){.tile-grid--mosaic .tile:hover .tile__media img{transform:scale(1.03)}.tile-grid--mosaic .tile:hover .tile__go{border-color:var(--on-dark-text);background-color:var(--on-dark-text);color:var(--surface-dark)}.tile-grid--mosaic .tile:hover .tile__arrow{transform:translate(2px)}}.tile-grid--mosaic .tile:focus-visible .tile__go{border-color:var(--on-dark-text);background-color:var(--on-dark-text);color:var(--surface-dark)}.tile-grid--mosaic .tile:focus-visible{outline:none}.tile-grid--mosaic .tile:focus-visible:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border-radius:var(--radius-media);box-shadow:inset 0 0 0 2px var(--on-dark-text),inset 0 0 0 4px var(--surface-dark);pointer-events:none}@media(prefers-reduced-motion:reduce){.tile-grid--mosaic .tile:hover .tile__media img,.tile-grid--mosaic .tile:hover .tile__arrow,.tile-grid--mosaic .tile:active{transform:none}.tile__arrow,.tile-grid--mosaic .tile{transition:none}}.tile-progress{display:none}@media(max-width:989px){.collection-tiles{timeline-scope:--tile-row}.tile-grid--mosaic{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:78%;gap:12px;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scroll-timeline:--tile-row x;scrollbar-width:none}.tile-grid--mosaic::-webkit-scrollbar{display:none}.tile-grid--mosaic>li{scroll-snap-align:start}.tile-grid--mosaic>:last-child:nth-child(odd){grid-column:auto}.tile-grid--mosaic .tile__media,.tile-grid--mosaic>:last-child:nth-child(odd) .tile__media{aspect-ratio:4 / 5}@supports (animation-timeline: scroll()){.tile-progress{position:relative;display:block;height:1px;margin-top:20px;overflow:hidden;background-color:var(--hairline)}.tile-progress span{position:absolute;inset-block:0;left:0;width:calc(100% / var(--tile-count, 6) * 1.35);background-color:var(--text);animation:tile-progress linear both;animation-timeline:--tile-row}}}@keyframes tile-progress{to{left:100%;transform:translate(-100%)}}@media(min-width:750px)and (max-width:989px){.tile-grid--mosaic{grid-auto-columns:42%}}@media(min-width:990px){.tile-grid--mosaic{grid-template-columns:repeat(var(--tile-count, 4),minmax(0,1fr));gap:var(--grid-gap)}.tile-grid--mosaic .tile__media{height:100%;aspect-ratio:4 / 5}.tile-grid--mosaic:not(:has(>:nth-child(3))) .tile__media{aspect-ratio:1 / 1}.tile-grid--mosaic .tile__media>img{position:absolute;top:0;right:0;bottom:0;left:0}.tile-grid--mosaic:has(>:nth-child(5)):not(:has(>:nth-child(6))){grid-template-columns:1.5fr 1fr 1fr;grid-template-areas:"a b c" "a d e"}.tile-grid--mosaic:has(>:nth-child(5)):not(:has(>:nth-child(6)))>li:nth-child(1){grid-area:a}.tile-grid--mosaic:has(>:nth-child(5)):not(:has(>:nth-child(6)))>li:nth-child(2){grid-area:b}.tile-grid--mosaic:has(>:nth-child(5)):not(:has(>:nth-child(6)))>li:nth-child(3){grid-area:c}.tile-grid--mosaic:has(>:nth-child(5)):not(:has(>:nth-child(6)))>li:nth-child(4){grid-area:d}.tile-grid--mosaic:has(>:nth-child(5)):not(:has(>:nth-child(6)))>li:nth-child(5){grid-area:e}.tile-grid--mosaic:has(>:nth-child(5)):not(:has(>:nth-child(6))) .tile__media{aspect-ratio:1 / 1}.tile-grid--mosaic:has(>:nth-child(5)):not(:has(>:nth-child(6))) .tile-grid__item--lead .tile__media{aspect-ratio:auto}.tile-grid--mosaic:has(>:nth-child(6)){grid-template-columns:repeat(3,minmax(0,1fr))}.tile-grid--mosaic:has(>:nth-child(6)) .tile__media{aspect-ratio:1 / 1}.tile-grid--mosaic .tile__caption{bottom:20px;left:22px;max-width:calc(100% - 86px);--name-size: clamp(22px, 1.9vw, 28px)}.tile-grid--mosaic:not(:has(>:nth-child(6))) .tile-grid__item--lead .tile__go{right:28px;bottom:28px;width:48px;height:48px}.tile-grid--mosaic:not(:has(>:nth-child(6))) .tile-grid__item--lead .tile__caption{bottom:32px;left:32px;max-width:calc(100% - 112px);--name-size: clamp(40px, 3.6vw, 56px)}}@media(min-width:1200px){.tile-grid--mosaic:has(>:nth-child(6)){grid-template-columns:2.1fr 1fr 1fr 1.8fr;grid-template-areas:"a b c f" "a d e f"}.tile-grid--mosaic:has(>:nth-child(6))>li:nth-child(1){grid-area:a}.tile-grid--mosaic:has(>:nth-child(6))>li:nth-child(2){grid-area:b}.tile-grid--mosaic:has(>:nth-child(6))>li:nth-child(3){grid-area:c}.tile-grid--mosaic:has(>:nth-child(6))>li:nth-child(4){grid-area:d}.tile-grid--mosaic:has(>:nth-child(6))>li:nth-child(5){grid-area:e}.tile-grid--mosaic:has(>:nth-child(6))>li:nth-child(6){grid-area:f}.tile-grid--mosaic:has(>:nth-child(6)) .tile__media{aspect-ratio:4 / 5}.tile-grid--mosaic:has(>:nth-child(6))>li:is(:nth-child(1),:nth-child(6)) .tile__media{aspect-ratio:auto}.tile-grid--mosaic:has(>:nth-child(6)) .tile-grid__item--lead .tile__go{right:28px;bottom:28px;width:48px;height:48px}.tile-grid--mosaic:has(>:nth-child(6))>li:nth-child(n+2):nth-child(-n+5) .tile__go{right:14px;bottom:14px;width:36px;height:36px}.tile-grid--mosaic:has(>:nth-child(6))>li:nth-child(6) .tile__go{right:22px;bottom:22px;width:44px;height:44px}.tile-grid--mosaic:has(>:nth-child(6)) .tile-grid__item--lead .tile__caption{bottom:32px;left:32px;max-width:calc(100% - 112px);--name-size: clamp(40px, 3.6vw, 56px)}.tile-grid--mosaic:has(>:nth-child(6))>li:nth-child(n+2):nth-child(-n+5) .tile__caption{bottom:16px;left:18px;max-width:calc(100% - 76px);--name-size: clamp(21px, 1.65vw, 26px)}.tile-grid--mosaic:has(>:nth-child(6))>li:nth-child(6) .tile__caption{bottom:26px;left:26px;max-width:calc(100% - 96px);--name-size: clamp(26px, 2.2vw, 34px)}}.collection-tiles__heading{max-width:16ch;font-size:clamp(32px,18px + 2.4vw,52px);line-height:1.02}.collection-tiles__accent{display:block;color:var(--brass, var(--accent))}.collection-tiles__aside{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.collection-tiles__subline{max-width:44ch;color:var(--fg-muted);font-size:15px;line-height:1.55}@media(min-width:750px){.collection-tiles__aside{align-items:flex-end;text-align:right}.collection-tiles__subline{font-size:16px}}.collection-tiles__more{display:flex;justify-content:center;margin-top:32px}.collection-tiles__all{display:inline-flex;align-items:center;gap:16px;min-height:var(--tap);color:var(--fg);font-family:var(--font-display--family, var(--font-primary--family));font-size:clamp(20px,18px + .4vw,24px);font-weight:var(--font-display--weight, 400);line-height:1.1;text-decoration:none}.collection-tiles__all-ring{display:grid;place-items:center;width:46px;height:46px;border:1px solid color-mix(in srgb,var(--accent) 80%,transparent);border-radius:50%;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.collection-tiles__all-ring .icon{width:18px;height:18px;transition:transform .2s var(--ease-out)}.collection-tiles__all:active .collection-tiles__all-ring{transform:scale(.96)}@media(hover:hover)and (pointer:fine){.collection-tiles__all:hover .collection-tiles__all-ring{border-color:var(--on-dark-text);background-color:var(--on-dark-text);color:var(--surface-dark)}.collection-tiles__all:hover .collection-tiles__all-ring .icon{transform:translate(2px)}}.collection-tiles__all:focus-visible{outline:none}.collection-tiles__all:focus-visible .collection-tiles__all-ring{outline:2px solid var(--focus);outline-offset:3px}@media(min-width:990px){.collection-tiles__more{margin-top:40px}}@media(prefers-reduced-motion:reduce){.collection-tiles__all-ring,.collection-tiles__all-ring .icon{transition:none}.collection-tiles__all:active .collection-tiles__all-ring{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/section-collection-tiles.css.map */