.evts-hero{--evts-bg: rgb(14, 15, 18);--evts-red: #e82127;--evts-red-text: #ff4d52;position:relative;background:var(--evts-bg);color:#fff}.evts-hero__track{position:relative;height:auto}.evts-hero__sticky{position:relative;height:calc(100vh - var(--evts-top, 0px));height:calc(100svh - var(--evts-top, 0px));overflow:hidden;background:var(--evts-bg);container-type:size}.evts-hero__frame{--fw: min(max(100cqw, 177.78cqh), 131.6cqw, 233.9cqh);position:absolute;left:50%;top:50%;width:var(--fw);aspect-ratio:16 / 9;transform:translate(-50%,-50%)}.evts-hero__poster,.evts-hero__poster img,.evts-hero__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.evts-hero__poster img{object-fit:cover}.evts-hero__canvas{opacity:0}.evts-hero.is-drawing .evts-hero__canvas{opacity:1}.evts-hero__start,.evts-hero__end{--fw: min(max(100cqw, 177.78cqh), 131.6cqw, 233.9cqh);--fh: calc(var(--fw) * .5625);position:absolute;z-index:2;color:#fff;text-shadow:0 1px 14px rgba(14,15,18,.85),0 0 2px rgba(14,15,18,.6)}.evts-hero__btn{text-shadow:none}.evts-hero__start{left:max(clamp(20px,4cqw,64px),calc((100cqw - var(--fw)) / 2 + var(--fw) * .045));top:max(clamp(28px,4.5cqh,48px),calc((100cqh - var(--fh)) / 2 + var(--fh) * .13));max-width:min(40cqw,calc(var(--fw) * .36))}.evts-hero__start:before{content:"";position:absolute;z-index:-1;top:-70%;right:-24%;bottom:-55%;left:-18%;background:radial-gradient(closest-side,#0e0f12cc,#0e0f128c 55%,#0e0f1200);pointer-events:none}.evts-hero__h1{margin:0;font-family:var(--font-heading-family, inherit);font-style:var(--font-heading-style, normal);font-weight:700;font-size:clamp(22px,calc(var(--fw) * .024),44px);line-height:1.1;letter-spacing:0;color:#fff;white-space:nowrap}.evts-hero__text{margin:.55em 0 0;font-family:var(--font-body-family, inherit);font-size:clamp(13px,calc(var(--fw) * .0105),18px);line-height:1.4;color:#ffffffd1}.evts-hero__btn{display:inline-flex;align-items:center;justify-content:center;margin-top:1.1em;padding:.7em 1.4em;border-radius:var(--buttons-radius-outset, 40px);background:var(--evts-red);color:#fff;font-family:var(--font-body-family, inherit);font-size:19px;font-weight:700;line-height:1.2;letter-spacing:.02em;text-decoration:none;white-space:nowrap;transition:filter .2s ease}.evts-hero__btn:hover{filter:brightness(1.08)}.evts-hero__btn:focus-visible{outline:2px solid #fff;outline-offset:3px}.evts-hero__pill{position:relative;box-sizing:border-box;gap:.5em;min-width:250px;height:56px;margin:0;padding:0 30px;border-radius:999px;font-size:18.7px;box-shadow:0 10px 28px -6px #e821278c;-webkit-tap-highlight-color:transparent}.evts-hero__pill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid rgba(232,33,39,.6);border-radius:inherit;opacity:0;animation:evts-halo 2.8s ease-out infinite;pointer-events:none}@keyframes evts-halo{0%{transform:scale(1);opacity:.8}70%,to{transform:scale(1.1,1.45);opacity:0}}.evts-hero__arrow{display:inline-block}.evts-hero__cta.is-on .evts-hero__arrow{animation:evts-nudge-down 1.6s ease-in-out infinite}.evts-hero__chapter.is-on .evts-hero__arrow--side{animation:evts-nudge-side 1.6s ease-in-out infinite}@keyframes evts-nudge-down{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}@keyframes evts-nudge-side{0%,to{transform:translate(0)}50%{transform:translate(3px)}}@keyframes evts-nudge-side-rtl{0%,to{transform:translate(0)}50%{transform:translate(-3px)}}.evts-hero__cta{position:absolute;z-index:4;left:50%;bottom:26px;transform:translate(-50%)}.evts-hero{--evts-dx: 48px;--evts-in: calc(var(--evts-dx) * -1);--evts-out: var(--evts-dx);--evts-wait: 0s}.evts-hero[data-evts-way=up],[dir=rtl] .evts-hero{--evts-in: var(--evts-dx);--evts-out: calc(var(--evts-dx) * -1)}[dir=rtl] .evts-hero[data-evts-way=up]{--evts-in: calc(var(--evts-dx) * -1);--evts-out: var(--evts-dx)}.evts-hero.is-after-leave{--evts-wait: .15s}.evts-hero__chapter,.evts-hero__cta{will-change:transform,opacity;opacity:0;translate:var(--evts-in) 0;visibility:hidden;pointer-events:none}.evts-hero__chapter.is-on,.evts-hero__cta.is-on{opacity:1;translate:0 0;visibility:visible;transition:opacity .55s ease-out,translate .55s cubic-bezier(.22,.8,.24,1),visibility 0s;transition-delay:var(--evts-wait)}.evts-hero__chapter.is-leaving,.evts-hero__cta.is-leaving{opacity:0;translate:var(--evts-out) 0;visibility:visible;transition:opacity .4s ease-in,translate .4s cubic-bezier(.5,0,.75,0),visibility 0s linear .4s;transition-delay:0s}.evts-hero__cta.is-on{pointer-events:auto}.evts-hero__progress{position:absolute;z-index:5;top:0;left:0;right:0;display:none;gap:4px;height:3px;pointer-events:none}.evts-hero.is-scroll .evts-hero__progress{display:flex}.evts-hero__progress span{flex:1 1 0;background:#ffffff1f}.evts-hero__progress i{display:block;will-change:transform;height:100%;background:#e82127;box-shadow:0 0 8px #e82127b3;transform:scaleX(0);transform-origin:left center}.evts-hero__end{left:0;right:0;top:max(16px,calc((100cqh - var(--fh)) / 2 + var(--fh) * .055));text-align:center;opacity:0;visibility:hidden}.evts-hero__title{margin:0;font-family:var(--font-heading-family, inherit);font-weight:700;font-size:clamp(32px,calc(var(--fw) * .048),92px);line-height:1.05;letter-spacing:-.01em;color:#fff}.evts-hero__after{display:block;height:0;scroll-margin-top:var(--evts-top, 0px);outline:none}.evts-hero__vh{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.evts-hero__cue{position:absolute;z-index:3;left:50%;bottom:98px;display:none;flex-direction:column;align-items:center;gap:6px;transform:translate(-50%);color:#ffffff9e;font-family:var(--font-body-family, inherit);font-size:10.5px;font-weight:600;line-height:1;letter-spacing:.26em;text-indent:.26em;text-transform:uppercase;pointer-events:none;transition:opacity .4s ease,visibility 0s linear .4s}.evts-hero__cue-arrow{display:block;font-size:14px;letter-spacing:0;text-indent:0;animation:evts-cue 1.8s ease-in-out infinite}@keyframes evts-cue{0%,to{transform:translateY(0);opacity:.55}50%{transform:translateY(6px);opacity:1}}.evts-hero.is-scroll .evts-hero__cue{display:flex}.evts-hero.is-scrolled .evts-hero__cue{opacity:0;visibility:hidden}.evts-hero__chapters{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.evts-hero__chapter{--fw: min(max(100cqw, 177.78cqh), 131.6cqw, 233.9cqh);--fh: calc(var(--fw) * .5625);position:absolute;left:max(clamp(20px,4cqw,64px),calc((100cqw - var(--fw)) / 2 + var(--fw) * .045));bottom:26px;display:flex;flex-direction:column;align-items:flex-start;width:min(36cqw,calc(var(--fw) * .3));color:#fff;font-family:var(--font-body-family, inherit);text-align:start;pointer-events:none}.evts-hero__chapter:before{content:"";position:absolute;z-index:-1;top:-28%;right:-22%;bottom:18%;left:-18%;background:radial-gradient(closest-side,#0e0f12b8,#0e0f1273 55%,#0e0f1200);opacity:0;transition:opacity .4s ease;pointer-events:none}.evts-hero__chapter.is-on:before{opacity:1;transition-duration:.55s}.evts-hero__ch-label{margin:0;font-size:12px;font-weight:700;line-height:1.3;letter-spacing:.22em;text-transform:uppercase;color:var(--evts-red-text)}.evts-hero__ch-title{margin:8px 0 0;font-family:var(--font-heading-family, inherit);font-style:var(--font-heading-style, normal);font-weight:700;font-size:clamp(24px,min(calc(var(--fw) * .021),4cqh),40px);line-height:1.12;letter-spacing:-.005em;color:#fff;text-wrap:balance;text-shadow:0 1px 18px rgba(14,15,18,.7)}.evts-hero__ch-line{margin:8px 0 0;font-size:clamp(16px,calc(var(--fw) * .0098),18px);line-height:1.45;color:#ffffffd6;text-wrap:balance;text-shadow:0 1px 14px rgba(14,15,18,.8)}.evts-hero__ch-btn{margin-top:20px}.evts-hero__wipe{position:relative;max-width:100%}.evts-hero__clip{position:absolute;display:none;overflow:hidden;pointer-events:none;will-change:transform}.evts-hero.is-scroll .evts-hero__clip{display:block}.evts-hero.is-scroll .evts-hero__ch-real{opacity:0}.evts-hero__clip--sharp{transform:rotate(-92deg);transform-origin:100% 50%;-webkit-mask-image:linear-gradient(to left,transparent,#000 5px);mask-image:linear-gradient(to left,transparent,#000 5px)}.evts-hero__clip--fog{transform:rotate(-92deg);transform-origin:0% 50%;-webkit-mask-image:linear-gradient(to right,transparent,#000 5px);mask-image:linear-gradient(to right,transparent,#000 5px)}.evts-hero__clip>.evts-hero__ch-text{position:absolute;will-change:transform}.evts-hero__ch-fog{filter:blur(7px);opacity:.55}.evts-hero__wiper{position:absolute;z-index:2;will-change:transform,opacity;left:50%;top:100%;width:0;height:0;opacity:0;pointer-events:none}.evts-hero__wiper-arm{position:absolute;left:-3px;bottom:0;width:6px;height:var(--evts-arm, 240px);border-radius:3px;background:linear-gradient(90deg,#24262a 0 34%,#c7ccd4 34% 58%,#2c2f34 58% 100%);box-shadow:0 0 8px #0000008c}.evts-hero__wiper-arm:before{content:"";position:absolute;inset:0 0 auto;height:12px;border-radius:3px 3px 1px 1px;background:#e82127}.evts-hero__wiper-pivot{position:absolute;left:-9px;top:-9px;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle,#3b3e44 0 42%,#c7ccd4 44% 58%,#24262a 60%);box-shadow:0 0 8px #0009}.evts-hero__ch-btn{background:transparent;box-shadow:inset 0 0 0 1.5px #e82127;opacity:0;visibility:hidden}.evts-hero__ch-btn.is-shown{visibility:visible}.evts-hero__chapter.is-on .evts-hero__ch-btn.is-shown{pointer-events:auto}.evts-hero__ch-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:0 10px 28px -6px #e821278c;opacity:0;transition:opacity .35s ease;pointer-events:none}.evts-hero__ch-btn.is-charged:before{opacity:1}.evts-hero__ch-btn:not(.is-charged):after{animation:none;opacity:0}.evts-hero__charge{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;overflow:hidden;pointer-events:none}.evts-hero__charge-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:#e82127;will-change:transform;transform:scaleX(0);transform-origin:left center}.evts-hero__btn-in{position:relative;display:grid;align-items:center;height:100%;overflow:hidden}.evts-hero__meter,.evts-hero__btn-label{grid-area:1 / 1;display:inline-flex;align-items:center;justify-content:center;gap:.5em;transition:transform .35s ease,opacity .35s ease}.evts-hero__btn-label{transform:translateY(100%);opacity:0}.evts-hero__ch-btn.is-charged .evts-hero__meter{transform:translateY(-100%);opacity:0}.evts-hero__ch-btn.is-charged .evts-hero__btn-label{transform:none;opacity:1}.evts-hero__batt{position:relative;box-sizing:border-box;width:24px;height:12px;margin-right:3px;border:1.5px solid currentColor;border-radius:3px}.evts-hero__batt:after{content:"";position:absolute;top:2.5px;right:-4.5px;width:2.5px;height:4px;border-radius:0 1px 1px 0;background:currentColor}.evts-hero__batt-fill{position:absolute;top:1.5px;right:1.5px;bottom:1.5px;left:1.5px;border-radius:1px;background:currentColor;transform:scaleX(0);transform-origin:left center}.evts-hero__pct{min-width:2.6em;font-variant-numeric:tabular-nums;text-align:left}.evts-hero.is-scroll .evts-hero__track{height:650vh}.evts-hero.is-scroll .evts-hero__sticky{position:sticky;top:var(--evts-top, 0px)}.evts-hero--header-offset{--evts-top: var(--header-height, 0px)}.evts-hero.is-scroll .evts-hero__start,.evts-hero.is-scroll .evts-hero__end{transition:none;will-change:opacity}.evts-hero__start:focus-within,.evts-hero__end:focus-within{opacity:1!important;visibility:visible!important}@media(min-width:768px){.evts-hero__cta{--fw: min(max(100cqw, 177.78cqh), 131.6cqw, 233.9cqh);left:max(clamp(20px,4cqw,64px),calc((100cqw - var(--fw)) / 2 + var(--fw) * .045));bottom:max(26px,12vh);transform:none}.evts-hero__chapter{bottom:max(26px,12vh)}.evts-hero__chapter--top{top:max(clamp(28px,4.5cqh,48px),calc((100cqh - var(--fh)) / 2 + var(--fh) * .13));bottom:auto}.evts-hero__cue{bottom:30px}[dir=rtl] .evts-hero__cta{left:auto;right:max(clamp(20px,4cqw,64px),calc((100cqw - var(--fw)) / 2 + var(--fw) * .045))}[dir=rtl] .evts-hero__ch-text{text-align:right}}@media(max-width:767px){.evts-hero.is-scroll .evts-hero__track{height:500vh}.evts-hero__sticky{display:flex;flex-direction:column;justify-content:flex-start}.evts-hero__frame{--fw: 100cqw;position:relative;left:auto;top:auto;flex:none;width:100%;transform:none}.evts-hero__start,.evts-hero__end,.evts-hero__chapter{--fw: 100cqw;position:absolute;top:56.25cqw;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:none;padding:12px 24px 150px;text-align:center}.evts-hero__chapter{width:auto;padding:16px 24px 24px}.evts-hero__start:before,.evts-hero__chapter:before{content:none}.evts-hero__h1{font-size:clamp(24px,7cqw,34px);white-space:normal}.evts-hero__text{font-size:15px}.evts-hero__title{font-size:clamp(34px,11cqw,52px)}.evts-hero__ch-title{font-size:clamp(26px,7.4cqw,32px)}.evts-hero__ch-line{font-size:16px}}[dir=rtl] .evts-hero__start,[dir=rtl] .evts-hero__chapter{left:auto;right:max(clamp(20px,4cqw,64px),calc((100cqw - var(--fw)) / 2 + var(--fw) * .045))}[dir=rtl] .evts-hero__cue,[dir=rtl] .evts-hero__ch-label{letter-spacing:.04em;text-indent:0}[dir=rtl] .evts-hero__progress i{transform-origin:right center}[dir=rtl] .evts-hero__chapter.is-on .evts-hero__arrow--side{animation-name:evts-nudge-side-rtl}@media(max-width:767px){[dir=rtl] .evts-hero__start,[dir=rtl] .evts-hero__chapter{left:0;right:0}}@media(prefers-reduced-motion:reduce){.evts-hero .evts-hero__track{height:auto!important}.evts-hero .evts-hero__sticky{position:relative!important}.evts-hero .evts-hero__canvas{display:none}.evts-hero .evts-hero__start{opacity:0!important;visibility:visible!important;pointer-events:none}.evts-hero .evts-hero__start .evts-hero__text{display:none}.evts-hero .evts-hero__end{opacity:1!important;visibility:visible!important}.evts-hero .evts-hero__cue{display:none}.evts-hero__pill:after,.evts-hero .evts-hero__arrow{animation:none!important}.evts-hero .evts-hero__chapter,.evts-hero .evts-hero__cta,.evts-hero__chapter:before{transition:none!important;translate:none!important}.evts-hero .evts-hero__clip,.evts-hero .evts-hero__wiper,.evts-hero .evts-hero__meter,.evts-hero .evts-hero__charge{display:none}.evts-hero .evts-hero__ch-real{opacity:1}.evts-hero .evts-hero__ch-btn{opacity:1!important;visibility:inherit;background:#e82127}.evts-hero .evts-hero__btn-label{transform:none;opacity:1;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/evts-scroll-hero.css.map */
