.triptych-wrap{margin:0 var(--space-64)}.triptych{background:var(--brand-blue);border-radius:30px;padding:var(--space-64);--tri-ratio: 353 / 427}.triptych__head,.triptych__row{max-width:1200px;margin-inline:auto}.triptych__head{text-align:center}.triptych__heading{margin:0;font-family:var(--font-heading-family);font-weight:var(--weight-heading);font-size:48px;line-height:1.05;letter-spacing:-.02em;color:var(--white);max-width:none;margin-inline:auto}.triptych__subheading{margin:16px auto 0;max-width:none;font-family:var(--font-body-family);font-weight:500;font-size:17px;line-height:24px;color:var(--white)}.triptych__row{display:flex;justify-content:space-between;padding:48px 30px 0}.triptych__card{margin:0;min-width:0;width:353px;flex:0 1 auto;text-align:left}.triptych__frame.triptych__frame{display:block;aspect-ratio:var(--tri-ratio, 353 / 427);overflow:hidden;background:color-mix(in srgb,var(--white) 8%,transparent)}.triptych__image{display:block;width:100%;height:100%;object-fit:cover}.triptych__video{background:transparent}.triptych__label{margin:16px 0 8px;font-family:var(--font-heading-family);font-weight:var(--weight-heading);font-size:22px;line-height:1.15;letter-spacing:-.01em;color:var(--white)}.triptych__body{margin:0;font-family:var(--font-body-family);font-weight:400;font-size:15px;line-height:24px;color:var(--white)}@media screen and (max-width:749px){.triptych-wrap{margin:0 10px}.triptych{border-radius:30px;padding:48px 24px}.triptych__heading{font-size:22px;line-height:1.15}.triptych__subheading{font-size:16px;margin:16px auto 0}.triptych__row{display:block;padding:36px 0 0;margin-inline:0;overflow:visible}.triptych__frame.triptych__frame{aspect-ratio:auto;height:420px}.triptych__image{object-fit:cover;object-position:center center}.triptych__card{width:auto;margin-bottom:40px}.triptych__card:last-child{margin-bottom:0}.triptych__label{font-size:19px;margin:16px 0 8px}.triptych__body{font-size:14px;line-height:21px;max-width:none}}.triptych__hidden{opacity:0;transform:translateY(16px);transition:opacity .6s ease-out,transform .6s ease-out;transition-delay:var(--tri-delay, 0ms)}.triptych__hidden.is-in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.triptych__hidden{transition:none;transition-delay:0s;opacity:1;transform:none}.triptych__row{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/product-triptych.css.map */