.collage{display:grid;row-gap:1rem;margin-inline-start:-1rem}.collage.collage--center{display:flex;flex-direction:column;overflow-y:auto;gap:20px;max-height:80vh;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch}.collage.collage--center .collage__item{width:100%;aspect-ratio:3 / 4;scroll-snap-align:start;flex-shrink:0;display:flex;align-items:center;justify-content:center}@media(max-width:749px){.collage.collage--center::-webkit-scrollbar{display:none}}.collage-section{background-color:var(--color-brand-pop)}.collage-section .page-width{padding:3.8rem 4.5rem}.collage-section .title-wrapper h5{font-size:4.8rem;color:var(--color-brand-white);font-weight:600;margin:0 0 2rem;line-height:110%}@media screen and (min-width:480px){.collage{row-gap:2rem;margin:0 auto;max-width:36rem}}@media screen and (max-width:749px){.collage--mobile{grid-template-columns:repeat(2,minmax(0,1fr))}.collage--mobile .collage__item--left:nth-child(3n-2){grid-column:span 2}.collage--mobile .collage__item--left:nth-child(3n-2):nth-last-child(2){grid-column:span 1}.collage--mobile .collage__item--left:nth-child(3n){grid-column-start:2}.collage--mobile .collage__item--right:nth-child(3n-2){grid-column-start:1}.collage--mobile .collage__item--right:nth-child(3n-2):last-child{grid-column:span 2}.collage--mobile .collage__item--right:nth-child(3n-1){grid-column-start:2}.collage--mobile .collage__item--right:nth-child(3n){grid-column:1 / span 2}}@media screen and (min-width:750px){.collage{grid-auto-flow:column;grid-template-columns:repeat(3,minmax(0,1fr));row-gap:3rem;margin-inline-start:-3rem}.collage.collage--center{display:grid;max-height:100%;margin:0 auto;max-width:105.6rem;gap:0}.collage.collage--center .collage__item{width:100%;aspect-ratio:3 / 4;scroll-snap-align:start;flex-shrink:0;display:flex;align-items:center;justify-content:center}.collage.collage--center .collage__item{margin-top:7.2rem}.collage.collage--center .collage__item:first-child{margin-top:2.4rem}.collage.collage--center .collage__item:last-child{margin-top:0}.collage-section .page-width{padding:6rem 6rem 8rem}.collage-section .title-wrapper h5{margin:0}.collage-section .page-width .title-wrapper{margin-bottom:0}.collage__item--left:nth-child(3n-2){grid-column:1 / span 2;grid-row:span 2}.collage__item--left:nth-child(3n-2):last-child{grid-column:1 / span 3}.collage__item--left:nth-child(3n-1),.collage__item--left:nth-child(3n){grid-column-start:3}.collage__item--left:nth-child(3n-1):last-child{grid-row:span 2}.collage__item--right:nth-child(3n-2){grid-column:1 / span 1;grid-row:span 1}.collage__item--right:nth-child(3n-2):last-child{grid-column:1 / span 3}.collage__item--right:nth-child(3n-1){grid-column-start:1}.collage__item--right:nth-child(3n-1):last-child{grid-column:span 2}.collage__item--right:nth-child(3n){grid-column:2 / span 2;grid-row:span 2}.collage__item--collection:only-child,.collage__item--product:only-child{justify-self:center;max-width:73rem;width:100%}}.collage__item>*{width:100%}.collage-card{height:100%;position:relative;padding-inline-start:1rem}.collage-card .media-wrapper{background-color:transparent;opacity:.6;width:100%}.collage-card:hover .media-wrapper,.collage-card:hover .collage-content__info,.collage-card:hover .deferred-media__poster-button{opacity:1}.collage-card .deferred-media,.collage-card .media,.collage-card .card-wrapper,.collage-card .card,.collage-card .media-wrapper{border-radius:2rem;height:100%}.collage-card .deferred-media__poster{display:flex;align-items:center;justify-content:center}.collage-video modal-opener{display:block;width:100%;height:100%}.collage-card video,.collage-card iframe{width:100%;height:100%;position:absolute;top:0;left:0;border:0}.deferred-media.media-fit-cover video{object-fit:cover}.collage-card__description{overflow:hidden}.collage-product .card-information__wrapper{display:flex;justify-content:space-between;align-items:flex-end}.collage-product .price{margin-inline-end:-.6rem;text-align:end;line-height:calc(1 + .3/max(1,var(--font-price-scale)))}@media screen and (max-width:749px){.is-visible .collage-card .media-wrapper,.is-visible .collage-card .collage-content__info,.is-visible .collage-card .deferred-media__poster-button{opacity:1}}@media screen and (min-width:750px)and (max-width:1024px){.is-visible .collage-card .media-wrapper,.is-visible .collage-card .collage-content__info,.is-visible .collage-card .deferred-media__poster-button{opacity:1}}@media screen and (min-width:750px){.collage-product .card__badge{margin-inline-start:2.5rem}}.collage-content{position:relative;justify-content:center;overflow:hidden;text-align:start}.collage-content h3{margin:0;word-break:break-word}.collage-content .collage-content__info{opacity:0;background:var(--color-brand-fade);border-radius:2rem;z-index:1;position:absolute;bottom:1rem;left:1rem;width:calc(100% - 2rem);height:auto;display:flex;flex-flow:column;text-align:left;align-items:flex-end;color:var(--color-brand--pop);padding:0;--color-foreground: 255, 255, 255;--color-link: 255, 255, 255;--color-border: 255, 255, 255;--color-heading: 255, 255, 255;--color-price: 255, 255, 255;--color-sale-price: currentColor}.collage--contrast .collage-content__info:after{display:none;background:var(--color-brand-fade);border-radius:2rem;content:"";pointer-events:none;z-index:-1;position:absolute;bottom:1rem;left:1rem;width:100%;height:auto}.collage-content .collage-content__info .ico{position:absolute;top:1.7rem;right:1rem}.collage-content .collage-content__info .unit-price{color:currentColor}.collage-content__info{padding:1.5rem 2rem;overflow:hidden;border-radius:var(--card-radius)}@media screen and (min-width:750px){.collage-content__info{padding:2rem 3rem}.collage-content .collage-content__info{left:1.5rem;bottom:1.5rem;width:calc(100% - 3rem)}}.collage-content__info .card-information__text{font-family:var(--font-body);border-bottom:1px var(--color-brand-pop) solid;color:var(--color-brand-pop);font-size:1.4rem;font-weight:600;line-height:120%;padding:1rem 1.4rem;text-align:left;width:100%}.collage-content__info p{font-family:var(--font-body);color:var(--color-brand-pop);font-size:1.4rem;font-weight:350;line-height:120%;padding:1.2rem 7rem 0 1.4rem;margin-bottom:1.2rem;width:100%}.collage-video__modal{box-sizing:border-box;opacity:0;position:fixed;visibility:hidden;z-index:-1;margin:0 auto;top:0;left:0;overflow:auto;width:100%;background-color:rgba(var(--color-base-text),.2);height:100%}.collage-card .deferred-media__poster-button{opacity:0}.collage-card:hover .deferred-media__poster-button{opacity:1}.collage-video__modal[open]{opacity:1;visibility:visible;z-index:101}.collage-video__modal-content{background-color:rgb(var(--color-base-background));overflow:auto;height:100%;margin:0;width:100%;position:absolute;padding:0}.collage-video__modal-toggle{background-color:rgb(var(--color-base-background));border:.1rem solid rgb(var(--color-border));border-radius:50%;color:rgb(var(--color-base-text));display:flex;align-items:center;justify-content:center;cursor:pointer;position:fixed;padding:1.2rem;z-index:2;top:2rem;right:.5rem;width:4.4rem;height:4.4rem;margin:0 0 0 auto}@media screen and (min-width:750px){.collage-video__modal-toggle{right:4.8rem;top:3.5rem}}@media screen and (min-width:990px){.collage-video__modal-toggle{right:4.3rem;top:3rem}}@media screen and (min-width:1200px){.collage-section .page-width{padding:6rem 19.5rem 8rem}.collage-content__info p{padding:1.2rem 8rem 0 1.4rem}}.collage-video__modal-toggle .icon{width:1.5rem;height:1.5rem;transition:transform var(--duration-default) ease}@media screen and (min-width:1440px){.collage-content__info p{padding:1.2rem 10rem 0 1.4rem}}@media screen and (hover:hover){.collage-video__modal-toggle:hover .icon{transform:scale(.8) rotate(90deg)}}.collage-content.deferred-media[loading] .deferred-media__poster-button{visibility:hidden}.collage-content.deferred-media[loaded]>.deferred-media__poster{display:block;visibility:hidden}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-collage.css.map */