.triptych-container{display:flex;gap:2rem;overflow-x:auto;scroll-snap-type:x proximity}.triptych-block{position:relative;flex:1 1 0;aspect-ratio:var(--triptych-aspect-ratio);background-size:cover;background-position:center;border-radius:1rem;overflow:hidden;transition:background .3s;min-width:300px;scroll-snap-align:center}.triptych-label__container{position:absolute;bottom:0;left:0;width:100%;text-align:left;font-size:1.2rem;transition:background .3s,color .3s}.triptych-label-below,.triptych-label-above{width:100%;height:4em;padding:2rem 1.5rem;display:flex;justify-content:space-between;align-items:center;transition:visibility 0s,opacity .3s linear;position:absolute;left:0;bottom:0}.triptych-label-above{color:var(--triptych-text-colour);background:transparent;visibility:visible;opacity:1;z-index:1;font-size:1.1em}.triptych-label-below{background:var(--triptych-hover-bg-colour);color:var(--triptych-hover-text-colour);visibility:hidden;opacity:0;z-index:-1;flex-direction:column;align-items:flex-start;justify-content:flex-end;height:fit-content;font-size:1.1em}.triptych-label-below p{margin:0;padding-bottom:.5rem;font-weight:700;font-size:1.5em}.triptych-block:hover .triptych-label-above{visibility:hidden;opacity:0;z-index:-1}.triptych-block:hover .triptych-label-below{visibility:visible;opacity:1;z-index:1}@media screen and (pointer: coarse){.triptych-block:hover .triptych-label-above,.triptych-block .triptych-label-above{visibility:hidden;opacity:0;z-index:-1}.triptych-block:hover .triptych-label-below,.triptych-block .triptych-label-below{visibility:visible;opacity:1;z-index:1}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/section-triptych.css.map */