.collage-animated-section{overflow:hidden}.collage-animated__heading{margin-top:0;margin-bottom:40px}.collage-animated__scroll-area{position:relative;width:100%}.collage-animated__viewport,.collage-animated__stage{position:relative;width:100%;overflow:hidden}.collage-animated__track{display:flex;flex-wrap:nowrap;align-items:stretch;width:max-content;max-width:none;will-change:transform;gap:0}.collage-animated__track>div:first-of-type{width:55%}.collage-animated__item{flex:0 0 auto;width:33.333333vw;box-sizing:border-box}.collage-animated__card{display:block;position:relative;width:100%;height:100%;color:inherit;text-decoration:none}.collage-animated__media{position:relative;width:100%;height:80vh;overflow:hidden;background:#0000000a}.collage-animated__image,.collage-animated__video,.collage-animated__placeholder{display:block;width:100%;height:100%;object-fit:cover}.collage-animated__video{object-position:center}.collage-animated__image{transition:transform .6s cubic-bezier(.22,1,.36,1)}.collage-animated__card:hover .collage-animated__image{transform:scale(1.1)}.collage-animated__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:#0006;pointer-events:none}.collage-animated__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;justify-content:space-between;padding:3rem;color:#fff;pointer-events:none}.collage-animated__content-top{display:flex;flex-direction:column}.collage-animated__content-bottom{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;gap:12px}.collage-animated-project-description{max-width:40%;font-size:12px}.collage-animated__number{margin:0;color:#fff;line-height:1;font-family:var(--font-heading-family)}.collage-animated__number-text{margin-top:8px;color:#fff;font-size:.75rem;line-height:1.2;text-transform:uppercase;letter-spacing:.08em}.collage-animated__project-name{display:flex;align-items:center;color:#fff;font-size:20px;line-height:1.2}.collage-animated__project-name:before{content:"";flex:0 0 12px;width:12px;height:12px;background-color:#8bffa4;display:inline-block;border-radius:50%;margin-right:9px}.collage-animated__date{margin-top:5px;color:#fff;font-size:.75rem;line-height:1.2;text-transform:uppercase;letter-spacing:.08em;opacity:.7}[data-collage-animated][data-disable-animation=true] .collage-animated__item.collage-animated__item--span-2{grid-column:span 2}@media screen and (min-width:750px){.collage-animated__item{border-radius:15px;overflow:hidden}.collage-animated__track{gap:10px;padding:0 5rem}.collage-animated__stage{min-height:100vh;display:flex;align-items:center}.collage-animated__track{align-items:flex-start}.collage-animated__item{width:33.333333vw}.collage-animated__media{height:80vh;aspect-ratio:auto}}@media screen and (max-width:749px){.collage-animated__track{gap:10px}.collage-animated__item{border-radius:10px;overflow:hidden}.collage-animated-section{overflow:hidden}.collage-animated__heading{margin-bottom:24px}.collage-animated__scroll-area,.collage-animated__viewport{width:100%;overflow:hidden}.collage-animated__stage{width:100%;display:flex;align-items:center;overflow:visible}.collage-animated__track{display:flex;flex-wrap:nowrap;align-items:flex-start;width:max-content;max-width:none;will-change:transform;padding:0 1.5rem}.collage-animated__item{flex:0 0 calc(100vw / 1.08);width:calc(100vw / 1.08);box-sizing:border-box}.collage-animated__media{width:100%;height:70vh;aspect-ratio:auto;overflow:hidden}.collage-animated__image,.collage-animated__video,.collage-animated__placeholder{width:100%;height:100%;object-fit:cover}.collage-animated__content{padding:1.5rem}.collage-animated__number-text{margin-top:6px;font-size:.68rem;line-height:1.2}.collage-animated__project-name{font-size:2rem;line-height:1.1}.collage-animated__date{margin-top:4px;font-size:.68rem;line-height:1.2}.collage-animated__number{font-size:65px}}@media screen and (max-width:389px){.collage-animated__heading{margin-bottom:20px}.collage-animated__project-name{margin-bottom:15px}.collage-animated__content{padding:1.25rem}.collage-animated__content-bottom{flex-direction:column;align-items:flex-start}.collage-animated-project-description{max-width:100%;font-size:11px}}[data-collage-animated][data-disable-animation=true]{--collage-static-gap: 10px}[data-collage-animated][data-disable-animation=true] .collage-animated__scroll-area,[data-collage-animated][data-disable-animation=true] .collage-animated__viewport,[data-collage-animated][data-disable-animation=true] .collage-animated__stage{width:100%;max-width:100%;height:auto;min-height:0;overflow:visible}[data-collage-animated][data-disable-animation=true] .collage-animated__stage{display:block}[data-collage-animated][data-disable-animation=true] .collage-animated__track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto auto;gap:var(--collage-static-gap);width:100%;max-width:100%;padding:0 5rem;align-items:stretch;transform:none!important;animation:none!important;transition:none!important;will-change:auto}[data-collage-animated][data-disable-animation=true] .collage-animated__track>div:first-of-type{width:auto}[data-collage-animated][data-disable-animation=true] .collage-animated__item{width:auto;min-width:0;max-width:none;height:100%;flex:initial;transform:none!important;animation:none!important;transition:none!important;border-radius:15px;overflow:hidden}[data-collage-animated][data-disable-animation=true] .collage-animated__item:first-child{grid-column:span 2}[data-collage-animated][data-disable-animation=true] .collage-animated__item{grid-column:span 1}[data-collage-animated][data-disable-animation=true] .collage-animated__card{display:block;width:100%;height:100%;transform:none!important;transition:none!important}[data-collage-animated][data-disable-animation=true] .collage-animated__media{width:100%;height:clamp(280px,35vw,620px);aspect-ratio:auto;overflow:hidden}[data-collage-animated][data-disable-animation=true] .collage-animated__image,[data-collage-animated][data-disable-animation=true] .collage-animated__video,[data-collage-animated][data-disable-animation=true] .collage-animated__placeholder{display:block;width:100%;height:100%;object-fit:cover}[data-collage-animated][data-disable-animation=true] .collage-animated__image{transition:none!important;transform:none!important}[data-collage-animated][data-disable-animation=true] .collage-animated__card:hover .collage-animated__image{transform:none!important}[data-collage-animated][data-disable-animation=true] .collage-animated__image{transition:transform .6s cubic-bezier(.22,1,.36,1)!important;transform:scale(1)}[data-collage-animated][data-disable-animation=true] .collage-animated__card:hover .collage-animated__image{transform:scale(1.1)!important}@media screen and (min-width:750px){.collage-animated-project-description{text-align:right}}@media screen and (max-width:749px){[data-collage-animated][data-disable-animation=true] .collage-animated__track{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;gap:var(--collage-static-gap);width:100%;padding:0 1.5rem}[data-collage-animated][data-disable-animation=true] .collage-animated__item:first-child,[data-collage-animated][data-disable-animation=true] .collage-animated__item:nth-child(n+2){grid-column:1}[data-collage-animated][data-disable-animation=true] .collage-animated__item{width:100%;height:auto;border-radius:10px}[data-collage-animated][data-disable-animation=true] .collage-animated__media{height:100%;aspect-ratio:1}[data-collage-animated][data-disable-animation=true] .collage-animated__content{padding:1.5rem}[data-collage-animated][data-disable-animation=true] .collage-animated__number{font-size:65px}[data-collage-animated][data-disable-animation=true] .collage-animated__project-name{font-size:2rem;line-height:1.1}[data-collage-animated][data-disable-animation=true] .collage-animated__content-bottom{flex-direction:row;align-items:flex-end}}@media screen and (max-width:389px){[data-collage-animated][data-disable-animation=true] .collage-animated__content{padding:1.25rem}[data-collage-animated][data-disable-animation=true] .collage-animated__content-bottom{flex-direction:column;align-items:flex-start}[data-collage-animated][data-disable-animation=true] .collage-animated-project-description{max-width:100%;font-size:11px}}@media(prefers-reduced-motion:reduce){.collage-animated__image{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/39/assets/collage-animated.css.map */