.triptych{position:relative;width:100%;height:var(--tri-height, 460px);background:#0f0f0f;overflow:hidden}.triptych__panels{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;width:100%;height:100%}.triptych__panel{position:relative;flex:1 1 0;height:100%;overflow:hidden}.triptych__panel img,.triptych__panel .triptych__img{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;min-width:100%!important;min-height:100%!important;object-fit:cover!important;object-position:center center!important;display:block!important;margin:0!important;padding:0!important;border:0!important;transition:transform 2s cubic-bezier(.19,1,.22,1)}.triptych__panel:hover .triptych__img{transform:scale(1.05)}.triptych__img--empty{background:#1a1a1a}.triptych__panel-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(15,15,15,var(--tri-overlay, .2));z-index:2;pointer-events:none}.triptych__label{position:absolute;bottom:24px;left:50%;transform:translate(-50%);z-index:3;font-family:Inter,sans-serif;font-size:11px;font-weight:500;letter-spacing:.28em;color:#ffffffd9;white-space:nowrap;pointer-events:none}.triptych__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:40px;pointer-events:none;text-align:center}.triptych__content>*{pointer-events:auto}.triptych__overline{font-family:Inter,sans-serif;font-size:11px;font-weight:500;letter-spacing:.32em;text-transform:uppercase;color:#ffffffd9;margin:0}.triptych__heading{font-family:Bodoni Moda,serif;font-weight:400;font-size:clamp(36px,6.4vw,108px);line-height:1;letter-spacing:-.005em;text-transform:uppercase;color:#fff;margin:0;max-width:90%;text-shadow:0 2px 40px rgba(0,0,0,.35)}.triptych__link{display:inline-flex;align-items:center;gap:12px;margin-top:12px;font-family:Inter,sans-serif;font-size:11px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:#fff;text-decoration:none;padding-bottom:4px;border-bottom:1px solid #FFFFFF;transition:opacity .5s ease}.triptych__link svg{transition:transform .6s cubic-bezier(.19,1,.22,1)}.triptych__link:hover{opacity:.7}.triptych__link:hover svg{transform:translate(6px)}@media screen and (max-width:989px){.triptych{height:var(--tri-height-mobile, 360px)}.triptych__panels{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:row;width:100%;height:100%}.triptych__panel{flex:1 1 0;height:100%;position:relative;overflow:hidden}.triptych__panel img,.triptych__panel .triptych__img{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;min-width:100%!important;min-height:100%!important;object-fit:cover!important;object-position:center center!important;display:block!important}.triptych__label{bottom:16px;font-size:9px;letter-spacing:.22em}.triptych__content{padding:24px;gap:16px}.triptych__overline{font-size:10px;letter-spacing:.24em}.triptych__heading{font-size:clamp(28px,8.5vw,56px)}}@media screen and (max-width:540px){.triptych{height:var(--tri-height-mobile, 360px)}.triptych__label{bottom:12px;font-size:8px;letter-spacing:.18em}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/section-material-triptych.css.map */