.scroll-trigger-app{width:100%;min-height:100vh;font-family:Mabry Pro,sans-serif;background-color:#000;color:#fff;position:relative;z-index:20;margin-top:-2rem;padding-top:4rem}.scroll-trigger-app img{width:100%;height:100%;object-fit:cover}.scroll-trigger-app section{position:relative;width:100vw;display:flex;justify-content:center;align-items:center;overflow-x:hidden}.scroll-trigger-app .hero{height:100vh}.scroll-trigger-app .hero .img{width:50%;aspect-ratio:1}.scroll-trigger-app .footer{height:50vh;align-items:flex-start}.scroll-trigger-app .footer a{font-size:4vw;color:#fff;text-decoration:none;transition:opacity .3s ease}.scroll-trigger-app .footer a:hover{opacity:.7}.scroll-trigger-app .main{width:100vw;height:150vh;flex-direction:column;position:relative;z-index:1;margin-top:1rem}.scroll-trigger-app .row{position:relative;width:100%;margin:1em 0;display:flex;justify-content:center;gap:2em;z-index:2;padding:.5rem 0}.scroll-trigger-app .card{position:relative;width:40%;height:360px;border-radius:.75em;overflow:hidden;will-change:transform;z-index:3}.scroll-trigger-app .main-content{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;z-index:10}.scroll-trigger-app .logo{width:150px;height:150px;border:2px solid #fff;border-radius:100%;overflow:hidden;transform:scale(0)}.scroll-trigger-app .copy{margin:2em 0;display:flex;flex-direction:column;justify-content:center;align-items:center}.scroll-trigger-app .line{position:relative;margin:.5em 0;width:max-content;height:auto;overflow:visible}.scroll-trigger-app .line p{position:relative;font-size:24px;line-height:1.25;transform:translateY(30px)}.scroll-trigger-app button{position:relative;padding:1em 2em;font-size:18px;color:#fff;border:2px solid #fff;border-radius:8em;background:none;outline:none;cursor:pointer;transform:translateY(30px);opacity:0;transition:all .3s ease}.scroll-trigger-app button:hover{background-color:#fff;color:#000}@media (max-width:1024px){.scroll-trigger-app .main{height:120vh}.scroll-trigger-app .card{width:45%;height:280px}.scroll-trigger-app .line p{font-size:22px}.scroll-trigger-app button{font-size:17px;padding:.9em 1.8em}}@media (max-width:900px){.scroll-trigger-app .main{height:100vh}.scroll-trigger-app .card{width:50%;height:240px}.scroll-trigger-app .line p{font-size:20px}.scroll-trigger-app button{font-size:16px;padding:.8em 1.5em}.scroll-trigger-app .row{gap:1.5em}}@media (max-width:768px){.scroll-trigger-app .main{height:80vh;margin-top:2rem;padding-top:1rem}.scroll-trigger-app .main-content{top:40%;padding:0 1rem;z-index:10}.scroll-trigger-app .logo{width:100px;height:100px}.scroll-trigger-app .line p{font-size:18px;text-align:center}.scroll-trigger-app .copy{margin:1.5em 0}.scroll-trigger-app .card{width:48%;height:200px}.scroll-trigger-app .row{gap:1em;margin:.8em 0;position:relative;z-index:5}.scroll-trigger-app button{font-size:15px;padding:.7em 1.3em}}@media (max-width:600px){.scroll-trigger-app .hero .img{width:70%}.scroll-trigger-app .main{height:auto;min-height:100vh;margin-top:2rem;padding-top:1rem;padding-bottom:2rem}.scroll-trigger-app .main-content{top:20%;padding:0 1rem;z-index:10;position:relative}.scroll-trigger-app .logo{width:80px;height:80px}.scroll-trigger-app .line p{font-size:18px;line-height:1.4;text-align:center}.scroll-trigger-app .copy{margin:1.5em 0}.scroll-trigger-app .row{gap:1em;margin:1em 0;flex-direction:column;align-items:center;position:relative;z-index:5}.scroll-trigger-app .card{width:90%;height:200px;margin:.5em 0}.scroll-trigger-app button{font-size:16px;padding:.8em 1.5em}}@media (max-width:480px){.scroll-trigger-app .main{height:auto;min-height:100vh;margin-top:1rem;padding-top:1rem;padding-bottom:2rem}.scroll-trigger-app .main-content{top:15%;padding:0 .5rem;z-index:10;position:relative}.scroll-trigger-app .logo{width:70px;height:70px}.scroll-trigger-app .line p{font-size:16px;line-height:1.3;text-align:center}.scroll-trigger-app .copy{margin:1em 0}.scroll-trigger-app .row{gap:.8em;margin:.8em 0;flex-direction:column;align-items:center;position:relative;z-index:5}.scroll-trigger-app .card{width:95%;height:180px;margin:.3em 0}.scroll-trigger-app button{font-size:14px;padding:.7em 1.2em}}@media (max-width:360px){.scroll-trigger-app .main{height:50vh;margin-top:5rem;padding-top:4rem}.scroll-trigger-app .main-content{top:25%;z-index:10}.scroll-trigger-app .logo{width:60px;height:60px}.scroll-trigger-app .line p{font-size:13px;line-height:1.2}.scroll-trigger-app .row{position:relative;z-index:5}.scroll-trigger-app .card{width:90%;height:140px}.scroll-trigger-app button{font-size:12px;padding:.4em .8em}}.scroll-trigger-app .row:first-child{margin-top:2rem;padding-top:1rem}.scroll-trigger-app .row:nth-child(2){margin-top:1.5rem;padding-top:.5rem}@media (max-width:768px){.scroll-trigger-app{margin-top:-3rem;padding-top:6rem}.scroll-trigger-app .row:first-child{margin-top:3rem;padding-top:2rem}.scroll-trigger-app .row:nth-child(2){margin-top:2rem;padding-top:1rem}}@media (max-width:600px){.scroll-trigger-app{margin-top:-4rem;padding-top:8rem}.scroll-trigger-app .row:first-child{margin-top:4rem;padding-top:3rem}.scroll-trigger-app .row:nth-child(2){margin-top:2.5rem;padding-top:1.5rem}}@media (max-width:480px){.scroll-trigger-app{margin-top:-5rem;padding-top:10rem}.scroll-trigger-app .row:first-child{margin-top:5rem;padding-top:4rem}.scroll-trigger-app .row:nth-child(2){margin-top:3rem;padding-top:2rem}}@media (max-width:360px){.scroll-trigger-app{margin-top:-6rem;padding-top:12rem}.scroll-trigger-app .row:first-child{margin-top:6rem;padding-top:5rem}.scroll-trigger-app .row:nth-child(2){margin-top:3.5rem;padding-top:2.5rem}}.scroll-trigger-app .card{transition:transform .1s ease-out}.scroll-trigger-app.theme-light{background-color:#fff;color:#000}.scroll-trigger-app.theme-light .footer a{color:#000}.scroll-trigger-app.theme-light .logo{border-color:#000}.scroll-trigger-app.theme-light button{color:#000;border-color:#000}.scroll-trigger-app.theme-light button:hover{background-color:#000;color:#fff}