/*!
 * DS Gallery
 *
 * sections/ds-gallery.liquid. Mobile first:
 * - below 1024px the stack of Figma node 1304:15253 — two columns, with the
 *   large and the wide tile running the full width;
 * - from 1024px the four-column mosaic of Figma node 1304:11541.
 *
 * The tile shapes are driven by the role class the section assigns from a
 * block's position (solo / half / lead / square / wide), not by a setting, so
 * one to four blocks all fill the grid without leaving a hole.
 */@media screen and (max-width:767px){.ds-gallery-section .section--padding{padding-block-start:calc(var(--section-padding-top) * 5 / 12);padding-block-end:calc(var(--section-padding-bottom) / 2)}}.ds-gallery-section{--ds-gallery-radius: .5rem;--ds-gallery-gap: .875rem;--ds-gallery-padding: 1.25rem;--ds-gallery-scrim: rgb(34 28 53 / .51)}.ds-gallery__header{gap:var(--sp-5);margin-block-end:1.375rem}.ds-gallery__link.icon-with-text{text-decoration:underline}.ds-gallery__heading{margin:0;line-height:1.155}.ds-gallery__heading>*{margin:0}.ds-gallery{grid-template-columns:repeat(2,1fr);gap:var(--ds-gallery-gap)}.ds-gallery__tile{aspect-ratio:1;border-radius:var(--ds-gallery-radius);background:#f0ede8;color:#fff;text-decoration:none}.ds-gallery__tile--solo,.ds-gallery__tile--half,.ds-gallery__tile--lead,.ds-gallery__tile--wide{grid-column:1 / -1}.ds-gallery__tile--solo,.ds-gallery__tile--half,.ds-gallery__tile--lead{aspect-ratio:350 / 300}.ds-gallery__tile--wide{aspect-ratio:350 / 180}.ds-gallery__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.ds-gallery__scrim{z-index:1;border-radius:inherit;background:linear-gradient(180deg,rgb(34 28 53 / 0) 55%,var(--ds-gallery-scrim) 100%)}.ds-gallery__badge{z-index:2;inset-block-start:.6875rem;inset-inline-start:.6875rem;padding:.3125rem .375rem;background:#221c35;color:#fff;font-size:.625rem;font-weight:700;letter-spacing:.01em;text-transform:uppercase;white-space:nowrap}.ds-gallery__label{z-index:2;gap:.375rem;padding:var(--ds-gallery-padding)}.ds-gallery__tile--square .ds-gallery__label{padding:var(--sp-4)}.ds-gallery__title{font-size:clamp(1rem,1.528vw,1.375rem);line-height:1.182;text-transform:uppercase;color:inherit}.ds-gallery__tile--solo .ds-gallery__title,.ds-gallery__tile--half .ds-gallery__title,.ds-gallery__tile--lead .ds-gallery__title{font-size:clamp(1.375rem,1.944vw,1.75rem);line-height:1.214}.ds-gallery__subtitle{font-size:var(--text-base);font-weight:600;line-height:1.5;color:#ffffffd9}a.ds-gallery__tile:hover .ds-gallery__image{transform:scale(1.04)}a.ds-gallery__tile:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:3px}@media screen and (prefers-reduced-motion:reduce){.ds-gallery__image{transition:none}a.ds-gallery__tile:hover .ds-gallery__image{transform:none}}@media screen and (min-width:1024px){.ds-gallery-section{--ds-gallery-radius: 1rem;--ds-gallery-gap: 1.125rem;--ds-gallery-padding: 1.75rem;--ds-gallery-scrim: rgb(34 28 53 / .6)}.ds-gallery__header{flex-direction:row;align-items:center;justify-content:space-between;gap:var(--sp-8);margin-block-end:var(--sp-8)}.ds-gallery{grid-template-columns:repeat(4,1fr);grid-template-rows:1fr 1fr;aspect-ratio:1344 / 526}.ds-gallery__tile{aspect-ratio:auto}.ds-gallery__tile--solo{grid-column:span 4;grid-row:span 2}.ds-gallery__tile--half,.ds-gallery__tile--lead{grid-column:span 2;grid-row:span 2}.ds-gallery__tile--square{grid-column:span 1;grid-row:span 1}.ds-gallery__tile--wide{grid-column:span 2;grid-row:span 1}.ds-gallery__tile--square .ds-gallery__label{padding:var(--ds-gallery-padding)}.ds-gallery__badge{inset-block-start:var(--sp-5);inset-inline-start:var(--sp-5);padding:var(--sp-2) var(--sp-3);font-size:var(--text-sm)}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/ds-gallery.css.map */