collage-media-component{display:contents}.collage-media{display:flex;flex-direction:column;gap:var(--scale-500);padding:var(--scale-500);background:var(--fill-secondary)}.collage-media--bg-primary{background:var(--fill-primary)}.collage-media--bg-inverse{background:var(--fill-inverse)}.collage-media__hero{position:relative;display:block;min-height:350px;overflow:hidden;text-decoration:none;flex-shrink:0}.collage-media__hero-image,.collage-media__card-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}video.collage-media__hero-image,video.collage-media__card-image{pointer-events:none}.collage-media__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.collage-media__hero-overlay{position:absolute;bottom:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:var(--scale-100);padding:var(--scale-700)}.collage-media__hero-title{font-family:var(--text-family-sans);font-size:var(--text-size-20);font-weight:var(--text-weight-regular);line-height:var(--text-line-height-24);letter-spacing:var(--text-letter-spacing-2);text-transform:uppercase;text-align:center;color:var(--text-inverse);margin:0}.collage-media__hero-sub{font-family:var(--text-family-sans);font-size:var(--text-size-16);font-weight:var(--text-weight-regular);line-height:var(--text-line-height-24);letter-spacing:var(--text-letter-spacing-0);text-align:center;color:var(--text-inverse);margin:0}.collage-media__text-btn{display:inline-flex;align-items:center;justify-content:center;border-bottom:var(--border-width-xs) solid var(--button-inverse);padding:var(--scale-100) 0;font-family:var(--text-family-sans);font-size:var(--text-size-12);font-weight:var(--text-weight-semi-bold);line-height:var(--text-line-height-16);letter-spacing:var(--text-letter-spacing-2);text-transform:uppercase;color:var(--text-inverse);white-space:nowrap;text-decoration:none}.collage-media__text-btn--minor{font-size:var(--text-size-14);font-weight:var(--text-weight-regular);letter-spacing:var(--text-letter-spacing-0);text-transform:none}.collage-media__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--scale-500)}.collage-media__card{position:relative;display:block;min-height:165px;overflow:hidden;text-decoration:none;background:none;border:none;padding:0;cursor:pointer;text-align:left;width:100%}.collage-media__card-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0000 40%,#000000b3);pointer-events:none}.collage-media__card-overlay{position:absolute;bottom:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:var(--scale-100);padding:var(--scale-500) var(--scale-400)}.collage-media__card-title{font-family:var(--text-family-sans);font-size:var(--text-size-16);font-weight:var(--text-weight-regular);line-height:var(--text-line-height-16);letter-spacing:var(--text-letter-spacing-2);text-transform:uppercase;text-align:center;color:var(--text-inverse);margin:0}.collage-media__play{position:absolute;top:calc(50% - 26px);left:50%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:var(--border-radius-round);border:var(--border-width-s) solid var(--icon-inverse);display:flex;align-items:center;justify-content:center;color:var(--icon-inverse);font-size:16px;pointer-events:none;padding:0}div.collage-media__play{background:none}button.collage-media__play{background:none;cursor:pointer;pointer-events:auto}.collage-media__play--hero{top:50%;width:80px;height:80px}.collage-media__play--hero .icon-sc{width:20px;height:20px}.collage-media__play .icon-sc{width:16px;height:16px;transform:rotate(90deg) scaleX(-1)}@media(min-width:990px){.collage-media{flex-direction:row;align-items:center;padding:var(--scale-1400);gap:var(--scale-1400)}.collage-media__hero{flex:1 0 0;min-height:624px;aspect-ratio:1 / 1}.collage-media__hero-overlay{padding:var(--scale-900);gap:var(--scale-200)}.collage-media__hero-title{font-size:var(--text-size-24)}.collage-media__grid{flex:1 0 0;gap:var(--scale-1400);min-height:624px;align-content:center}.collage-media__card{height:auto;aspect-ratio:1 / 1}.collage-media__card-overlay{padding:var(--scale-900);gap:var(--scale-100)}.collage-media__card-title{font-size:var(--text-size-18);line-height:var(--text-line-height-20)}}.collage-media-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center}.collage-media-modal[hidden]{display:none}.collage-media-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000d9;cursor:pointer}.collage-media-modal__container{position:relative;width:min(90vw,960px);z-index:1}.collage-media-modal__close{position:absolute;top:-40px;right:0;background:none;border:none;cursor:pointer;color:var(--icon-inverse);padding:var(--scale-100);line-height:0}.collage-media-modal__close .icon-sc{width:24px;height:24px}.collage-media-modal__media-wrap{position:relative;padding-top:56.25%}.collage-media-modal__media-wrap video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:#000}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-collage-media.css.map */