*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:800vh;font-family:PP Neue Montreal;overflow-x:hidden}img{object-fit:cover;width:100%;height:100%}h1{text-transform:uppercase;font-family:FK Screamer;font-size:64px;font-weight:lighter;line-height:1}h1 span{color:#00ff0d}p{font-size:14px;font-weight:500}section{width:100vw;height:100vh;position:relative;overflow:hidden}.hero,.outro{color:#fff;background-color:#000;justify-content:center;align-items:center;display:flex}.bg-img{width:100%;height:100%;position:absolute;top:0;left:0}canvas{width:150%;height:150%;position:absolute;top:0;left:0}canvas.outline-layer{z-index:1}canvas.fill-layer{z-index:10}.cards{will-change:transform;z-index:2;justify-content:space-around;align-items:center;width:300%;height:100vh;display:flex;position:absolute;top:0;left:0}.card{background-color:#000;flex-direction:column;gap:1em;width:10%;height:75%;padding:1.5em;display:flex;position:relative}.card-img,.card-title{flex:1;overflow:hidden}.card-title{color:#fff;flex-direction:column;justify-content:space-between;display:flex}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:clip}.lenis.lenis-smooth iframe{pointer-events:none}@media (width<=900px){.card{width:25%}}.hero,.outro{color:#fff;background:#000;justify-content:center;align-items:center;padding:0 5vw;display:flex}.hero h1,.outro h1{text-align:center;text-wrap:balance;width:100%;max-width:1200px;margin:0 auto;font-size:clamp(3rem,7vw,6rem);line-height:.95}.footer{position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.footer a{color:#fff9;letter-spacing:.25em;text-transform:uppercase;font-size:12px;text-decoration:none;transition:color .3s}.footer a span{color:#ffdf00;transition:color .3s}.footer a:hover{color:#fff}.footer a:hover span{color:#00ff0d}