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