.home{--sh:46vh;--navh:56px;--lift:0px;position:relative}.home-stage-wrap{pointer-events:none;height:100vh;position:sticky;top:0}.home-stage{width:66vw;height:100%;display:block;position:absolute;top:0;right:0}.home-main{z-index:2;pointer-events:none;margin-top:-100vh;position:relative}.home-main a,.home-main button{pointer-events:auto}.home .col{width:31vw;min-width:340px;margin-left:5vw}.home .hero,.home .end{flex-direction:column;justify-content:center;min-height:100vh;display:flex}.home h1{font-size:clamp(36px,3.6vw,62px)}.home h2{font-size:clamp(32px,3.2vw,54px)}.home p{max-width:27em;color:var(--muted-foreground);text-wrap:pretty;margin-top:24px;font-size:19px;line-height:1.5}.home .acts{flex-wrap:wrap;align-items:center;gap:26px;margin-top:36px;display:flex}.home .more{text-underline-offset:5px;margin-top:26px;font-size:17px;font-weight:600;text-decoration:underline;display:inline-block}.home .step{height:320vh}.home .pin{height:100vh;position:sticky;top:0}.home .pin>div{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.home .fix{opacity:0}@media (max-width:860px){@supports (height:1svh){.home{--sh:46svh}}.home-stage-wrap{height:100vh}.home-stage{width:100vw;height:var(--sh);top:var(--navh);-webkit-mask-image:linear-gradient(#000 78%,#0000);mask-image:linear-gradient(#000 78%,#0000)}.home .col{width:auto;min-width:0;margin:0 22px}.home .step{height:260vh}.home h1{font-size:30px}.home h2{font-size:28px}.home p{margin-top:16px;font-size:17.5px}.home .acts{gap:18px;margin-top:24px}.home .more{margin-top:18px}.home .pin>.panel,.home .hero>.panel,.home .end>.panel{left:22px;right:22px;top:calc(var(--navh) + var(--sh) + 4px + var(--lift));opacity:0;pointer-events:none;transition:transform .6s cubic-bezier(.3,.7,.2,1),opacity .45s;position:fixed;transform:translate(105vw)}.home .pin>.panel.was,.home .hero>.panel.was,.home .end>.panel.was{transform:translate(-105vw)}.home .pin>.panel.now,.home .hero>.panel.now,.home .end>.panel.now{opacity:1;transform:none}.home .panel:not(.now) a{pointer-events:none}}@media (max-width:380px){.home .pin>.panel,.home .hero>.panel,.home .end>.panel{left:18px;right:18px}.home h1{font-size:26px}.home h2{font-size:25px}.home p{font-size:16.5px}}@media (min-width:600px) and (max-width:860px){.home{--sh:52vh;--navh:62px}@supports (height:1svh){.home{--sh:52svh}}.home .col{max-width:640px;margin:0 40px}.home .pin>.panel,.home .hero>.panel,.home .end>.panel{max-width:640px;left:40px;right:40px}.home h1{font-size:44px}.home h2{font-size:40px}.home p{font-size:20px}}@media (min-width:861px) and (max-width:1180px){.home .col{width:32vw;min-width:0;margin-left:4vw}.home-stage{width:60vw}.home h1{font-size:clamp(34px,4.1vw,48px)}.home h2{font-size:clamp(30px,3.7vw,44px)}}@media (prefers-reduced-motion:reduce){.home .panel{transition:none!important}}
