.velostore-split-banner{position:relative;margin-block:var(--vs-split-margin-top) var(--vs-split-margin-bottom)}.velostore-split-banner__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--vs-split-gap)}.velostore-split-banner__panel{position:relative;isolation:isolate;min-width:0;height:var(--vs-split-height);overflow:hidden;background:rgba(var(--color-foreground),.08);color:var(--vs-panel-color, #fff)}.velostore-split-banner__media,.velostore-split-banner__media img,.velostore-split-banner__media svg,.velostore-split-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.velostore-split-banner__media{z-index:-2;overflow:hidden}.velostore-split-banner__media img,.velostore-split-banner__media svg{object-fit:cover;object-position:var(--vs-panel-object-position, center center);transition:transform .7s cubic-bezier(.22,1,.36,1),filter .5s ease}.velostore-split-banner__overlay{z-index:-1;background:rgba(0,0,0,var(--vs-panel-overlay, .25));transition:background-color .45s ease}.velostore-split-banner__base-title{position:absolute;z-index:2;left:var(--vs-title-x);top:var(--vs-title-y);max-width:min(70%,56rem);color:var(--vs-panel-color, #fff);transform:translate(-50%,-50%);transition:opacity .26s ease,transform .5s cubic-bezier(.22,1,.36,1)}.velostore-split-banner__eyebrow{margin:0 0 .8rem;color:inherit;font-size:1.15rem;font-weight:var(--font-weight-semibold);letter-spacing:.08em;text-transform:uppercase}.velostore-split-banner__base-title h2,.velostore-split-banner__mobile-identity h2{margin:0;color:inherit;font-size:clamp(3rem,3.2vw,var(--vs-title-size));font-weight:var(--font-weight-semibold);line-height:.95}.velostore-split-banner__center-art{position:absolute;z-index:6;left:calc(50% + var(--vs-center-art-offset-x, 0px));top:var(--vs-center-art-y, 50%);width:min(var(--vs-center-art-width, 140px),18vw);transform:translate(-50%,-50%);transition:opacity .24s ease,transform .52s cubic-bezier(.22,1,.36,1);pointer-events:none}.velostore-split-banner__center-art img,.velostore-split-banner__hover-art img,.velostore-split-banner__mobile-art img{display:block;width:100%;height:auto;object-fit:contain}.velostore-split-banner__hover-identity{position:absolute;z-index:3;top:var(--vs-hover-identity-y);display:flex;align-items:center;gap:clamp(1.2rem,2vw,2.8rem);color:var(--vs-panel-hover-color, #fff);opacity:0;transform:translateY(-50%) scale(.98);transition:opacity .28s ease,transform .6s cubic-bezier(.22,1,.36,1);pointer-events:none}.velostore-split-banner__panel[data-panel-side=left] .velostore-split-banner__hover-identity{right:clamp(1.2rem,2.2vw,3.2rem);flex-direction:column}.velostore-split-banner__panel[data-panel-side=right] .velostore-split-banner__hover-identity{left:clamp(1.2rem,2.2vw,3.2rem);flex-direction:column}.velostore-split-banner__hover-title{max-height:calc(var(--vs-split-height) * .72);color:inherit;font-size:clamp(5.4rem,7vw,var(--vs-hover-title-size));font-weight:var(--font-weight-semibold);line-height:.86;letter-spacing:-.04em;white-space:nowrap;writing-mode:vertical-rl}.velostore-split-banner__panel[data-panel-side=left] .velostore-split-banner__hover-title{transform:rotate(180deg)}.velostore-split-banner__hover-art{width:min(var(--vs-hover-art-width),22vw);max-width:100%}.velostore-split-banner__footer{position:absolute;z-index:4;top:0;right:0;bottom:0;left:0;display:flex;width:100%;height:100%;flex-direction:column;padding:clamp(2.4rem,4vw,5rem);color:var(--vs-panel-color, #fff);text-align:var(--vs-panel-align, left);pointer-events:none}.velostore-split-banner__footer[data-horizontal=start]{align-items:flex-start}.velostore-split-banner__footer[data-horizontal=center]{align-items:center}.velostore-split-banner__footer[data-horizontal=end]{align-items:flex-end}.velostore-split-banner__footer[data-vertical=start]{justify-content:flex-start}.velostore-split-banner__footer[data-vertical=center]{justify-content:center}.velostore-split-banner__footer[data-vertical=end]{justify-content:flex-end}.velostore-split-banner__text{max-width:48rem;color:var(--vs-footer-text-color, #fff);font-size:var(--vs-footer-text-size, 16px);line-height:1.45;pointer-events:auto}.velostore-split-banner__text>*{margin:0}.velostore-split-banner__buttons{display:flex;flex-wrap:wrap;gap:1rem;margin-block-start:2rem;pointer-events:auto}.velostore-split-banner__buttons .velostore-split-banner__button{min-width:0;min-height:2.8rem;padding:.55rem 1.4rem;border-width:.1rem;border-radius:var(--vs-button-radius, 6px);font-size:var(--vs-button-font-size, 12px);font-weight:var(--font-weight-medium);line-height:1;letter-spacing:.02em;text-transform:uppercase;box-shadow:none}.velostore-split-banner__button.button--filled{--color-button-text: var(--vs-button-on-accent, #111);--color-button-background: var(--vs-button-accent, #fff);--color-button-outline: var(--vs-button-accent, #fff);--color-button-hover-text: var(--vs-button-accent, #fff);--color-button-hover-background: transparent;--color-button-hover-outline: var(--vs-button-accent, #fff)}.velostore-split-banner__button.button--outlined{--color-button-text: var(--vs-button-accent, #fff);--color-button-background: transparent;--color-button-outline: var(--vs-button-accent, #fff);--color-button-hover-text: var(--vs-button-on-accent, #111);--color-button-hover-background: var(--vs-button-accent, #fff);--color-button-hover-outline: var(--vs-button-accent, #fff)}.velostore-split-banner__button.button--text{color:var(--vs-button-accent, #fff)}.velostore-split-banner__button.button--text:after{background-color:currentColor}.velostore-split-banner__mobile-identity{display:none}@media(hover:hover)and (min-width:750px){.velostore-split-banner--interactive .velostore-split-banner__panel:hover .velostore-split-banner__media img,.velostore-split-banner--interactive .velostore-split-banner__panel:focus-within .velostore-split-banner__media img{transform:scale(var(--vs-split-hover-zoom, 1.02))}.velostore-split-banner--interactive .velostore-split-banner__panel:hover .velostore-split-banner__overlay,.velostore-split-banner--interactive .velostore-split-banner__panel:focus-within .velostore-split-banner__overlay{background:rgba(0,0,0,var(--vs-panel-hover-overlay, .25))}.velostore-split-banner--interactive .velostore-split-banner__panel:hover .velostore-split-banner__base-title,.velostore-split-banner--interactive .velostore-split-banner__panel:focus-within .velostore-split-banner__base-title{opacity:0;transform:translate(-50%,-50%) scale(.96)}.velostore-split-banner--interactive .velostore-split-banner__grid:hover~.velostore-split-banner__center-art,.velostore-split-banner--interactive .velostore-split-banner__grid:focus-within~.velostore-split-banner__center-art{opacity:0;transform:translate(-50%,-50%) scale(.94)}.velostore-split-banner--interactive .velostore-split-banner__panel:hover .velostore-split-banner__hover-identity,.velostore-split-banner--interactive .velostore-split-banner__panel:focus-within .velostore-split-banner__hover-identity{opacity:1;transform:translateY(-50%) scale(1)}}@media screen and (max-width:749px){.velostore-split-banner__grid{grid-template-columns:1fr}.velostore-split-banner__panel{height:var(--vs-split-mobile-height);color:var(--vs-panel-mobile-color, #fff)}.velostore-split-banner__base-title,.velostore-split-banner__center-art,.velostore-split-banner__hover-identity{display:none}.velostore-split-banner__mobile-identity{position:absolute;z-index:3;left:var(--page-gutter);right:var(--page-gutter);top:44%;display:flex;align-items:center;justify-content:space-between;gap:1.6rem;color:var(--vs-panel-mobile-color, #fff);transform:translateY(-50%)}.velostore-split-banner__mobile-identity h2{max-width:70%;font-size:clamp(3.2rem,12vw,5.6rem)}.velostore-split-banner__mobile-art{width:min(var(--vs-mobile-art-width),28vw);flex:0 0 auto}.velostore-split-banner__footer{padding:2.4rem var(--page-gutter);color:var(--vs-panel-mobile-color, #fff)}.velostore-split-banner__footer[data-horizontal=end]{align-items:flex-start}.velostore-split-banner__footer[data-horizontal=center]{align-items:center}.velostore-split-banner__footer[data-vertical=start],.velostore-split-banner__footer[data-vertical=center]{justify-content:flex-end}.velostore-split-banner__text{max-width:100%;font-size:var(--vs-footer-mobile-text-size, 14px)}.velostore-split-banner__buttons{width:100%;gap:.8rem}.velostore-split-banner__buttons .velostore-split-banner__button{min-width:0;flex:1 1 0}}@media(prefers-reduced-motion:reduce){.velostore-split-banner__media img,.velostore-split-banner__overlay,.velostore-split-banner__base-title,.velostore-split-banner__center-art,.velostore-split-banner__hover-identity{transition-duration:.01ms}}
/*# sourceMappingURL=/cdn/shop/t/59/assets/section-velostore-split-banner.css.map */