.itg-section{width:100%;box-sizing:border-box}@media screen and (min-width:1200px){.itg-section--contained-desktop{max-width:var(--page-width, 1600px);margin-left:auto;margin-right:auto;padding-left:var(--page-margin, 50px);padding-right:var(--page-margin, 50px)}.itg-section--full-desktop{width:100vw;max-width:100vw;padding-left:0;padding-right:0}}@media screen and (min-width:1600px){.itg-section--contained-desktop{max-width:var(--page-width, 1600px);margin-left:auto;margin-right:auto;padding-left:0;padding-right:0}.itg-section--full-desktop{width:100vw;max-width:100vw;padding-left:0;padding-right:0}}@media screen and (max-width:749px){.itg-section--contained-mobile{padding-left:var(--page-margin-mobile, 20px);padding-right:var(--page-margin-mobile, 20px);border-radius:20px;overflow:hidden}.itg-section--full-mobile{padding-left:0;padding-right:0}}.itg-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:0;gap:0;width:100%}@media screen and (min-width:1200px){.itg-grid{border-radius:30px!important;overflow:hidden}.itg-grid{border-radius:0}}@media screen and (max-width:749px){.itg-grid{grid-template-columns:repeat(2,1fr)}.itg-grid>.itg-tile:last-child:nth-child(odd){grid-column:span 2}}.itg-tile{position:relative;overflow:hidden;aspect-ratio:5 / 7}@supports not (aspect-ratio: 5 / 7){.itg-tile:before{content:"";display:block;padding-top:140%}}.itg-tile__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;will-change:transform}.itg-tile__image,.itg-tile__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .75s cubic-bezier(.25,.46,.45,.94);transform:scale(1);will-change:transform}@media(hover:hover)and (pointer:fine){.itg-tile:hover .itg-tile__image,.itg-tile:hover .itg-tile__video{transform:scale(1.08)}}.itg-tile__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#f4f4f4}.itg-tile__placeholder-svg{width:60px;height:60px;opacity:.3}.itg-tile__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.itg-tile__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;padding:clamp(20px,4vw,60px);box-sizing:border-box;pointer-events:none}.itg-tile__content>*{pointer-events:auto}.itg-tile--pos-top-left .itg-tile__content{justify-content:flex-start;align-items:flex-start}.itg-tile--pos-top-center .itg-tile__content{justify-content:flex-start;align-items:center}.itg-tile--pos-top-right .itg-tile__content{justify-content:flex-start;align-items:flex-end}.itg-tile--pos-center-left .itg-tile__content{justify-content:center;align-items:flex-start}.itg-tile--pos-center-center .itg-tile__content{justify-content:center;align-items:center}.itg-tile--pos-center-right .itg-tile__content{justify-content:center;align-items:flex-end}.itg-tile--pos-bottom-left .itg-tile__content{justify-content:flex-end;align-items:flex-start}.itg-tile--pos-bottom-center .itg-tile__content{justify-content:flex-end;align-items:center}.itg-tile--pos-bottom-right .itg-tile__content{justify-content:flex-end;align-items:flex-end}.itg-tile__heading{margin:0 0 .45em;font-size:clamp(2rem,3.2vw,3rem);font-weight:700;color:inherit;line-height:1.05;letter-spacing:-.015em}.itg-tile__heading p{margin:0}.itg-tile__subtitle{margin:0 0 .4em;font-size:clamp(.85rem,1.4vw,1.05rem);font-weight:600;color:inherit;line-height:1.3}.itg-tile__subtitle p{margin:0}.itg-tile__description{margin:0 0 .9em;font-size:clamp(.8rem,1.2vw,1.8rem);font-weight:400;color:inherit;line-height:1.6}.itg-tile__description p{margin:0 0 .5em}.itg-tile__description p:last-child{margin-bottom:0}.itg-tile__cta{margin-top:.25em}.js-itg-tile{opacity:0;transform:translateY(48px);transition:opacity .65s ease,transform .65s ease;transition-delay:0ms}.js-itg-tile.itg-tile--revealed{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.js-itg-tile{opacity:1;transform:none;transition:none}}.shopify-section-editor .itg-tile{cursor:pointer}@media screen and (max-width:749px){.itg-tile__content{padding:clamp(24px,4vw,32px)}.itg-tile__heading{font-size:clamp(1.2rem,4vw,2rem);line-height:1.3}.itg-tile__subtitle{font-size:clamp(.75rem,3vw,.9rem)}.itg-tile__description{font-size:clamp(.8rem,2.8vw,.95rem)}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/interactive-tile-grid.css.map */