/*!
 * DS Slideshow — multi-image block
 *
 * The two panes cannot reuse `.banner__image`: theme.css hides sibling
 * `.banner__image` elements inside `.banner__media` to drive the desktop/mobile
 * swap, so a second pane would come out invisible. These are their own classes
 * and sit outside `.banner__media` for the same reason.
 *
 * Provisional layout — a plain two-up split with each graphic centred over its
 * pane. Replace once the intended design is available.
 */.ds-multi-image{--ds-card-width: clamp(130px, 18vw, 349px);--ds-sticker-width: clamp(44px, 6.6vw, 128px);--ds-card-radius: 18px;--ds-photo-radius: 10px;--ds-card-shadow: 0 14px 20px rgb(34 28 53 / .14);--ds-card-background: #ffffff;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-6);width:100%;height:fit-content;padding:calc(var(--sp-8) + var(--header-height)) var(--sp-5) var(--header-height) var(--sp-5);background-color:var(--ds-multi-image-background, #f0eee9)}.ds-multi-image__content{display:flex;flex-direction:column;align-items:center;gap:26px;text-align:center;max-width:100%;position:relative;z-index:2}.ds-multi-image__text{max-width:520px;margin:0;color:var(--ds-heading-color, #221c35)}.ds-multi-image__text p{margin:0}.ds-multi-image__text p+p{margin-block-start:.75em}.ds-multi-image__stage{display:contents}.ds-multi-image__card{display:flex;flex-direction:column;gap:10px;width:var(--ds-card-width);margin:0;padding:12px 12px 16px;background-color:var(--ds-card-background);border-radius:var(--ds-card-radius);box-shadow:var(--ds-card-shadow);position:relative}.ds-multi-image__photo{display:block;position:relative;aspect-ratio:280 / 330;border-radius:var(--ds-photo-radius);overflow:hidden}.ds-multi-image__image{display:block;width:100%;height:100%;object-fit:cover}.ds-multi-image__caption{margin:0;color:#221c35;font-weight:var(--font-medium);font-size:14px;line-height:1.29;text-align:center;text-wrap:balance}.ds-multi-image__sticker{position:absolute;width:var(--ds-sticker-width);z-index:3;pointer-events:none}.ds-multi-image__sticker--image{height:auto}.ds-multi-image__sticker--text{display:flex;align-items:center;justify-content:center;aspect-ratio:1;border-radius:999px;background-color:var(--ds-sticker-background, #f9e547);color:var(--ds-sticker-color, #221c35);box-shadow:0 10px 24px #221c351a;container-type:inline-size}.ds-multi-image__sticker-label{max-inline-size:76cqi;font-style:italic;font-weight:800;font-size:max(9px,12.5cqi);line-height:1.2;text-align:center;text-wrap:balance;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}.ds-multi-image__card--left .ds-multi-image__sticker{inset-inline-end:calc(var(--ds-sticker-width) * -.35);inset-block-start:calc(var(--ds-sticker-width) * -.2);transform:rotate(12deg)}.ds-multi-image__card--right .ds-multi-image__sticker{inset-inline-start:calc(var(--ds-sticker-width) * -.55);inset-block-start:calc(var(--ds-sticker-width) * -.3);transform:rotate(10deg)}@media screen and (max-width:639px){.ds-multi-image{gap:28px}.shopify-section:first-child [allow-transparent-header] .ds-multi-image{padding-block-start:var(--header-height);justify-content:safe center}.ds-multi-image__stage{display:block;position:relative;width:100%;aspect-ratio:390 / 344}.ds-multi-image__content{gap:22px}.ds-multi-image__card{--ds-card-width: 47.69%;position:absolute;gap:6px;padding:7px 7px 10px;border-radius:11px}.ds-multi-image__photo{border-radius:6px}.ds-multi-image__caption{font-size:10px;line-height:1.1}.ds-multi-image__card--left{inset-inline-start:31.48%;inset-block-start:43.42%;transform:translate(-50%,-50%) rotate(-7deg)}.ds-multi-image__card--right{inset-inline-start:68.23%;inset-block-start:60.07%;transform:translate(-50%,-50%) rotate(6deg)}.ds-multi-image__card--left .ds-multi-image__sticker{--ds-sticker-width: 30.1%;inset-inline-end:-14.34%;inset-block-start:-.67%;transform:rotate(19deg)}.ds-multi-image__card--right .ds-multi-image__sticker{--ds-sticker-width: 40.9%;inset-inline-start:-82.76%;inset-block-start:72.32%;transform:rotate(4deg)}}@media screen and (min-width:640px){.ds-multi-image{display:grid;grid-template-columns:minmax(0,1fr) 36.11% minmax(0,1fr);grid-template-areas:"card-left content card-right";align-items:center;align-content:center;justify-items:center}.ds-multi-image__card--left{grid-area:card-left;transform:translateY(-1.91vw) rotate(-7deg);justify-self:end}.ds-multi-image__card--right{grid-area:card-right;transform:translateY(5.8vw) rotate(6deg);justify-self:start}.ds-multi-image__content{grid-area:content}}.ds-multi-image__heading{color:var(--ds-heading-color, #221c35);text-transform:uppercase}.ds-multi-image__heading em{text-transform:none}@media screen and (max-width:639px){.ds-multi-image__heading{--title-sm: 1.3125rem;--title-md: 1.75rem;--title-lg: 2.1875rem;--title-xl: 2.625rem;--ds-title-sm: 1.53125rem;--ds-title-xs: 1.203125rem}}@media screen and (min-width:640px)and (max-width:767px){.ds-multi-image__heading{--title-sm: 2.64vw;--title-md: 3.52vw;--title-lg: 4.4vw;--title-xl: 5.28vw;--ds-title-sm: 3.08vw;--ds-title-xs: 2.42vw}}@supports selector(:has(*)){.js :has(.shopify-section:first-child .slideshow-word[data-block-type=multi-image][aria-current=true]) .header-section:not(.header-scrolled) .header{--header-logo-opacity: 1;--color-transparent: var(--color-foreground)}.js :has(.shopify-section:first-child .ds-multi-image) .header__logo .logo,.js :has(.shopify-section:first-child .ds-multi-image) .header__logo .white-logo{transition:opacity var(--ds-logo-swap, var(--animation-fast))}}@media(prefers-reduced-motion:reduce){.header__logo .logo,.header__logo .white-logo{transition:none}}.ds-slide-overlay{position:absolute;z-index:1;inset-inline-start:6.74%;inset-block-end:0;width:86.53%;height:auto;transform:translateY(40%);pointer-events:none}.ds-slide-overlay--tinted{aspect-ratio:var(--ds-overlay-ratio);background-color:var(--ds-overlay-color);-webkit-mask:var(--ds-overlay-image) no-repeat center / contain;mask:var(--ds-overlay-image) no-repeat center / contain}.slideshow-word[data-block-type=image] .ds-slide-heading{text-transform:uppercase}.slideshow-word[data-block-type=image] .ds-slide-heading em{text-transform:none}@media screen and (max-width:767px){.slideshow-word[data-block-type=image] .ds-slide-heading{font-size:2.1875rem;line-height:1.143;letter-spacing:0}.slideshow-word[data-block-type=image] .ds-slide-heading .ds-heading-alt{font-size:.857em;line-height:1.152}.slideshow-word[data-block-type=image] .ds-slide-heading{max-width:7.3em}.slideshow-word[data-block-type=image] .ds-slide-heading[data-size-mobile=xs]{font-size:1.5rem}.slideshow-word[data-block-type=image] .ds-slide-heading[data-size-mobile=sm]{font-size:1.75rem}.slideshow-word[data-block-type=image] .ds-slide-heading[data-size-mobile=lg]{font-size:2.625rem}.slideshow-word[data-block-type=image] .ds-slide-heading[data-size-mobile=xl]{font-size:3.125rem}.slideshow-word[data-block-type=image] .button{height:3rem;padding-block:0;padding-inline:var(--sp-7)}}.shopify-section.ds-slideshow-section .slideshow :is(.banner,.banner__overlay){border-radius:0}.shopify-section.ds-slideshow-section .slideshow .banner{margin-inline-end:0;max-width:none}.shopify-section.ds-slideshow-section .slideshow-content{display:grid;grid-template-areas:"slideshow-stack";height:100%}@media screen and (max-width:767px){.shopify-section.ds-slideshow-section .slideshow-content{padding-inline:0}}.shopify-section.ds-slideshow-section .slideshow-words{grid-area:slideshow-stack;align-content:stretch}.shopify-section.ds-slideshow-section .slideshow-words{justify-self:start}.shopify-section.ds-slideshow-section .slideshow-word[data-heading-position=top]{align-self:start}.shopify-section.ds-slideshow-section .slideshow-word[data-heading-position=upper]{align-self:start;min-height:66.667%;justify-content:center}.shopify-section.ds-slideshow-section .slideshow-word[data-heading-position=middle]{align-self:center}.shopify-section.ds-slideshow-section .slideshow-word[data-heading-position=bottom]{align-self:end}.shopify-section.ds-slideshow-section:first-child [allow-transparent-header] .slideshow-word:is([data-heading-position=top],[data-heading-position=upper]){margin-block-start:var(--header-height)}.shopify-section.ds-slideshow-section:first-child [allow-transparent-header] .slideshow-word[data-heading-position=upper]{min-height:calc(66.667% - var(--header-height))}.shopify-section.ds-slideshow-section .slideshow-word[data-heading-position=bottom]{margin-block-end:var(--ds-overlay-clearance, 0px)}@media screen and (max-width:767px){.shopify-section.ds-slideshow-section:has(.ds-slideshow-dots) .slideshow-word[data-heading-position=bottom]{margin-block-end:calc(var(--ds-overlay-clearance, 0px) + var(--sp-6) + var(--sp-8))}}.shopify-section.ds-slideshow-section .ds-slideshow-arrows{position:absolute;inset-block:0;inset-inline:var(--page-padding)}@media screen and (min-width:1536px){.shopify-section.ds-slideshow-section .ds-slideshow-arrows{--page-padding: var(--sp-12)}}.shopify-section.ds-slideshow-section .ds-slideshow-arrows .icon{width:clamp(var(--sp-8),2.105vw,var(--sp-10));height:clamp(var(--sp-8),2.105vw,var(--sp-10))}.no-js .shopify-section.ds-slideshow-section .ds-slideshow-arrows{display:none}.shopify-section.ds-slideshow-section .ds-slideshow-dots{grid-area:slideshow-stack;align-self:end;justify-self:center;width:auto;margin-block-start:0;margin-block-end:var(--ds-overlay-clearance, 0px)}.no-js .shopify-section.ds-slideshow-section .ds-slideshow-dots{display:none}@media screen and (min-width:768px){.shopify-section.ds-slideshow-section .banner.media--content{height:auto;min-height:100%;display:flex;flex-direction:column}.shopify-section.ds-slideshow-section .banner.media--content .media--height>:is(img,svg,video-media){position:static;height:auto}.shopify-section.ds-slideshow-section .banner.media--content :is(.banner__media,.banner__media .media){display:flex;flex-direction:column;flex:1 0 auto}.shopify-section.ds-slideshow-section .banner.media--content .media--height>:is(img,svg,video-media),.shopify-section.ds-slideshow-section .banner.media--content .ds-multi-image{flex:1 0 auto}.shopify-section.ds-slideshow-section .banner.media--content .ds-multi-image{padding-top:var(--header-height);padding-bottom:var(--sp-8)}}@media screen and (min-width:640px)and (max-width:767px){.shopify-section.ds-slideshow-section .banner:is(.mobile\:media--content,.media--content.mobile\:media--auto) .ds-multi-image{padding-block:calc(var(--sp-8) + 7vw)}}@media screen and (max-width:767px){.shopify-section.ds-slideshow-section .banner:is(.mobile\:media--content,.media--content.mobile\:media--auto){height:auto;min-height:100%;display:flex;flex-direction:column}.shopify-section.ds-slideshow-section .banner:is(.mobile\:media--content,.media--content.mobile\:media--auto) .media--height>:is(img,svg,video-media){position:static;height:auto}.shopify-section.ds-slideshow-section .banner:is(.mobile\:media--content,.media--content.mobile\:media--auto) :is(.banner__media,.banner__media .media){display:flex;flex-direction:column;flex:1 0 auto}.shopify-section.ds-slideshow-section .banner:is(.mobile\:media--content,.media--content.mobile\:media--auto) .media--height>:is(img,svg,video-media){flex:1 0 auto}.shopify-section.ds-slideshow-section .banner:is(.mobile\:media--content,.media--content.mobile\:media--auto) .ds-multi-image{flex:1 0 auto}}@media screen and (max-width:767px){.shopify-section.ds-slideshow-section:has(.ds-slideshow-dots) .banner:is(.mobile\:media--content,.media--content.mobile\:media--auto) .ds-multi-image{padding-block-end:calc(var(--page-padding) + var(--sp-6) + var(--sp-8))}}.slideshow-words[data-ds-swapped] .slideshow-word[aria-current=true]{animation:ds-slideshow-word-in .35s ease-out both}@keyframes ds-slideshow-word-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.slideshow-words[data-ds-swapped] .slideshow-word[aria-current=true]{animation:none}}.shopify-section.ds-slideshow-section .slideshow:not(.flickity-enabled)>.banner:not(:first-child){display:none}
/*# sourceMappingURL=/cdn/shop/t/23/assets/ds-slideshow.css.map */
