.hero-showcase{overflow:hidden}.hero-showcase__layout{display:grid;grid-template-columns:minmax(0,1fr);gap:3rem;align-items:center}@media screen and (min-width:750px){.hero-showcase__layout{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:2.5rem}}@media screen and (min-width:990px){.hero-showcase__layout{grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:3rem}}.hero-showcase__content{max-width:54rem;width:100%}.hero-showcase--pending .hero-showcase__content{visibility:hidden}.hero-showcase__heading{margin:0;line-height:1.06;letter-spacing:-.03em}@media(prefers-reduced-motion:no-preference){.hero-showcase__heading,.hero-showcase__text{overflow:hidden}.hero-showcase__animated-text,.hero-showcase__reveal-block,.hero-showcase__panel-reveal{display:inline-block;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;backface-visibility:hidden;-webkit-backface-visibility:hidden;opacity:0;transform:translate3d(0,100%,0) scaleZ(1) rotateX(0) rotateY(0) rotate(0) skew(0);transition:transform .8s cubic-bezier(.165,.84,.44,1),opacity .8s cubic-bezier(.165,.84,.44,1)}.hero-showcase__animated-text{transition-delay:calc(var(--word-index, 0) * .06s)}.hero-showcase__reveal-block{transition-delay:calc(var(--reveal-order, 0) * .06s + .3s)}.hero-showcase__panel-reveal{display:block;transition-delay:calc(var(--panel-reveal-order, 0) * .14s + .45s);transition-duration:.95s}.hero-showcase--loaded .hero-showcase__animated-text,.hero-showcase--loaded .hero-showcase__reveal-block,.hero-showcase--loaded .hero-showcase__panel-reveal{opacity:1;transform:translateZ(0) scaleZ(1) rotateX(0) rotateY(0) rotate(0) skew(0)}}@media(prefers-reduced-motion:reduce){.hero-showcase__animated-text,.hero-showcase__reveal-block,.hero-showcase__panel-reveal{opacity:1;transform:none}}.hero-showcase__heading em{color:#27b36a;font-style:italic}.hero-showcase__text{margin-top:2rem;max-width:44rem}.hero-showcase__button{margin-top:2.4rem;display:inline-flex;align-items:center;gap:.8rem;border-radius:1rem;font-size:18px;font-weight:700}.hero-showcase__button-icon{width:1.6rem;height:1.6rem;line-height:0}.hero-showcase__button-icon svg{width:100%;height:100%}.hero-showcase__visual{position:relative;width:100%;min-width:0}.hero-showcase__stage{position:relative;width:100%;min-height:max(calc(var(--top-pos-y, 0) * 1% + var(--top-width, 560) * .52px),calc(var(--bottom-pos-y, 46) * 1% + var(--bottom-width, 620) * .58px))}.hero-showcase__panel{position:absolute;border-radius:clamp(1.2rem,2vw,2.2rem);overflow:hidden;box-shadow:0 1.8rem 4rem #0000001a}.hero-showcase__panel--top{z-index:1}.hero-showcase__panel--bottom{z-index:2}.hero-showcase__panel-image{width:100%;height:auto;display:block;object-fit:cover}@media screen and (min-width:750px)and (max-width:989px){.hero-showcase__stage{min-height:max(calc(var(--top-pos-y, 0) * 1% + var(--top-width, 560) * .42px),calc(var(--bottom-pos-y, 46) * 1% + var(--bottom-width, 620) * .48px))}.hero-showcase__panel{max-width:90%}}@media screen and (max-width:749px){.hero-showcase__layout{gap:2.5rem}.hero-showcase__stage{min-height:clamp(22rem,72vw,34rem);max-width:100%;margin:0 auto}.hero-showcase__panel{max-width:none}.hero-showcase__panel--top{left:10%!important;top:0%!important;width:90%!important;z-index:1}.hero-showcase__panel--bottom{left:0%!important;top:10%!important;width:32%!important;z-index:2}.hero-showcase__panel-image{object-fit:contain}.hero-showcase__heading{font-size:3.2rem!important}.hero-showcase__text{font-size:1.5rem!important}.hero-showcase__button{margin-top:2.4rem!important;font-size:1.8rem;font-weight:700;padding:1.4rem 2.5rem 1.2rem}}.hero-showcase__button-icon{position:relative;display:inline-flex;width:20px;height:20px;overflow:hidden;isolation:isolate;transform:translateZ(0)}.hero-showcase__arrow{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transform:rotate(-33deg) translateZ(0);transition:transform .6s ease,opacity .4s ease;backface-visibility:hidden;-webkit-backface-visibility:hidden}.hero-showcase__arrow--2{transform:rotate(-33deg) translate3d(-120%,0,0);opacity:0}.hero-showcase__button:hover .hero-showcase__arrow--1{transform:rotate(-33deg) translate3d(120%,0,0);opacity:0}.hero-showcase__button:hover .hero-showcase__arrow--2{transform:rotate(-33deg) translateZ(0);opacity:1}.hero-showcase__arrow svg{display:block;shape-rendering:geometricPrecision}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-hero-showcase.css.map */