.mosaic-section{container-type:inline-size;padding-bottom:var(--mosaic-padding-bottom, var(--section-gap-l))}.mosaic{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:1cqi;column-gap:var(--grid-gutter);row-gap:0;margin:0;padding:0;list-style:none}.mosaic__item{grid-column:var(--start, auto) / span var(--span, 4);grid-row:span var(--rows, 40);align-self:start;padding-top:calc(var(--offset, 0) * 4cqi);min-width:0}.tile{display:block;position:relative}.tile__media{position:relative;aspect-ratio:var(--ratio, 3 / 4);overflow:hidden;background:var(--color-surface-alt)}.tile__media img,.tile__media svg{width:100%;height:100%;object-fit:cover}.tile__media img{transition:transform var(--duration-slow) var(--ease-out)}.tile__media svg{fill:var(--color-text-subtle)}.tile__caption{display:flex;justify-content:space-between;gap:var(--space-3);padding-top:var(--space-2);font-size:var(--fs-xs);line-height:1.35}.tile__price{color:var(--color-text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.tile__price s{margin-right:var(--space-1)}@media(hover:hover)and (pointer:fine){.tile__caption{opacity:0;transform:translateY(-4px);transition:opacity var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out)}.tile:hover .tile__caption,.tile:focus-visible .tile__caption{opacity:1;transform:none}.tile:hover .tile__media img{transform:scale(1.015)}}@media(hover:none),(pointer:coarse){.tile__caption{border-top:var(--border-hairline) solid var(--color-line);margin-top:var(--space-2);padding-top:var(--space-1)}}@media(min-width:750px)and (max-width:989px){.mosaic__item{grid-column:var(--start-t, auto) / span var(--span-t, 5);grid-row:span var(--rows-t, 50)}}@media(max-width:749px){.mosaic{grid-template-columns:repeat(6,minmax(0,1fr));column-gap:var(--space-3)}.mosaic__item{grid-column:var(--start-m, auto) / span var(--span-m, 6);grid-row:span var(--rows-m, 100);padding-top:calc(var(--offset-m, 0) * 4cqi)}}.mosaic--free{grid-template-columns:repeat(16,minmax(0,1fr));column-gap:2.3cqi}.mosaic--free .mosaic__item{grid-column:var(--start-f) / span var(--span-f);grid-row:var(--row-f) / span var(--rows-f);padding-top:0}@media(max-width:749px),(hover:none),(pointer:coarse){.mosaic--free .tile__caption{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}}@supports not (width: 1cqi){.mosaic{grid-auto-rows:auto;row-gap:var(--space-8)}.mosaic__item{grid-row:auto;padding-top:0}}.mosaic-stage{position:relative}.mosaic-end{padding-top:var(--space-10);text-align:center}.mosaic-end__link{display:inline-flex;align-items:center;gap:.35em;font-size:.72rem;letter-spacing:.04em;text-transform:uppercase}.mosaic-end__link .icon{width:1.05em;height:1.05em;flex:none}.stage-logo-track{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.stage-logo{--stage-logo-h: calc(var(--stage-logo-width, 260px) / var(--stage-logo-ratio, 3.4));position:sticky;top:calc(50vh - var(--stage-logo-h) / 2);top:calc(50svh - var(--stage-logo-h) / 2);margin:calc(50vh - var(--header-height) - var(--stage-logo-h) / 2) 0 0;margin-top:calc(50svh - var(--header-height) - var(--stage-logo-h) / 2);display:flex;flex-direction:column;align-items:center;gap:var(--space-3);font-size:inherit;line-height:1}.stage-logo__image{width:var(--stage-logo-width, 260px);height:auto;mix-blend-mode:multiply}.stage-logo__text{font-size:var(--fs-2xl);font-weight:var(--font-weight-bold);mix-blend-mode:multiply}.stage-logo__tagline{font-size:clamp(.5625rem,.4rem + .4vw,.75rem);font-weight:var(--font-weight-regular);letter-spacing:.4em;text-transform:uppercase;padding-left:.4em;mix-blend-mode:multiply}@media(max-width:749px){.stage-logo{--stage-logo-h: calc(var(--stage-logo-width-mobile, 160px) / var(--stage-logo-ratio, 3.4))}.stage-logo__image{width:var(--stage-logo-width-mobile, 160px)}}.mosaic--free~.stage-logo-track .stage-logo{--stage-logo-w: min(var(--stage-logo-width, 260px), var(--stage-logo-fluid, 19.58cqi));--stage-logo-h: calc(var(--stage-logo-w) / var(--stage-logo-ratio, 3.4));--stage-logo-center: min(50vh, var(--header-height) + 29.7cqi);top:calc(var(--stage-logo-center) - var(--stage-logo-h) / 2);margin-top:calc(var(--stage-logo-center) - var(--header-height) - var(--stage-logo-h) / 2)}@supports (height: 1svh){.mosaic--free~.stage-logo-track .stage-logo{--stage-logo-center: min(50svh, var(--header-height) + 29.7cqi)}}.mosaic--free~.stage-logo-track .stage-logo__image{width:var(--stage-logo-w)}@media(max-width:989px){@supports (overflow: clip){.mosaic-section--free .mosaic-stage{margin-inline:calc(var(--page-margin) * -1);padding-inline:var(--page-margin);overflow-x:clip}.mosaic--free{width:125%;margin-left:-12.5%;grid-auto-rows:1.25cqi;column-gap:2.9cqi}.mosaic--free .mosaic__item{grid-column:var(--start-p) / span var(--span-p);grid-row:var(--row-p) / span var(--rows-p)}.mosaic--free{--logo-gap: min(50vh - var(--header-height), 100cqi);padding-top:max(0px,var(--logo-gap) - (var(--anchor-p, 40) - 1) * 1.25cqi);padding-bottom:calc(var(--stage-logo-width, 260px) / var(--stage-logo-ratio, 3.4) + 15cqi)}.mosaic-section.mosaic-section--free .mosaic-end{padding-top:20cqi}}.mosaic--free~.stage-logo-track .stage-logo{--stage-logo-w: var(--stage-logo-width, 260px);--stage-logo-center: calc(var(--header-height) + min(50vh - var(--header-height), 100cqi))}@supports (height: 1svh){.mosaic--free{--logo-gap: min(50svh - var(--header-height), 100cqi)}.mosaic--free~.stage-logo-track .stage-logo{--stage-logo-center: calc(var(--header-height) + min(50svh - var(--header-height), 100cqi))}}}@media(max-width:749px){.mosaic--free~.stage-logo-track .stage-logo{--stage-logo-w: var(--stage-logo-width-mobile, 160px)}@supports (overflow: clip){.mosaic--free{padding-bottom:calc(var(--stage-logo-width-mobile, 160px) / var(--stage-logo-ratio, 3.4) + 15cqi)}}}.mosaic-section--free:has(.mosaic-end){padding-bottom:0}.mosaic-section--free .mosaic-end{padding-top:min(var(--space-10),10cqi);padding-bottom:min(var(--mosaic-padding-bottom),10cqi)}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-mosaic.css.map */