.image-trio-wrapper{position:relative;margin:2.4rem 1.2rem 0}.image-trio__btn{position:absolute;top:50%;transform:translateY(-50%);background:none;border:1px solid rgba(var(--color-foreground),.3);border-radius:.4rem;padding:.6rem 1rem;cursor:pointer;font-size:var(--font-size-medium);color:rgb(var(--color-foreground));opacity:.7;transition:opacity .2s ease;z-index:2}.image-trio__btn:hover{opacity:1}.image-trio__btn--prev{left:.8rem}.image-trio__btn--next{right:.8rem}.image-trio{display:flex;gap:2.4rem;margin:0;max-height:440px;overflow-x:auto;overflow-y:hidden;border-radius:1.2rem;scrollbar-width:none}.image-trio__item{position:relative;flex:0 0 auto;border-radius:2.4rem;overflow:hidden}.image-trio__item--large{order:3}.image-trio__item--small:not(.image-trio__item--text){order:1}.image-trio__media{position:relative;transition:opacity .4s ease}.image-trio__media img,.image-trio__media svg{display:block;height:440px;width:auto;object-fit:contain;border-radius:1.2rem}.image-trio__media--hover{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;display:flex;align-items:center;justify-content:center}.image-trio__item:hover .image-trio__media--default{opacity:0}.image-trio__item:hover .image-trio__media--hover{opacity:1}.image-trio__item--text{background:rgba(var(--color-foreground),.04);display:flex;align-items:center;justify-content:center;padding:3rem 3.2rem;flex:0 0 28rem;box-sizing:border-box;order:2}.image-trio__text-lead{font-size:1.3em;font-weight:600;font-style:normal}.image-trio__text{font-size:var(--font-size-medium);font-family:var(--font-heading-family);font-style:italic;color:rgb(var(--color-foreground));line-height:1.7;margin:0}.image-trio__images{display:contents}.image-trio__item--has-product .image-trio__media--hover{background:rgba(var(--color-background),.92);padding:3rem;box-sizing:border-box;flex-direction:column;align-items:center;justify-content:center;gap:2rem}.image-trio__item--has-product .image-trio__media--hover img{flex:1;min-height:0;width:100%;object-fit:contain}.image-trio__shop-btn{flex:0 0 auto;display:inline-block;padding:.9rem 2.4rem;border:1px solid rgb(var(--color-foreground));border-radius:10rem;background:transparent;color:rgb(var(--color-foreground));font-family:Jost,sans-serif;font-size:1.3rem;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;white-space:nowrap;transition:background .2s ease,color .2s ease}.image-trio__pack-label{flex:0 0 auto;font-family:Jost,sans-serif;font-size:1.6rem;font-weight:400;color:rgb(var(--color-foreground));letter-spacing:.04em}.image-trio__shop-btn:hover{background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.image-trio__media--hover-large{flex-direction:column;align-items:center;justify-content:center;gap:2rem;padding:3rem;box-sizing:border-box;background:rgba(var(--color-background),.92)}.image-trio__media--hover-large img{flex:1;min-height:0;width:100%;object-fit:contain}@media screen and (max-width:749px){.image-trio-wrapper{margin:.8rem}.image-trio{gap:.8rem;max-height:320px}.image-trio__media img,.image-trio__media svg{height:320px}.image-trio__item--text{flex:0 0 75vw;min-height:unset;padding:2rem;order:2}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-image-trio.css.map */