.section-hero{padding:0;position:relative}#video{left:-8px;margin-top:auto;max-width:100%;width:800px}#video,.index-hero-wrap{position:relative}.index-hero{align-items:center;background-size:auto;display:flex;flex-direction:column;height:max(100vh,700px);justify-content:center;margin-top:calc(var(--size-xxxl)*-1);overflow:hidden;padding:0 var(--size-s);padding-top:20vh;position:sticky;text-align:center;top:0;width:100%}.index-hero hgroup{backface-visibility:hidden;margin-bottom:0;position:relative}.index-hero__title{color:var(--peach);font-family:MDIO,monospace;font-size:min(11vw,var(--text-xxxl));letter-spacing:.01px;line-height:1.1;margin-bottom:var(--size-xs)}.index-hero__title-break{display:initial}.index-hero__text{color:var(--peach);font-family:var(--sans);font-size:var(--text-base);margin-bottom:var(--size-xl);z-index:2}.index-hero__button{margin-bottom:var(--size-xl);transition:transform .12s ease;--button-angle-skew:-12deg;background-color:transparent;border:2px solid transparent;isolation:isolate;padding-inline:1.25rem;position:relative}.index-hero__button.button--fill-yellow-action{--button-fill-border:var(--yellow-action);--button-fill-background:var(--yellow-action);color:var(--red-tutao)}.index-hero__button.button--fill-red-fighter{--button-fill-border:var(--red-fighter);--button-fill-background:var(--red-fighter);color:var(--white)}.index-hero__button:before{background-color:var(--button-fill-background);border:2px solid var(--button-fill-border);border-radius:inherit;box-sizing:border-box;content:"";inset:-2px;pointer-events:none;position:absolute;transition:transform .2s ease;z-index:-1}.index-hero__button:active:before,.index-hero__button:is(:hover,:focus-visible):before{transform:skew(var(--button-angle-skew))}.index-hero__button:active{transform:translateY(1px) scale(.98)}.index-hero__image-wrap{margin-top:var(--size-xxl);max-width:240px;position:relative;top:0;width:100%}.index-hero__image-wrap:hover{opacity:1}.hero__switch-finger-wrap{height:350px;position:relative;scale:.8;transform-origin:top center;width:460px}.hero__finger-wrap{--scale-factor:1.8;left:30px;pointer-events:none;position:absolute;scale:var(--scale-factor);top:100px}.hero__finger{display:block;height:auto;left:calc(-22%*var(--scale-factor));opacity:0;position:absolute;top:34%;transform:translate(50%);transform-origin:top center;width:150px}.hero__finger-desktop{display:none}.hero__finger-mobile{display:block}.hero__switch-desktop{display:none}.hero__switch-mobile{display:block}.hero__switch_illustrated{height:auto;opacity:1;position:absolute;width:100%}.hero__switch_illustrated-wrap{left:50%;pointer-events:auto;position:absolute;transform:translate(-50%);transform-origin:top center;width:180px}.switch-wrap{height:320px;position:relative;transform-origin:top center;width:320px}#switch{pointer-events:auto}.switch__button{cursor:pointer;height:200px;left:-10px;opacity:0;position:absolute;top:-10px;width:200px;z-index:1}@media (min-width:576px){.index-hero__title{font-size:calc(var(--text-xxxl)*1.1)}}@media (min-width:768px){.index-hero__image-wrap{max-width:360px}.index-hero__title-break{display:none}.index-hero__text{margin-bottom:var(--size-xxl)}.index-hero__button{margin-bottom:var(--size-l)}.hero__switch-finger-wrap{scale:.8}}@media (min-width:996px){.index-hero{background-size:auto;padding-top:0}.index-hero__title{font-size:min(7vw,100px)}.hero__switch-finger-wrap{scale:1}.hero__finger-desktop{display:block}.hero__finger-mobile{display:none}.hero__switch-desktop{display:block}.hero__switch-mobile{display:none}@media (min-height:996px){.index-hero__button,.index-hero__text{margin-bottom:var(--size-xl)}.hero__switch-finger-wrap{scale:1.1}}@media (min-height:1200px){.index-hero__button,.index-hero__text{margin-bottom:var(--size-xxl)}.hero__switch-finger-wrap{scale:1.3}}}@media (min-width:1200px){.index-hero__text{font-size:var(--text-m)}}@media (max-height:768px){.index-hero__title{font-size:min(11vw,var(--text-xxxl))}.index-hero__button,.index-hero__text{margin-bottom:var(--size-l)}@media (max-width:576px){.hero__switch-finger-wrap{scale:.6}}@media (min-width:768px){.hero__switch-finger-wrap{scale:.7}}}@media (max-height:996px){.index-hero{padding-top:18lvh}.index-hero__button,.index-hero__text{margin-bottom:var(--size-ml)}@media (min-width:768px){.index-hero__title{font-size:calc(var(--text-xxxl)*1.1)}.hero__switch-finger-wrap{scale:.7}}}