.glass-container{display:flex;flex-direction:column;align-items:center}.glass-heading{margin:0 0 2.4rem;text-align:center;text-transform:uppercase;letter-spacing:.02em;width:100%}.glass-hero{display:grid;width:100%;grid-template-columns:1fr;gap:2.4rem;align-items:center}.glass-hero__col{display:flex;flex-direction:column;gap:2.4rem;align-items:center;text-align:center}.glass-hero__col--left,.glass-hero__col--right{width:100%}.glass-hero__media{position:relative;width:100%;max-width:400px;margin-inline:auto;aspect-ratio:480 / 474}.glass-hero__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(88deg,#fff 5%,#fff0 29%)}.glass-hero__media-img{display:block;width:100%;height:100%;object-fit:contain;object-position:center center;opacity:1}.glass-hero--animate .glass-hero__media,.glass-hero--animate .glass-hero__media-img{opacity:1;transform:none}.glass-vp{display:flex;flex-direction:column;gap:.8rem;max-width:28rem;align-items:center;text-align:center}.glass-vp__icon{line-height:0}.glass-vp__icon img{display:block;height:auto;margin-inline:auto}.glass-vp__heading{margin:0;text-transform:uppercase;letter-spacing:.04em}.glass-vp__text,.glass-vp__text p{margin:0}@media screen and (min-width:750px){.glass-heading{margin-bottom:3.2rem}.glass-hero{grid-template-columns:minmax(0,1fr) minmax(280px,400px) minmax(0,1fr);column-gap:0;row-gap:0}.glass-hero__col{gap:3.5rem}.glass-hero__col--left{align-items:flex-end;text-align:right}.glass-hero__col--right{align-items:flex-start;text-align:left}.glass-hero__col--left .glass-vp__icon img{margin-inline:0 0 0 auto}.glass-hero__col--right .glass-vp__icon img{margin-inline:auto 0 0}.glass-hero__media{max-width:480px;justify-self:center}}.glass-hero--animate .glass-vp{opacity:0;transition:opacity .6s ease,transform .6s ease;will-change:opacity,transform}.glass-hero--slide-sides .glass-hero__col--left .glass-vp{transform:translate(-36px)}.glass-hero--slide-sides .glass-hero__col--right .glass-vp{transform:translate(36px)}.glass-hero--stagger .glass-vp{transform:translateY(24px)}.glass-hero--animate .glass-vp.is-visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.glass-hero--animate .glass-vp{transition:opacity .1s;transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/299/assets/component-glass.css.map */