.hit{display:block;overflow-x:hidden;overflow-x:clip}.hit__block{--hit-dir: -1;position:relative;display:flex;flex-direction:column;width:var(--hit-panel-w-m);margin:0 auto}.hit__block--image-right{--hit-dir: 1}.hit__block+.hit__block{margin-top:calc(var(--hit-gap-m) + var(--hit-extra-top))}.hit__block:first-child{margin-top:var(--hit-extra-top)}.hit__panel{box-sizing:border-box;display:flex;align-items:var(--hit-content-align-items);min-height:var(--hit-panel-min-h-m);padding:var(--hit-pad-y-m) var(--hit-pad-x-m);border-radius:var(--hit-panel-radius);background-color:var(--hit-panel-bg);color:var(--hit-text)}.hit__content{width:100%;text-align:var(--hit-text-align-m)}.hit__image{position:relative;z-index:2;width:var(--hit-img-w-m);pointer-events:none}.hit__block--image-left .hit__image{align-self:flex-start}.hit__block--image-right .hit__image{align-self:flex-end}.hit__block--mobile-above .hit__image{order:-1;margin-bottom:calc(var(--hit-img-overlap-m) * -1)}.hit__block--mobile-below .hit__image{order:1;margin-top:calc(var(--hit-img-overlap-m) * -1)}.hit__image-inner img{display:block;width:100%;height:auto;filter:drop-shadow(0 2rem 2.4rem rgba(0,0,0,var(--hit-image-shadow)))}.hit__content>*+*{margin-top:var(--hit-element-gap)}.hit__heading{margin:0;color:inherit;font-family:var(--hit-heading-font);font-size:var(--hit-heading-size-m);font-weight:var(--hit-heading-weight);text-transform:var(--hit-heading-transform);line-height:1.05}.hit__subheading{margin:0;color:inherit;font-size:var(--hit-sub-size-m);line-height:var(--hit-text-line-height)}.hit__text{color:inherit;font-size:var(--hit-text-size-m);line-height:var(--hit-text-line-height)}.hit__text p{margin:0 0 .8em}.hit__text>:last-child,.hit__highlights>:last-child{margin-bottom:0}.hit__highlights{color:var(--hit-highlight);font-family:var(--hit-highlight-font);font-size:var(--hit-highlight-size-m);font-weight:var(--hit-highlight-weight);line-height:1.25}.hit__highlights p{margin:0}.hit__highlights ul,.hit__highlights ol{margin:0;padding-left:1.6em;text-align:left}.hit__highlights li+li{margin-top:.2em}.hit__button{display:inline-block;padding:1.2rem 2.8rem;border-radius:var(--hit-button-radius);background-color:var(--hit-button-bg);color:var(--hit-button-text);font-family:var(--hit-heading-font);font-size:var(--hit-button-size);font-weight:700;letter-spacing:.05em;text-decoration:none;text-transform:uppercase;transition:opacity .2s ease}.hit__button:hover{opacity:.85}@media screen and (min-width:750px){.hit__block{display:block;width:var(--hit-panel-w-d);max-width:var(--hit-panel-max)}.hit__block+.hit__block{margin-top:calc(var(--hit-gap-d) + var(--hit-extra-top))}.hit__panel{min-height:var(--hit-panel-min-h-d);padding:var(--hit-pad-y-d) var(--hit-pad-x-d)}.hit__block--image-left .hit__panel{justify-content:flex-end}.hit__block--image-right .hit__panel{justify-content:flex-start}.hit__content{width:var(--hit-content-w-d);text-align:var(--hit-text-align-d)}.hit__heading{font-size:var(--hit-heading-size-d)}.hit__subheading{font-size:var(--hit-sub-size-d)}.hit__text{font-size:var(--hit-text-size-d)}.hit__highlights{font-size:var(--hit-highlight-size-d)}.hit__image{position:absolute;width:var(--hit-img-w-d);margin:0;order:0}.hit__block--image-left .hit__image{left:var(--hit-img-ox)}.hit__block--image-right .hit__image{right:var(--hit-img-ox)}.hit__block--image-top .hit__image{top:0;translate:0 var(--hit-img-oy)}.hit__block--image-middle .hit__image{top:50%;translate:0 calc(-50% + var(--hit-img-oy))}.hit__block--image-bottom .hit__image{bottom:0;translate:0 var(--hit-img-oy)}.hit__block--mobile-above .hit__image,.hit__block--mobile-below .hit__image{margin:0}}.hit--ready .hit__image-inner{opacity:min(1,calc(var(--hit-p, 0) * 2));transform:translate(calc(var(--hit-dir) * min(var(--hit-slide-image),60px) * (1 - var(--hit-p, 0)))) scale(calc(var(--hit-image-scale) + (1 - var(--hit-image-scale)) * var(--hit-p, 0)));will-change:transform,opacity}.hit--ready .hit__content{opacity:min(1,calc(var(--hit-pt, 0) * 2));transform:translate(calc(var(--hit-dir) * -1 * min(var(--hit-slide-text),60px) * (1 - var(--hit-pt, 0))));will-change:transform,opacity}@media screen and (min-width:750px){.hit--ready .hit__image-inner{transform:translate(calc(var(--hit-dir) * var(--hit-slide-image) * (1 - var(--hit-p, 0)))) scale(calc(var(--hit-image-scale) + (1 - var(--hit-image-scale)) * var(--hit-p, 0)))}.hit--ready .hit__content{transform:translate(calc(var(--hit-dir) * -1 * var(--hit-slide-text) * (1 - var(--hit-pt, 0))))}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-image-text-showcase.css.map */