.triptychOverlay__container{display:flex;flex-direction:column;gap:var(--to-gap, 6px);width:100%;margin:0 auto;padding:var(--to-pt-mob, 0) var(--to-padding-mob, 0) var(--to-pb-mob, 0)}.triptychOverlay__item{position:relative;display:block;overflow:hidden;color:var(--to-text-color, #fff);text-decoration:none}.triptychOverlay__media img,.triptychOverlay__video,.triptychOverlay__placeholder{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:25 / 16}.triptychOverlay__placeholder{background:#d9d4cc}.triptychOverlay__item:after{content:"";position:absolute;top:40%;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0000,rgba(0,0,0,var(--to-scrim, .25)));pointer-events:none}.triptychOverlay__content{position:absolute;z-index:1;left:0;right:0;bottom:0;display:flex;flex-direction:column;padding:0 20px 24px}.triptychOverlay__copy,.triptychOverlay__title{color:var(--to-text-color, #fff)!important;margin:0}.triptychOverlay__copy{font-size:13px;letter-spacing:.5px;text-transform:uppercase;margin-bottom:8px}.triptychOverlay__title{font-family:operetta-18,serif!important;font-weight:400;font-style:normal;font-size:var(--to-title-size-mob, 29px);line-height:.95;text-transform:uppercase;margin-bottom:14px}.triptychOverlay--align-mob-left .triptychOverlay__content{align-items:flex-start;text-align:left}.triptychOverlay--align-mob-center .triptychOverlay__content{align-items:center;text-align:center}.triptychOverlay__item:focus-visible{outline:2px solid #000;outline-offset:2px}@media(min-width:768px){.triptychOverlay__container{flex-direction:row;padding:var(--to-pt, 0) var(--to-padding, 10px) var(--to-pb, 0)}.triptychOverlay__item{flex:1 1 0;min-width:0}.triptychOverlay__media img,.triptychOverlay__video,.triptychOverlay__placeholder{aspect-ratio:4 / 5}.triptychOverlay__content{padding:0 24px 36px}.triptychOverlay__title{font-size:var(--to-title-size, 40px);margin-bottom:24px}.triptychOverlay--align-center .triptychOverlay__content{align-items:center;text-align:center}.triptychOverlay--align-left .triptychOverlay__content{align-items:flex-start;text-align:left}}@media(min-width:768px)and (max-width:1024px){.triptychOverlay__title{font-size:calc(var(--to-title-size, 40px) * .7)}}@media(min-width:768px){.triptychOverlay__container .desktop-hide{display:none!important}}@media(max-width:767px){.triptychOverlay__container .mobile-hide{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/397/assets/triptych-overlay.css.map */