.img{width:100%;height:100%;object-fit:cover;will-change:transform}.img,.section{position:relative}.section{width:100vw}.intro h1,.outro h1{width:60%;text-align:center;line-height:1.1}.cards{position:relative;display:flex;flex-direction:column;gap:25svh}.card-marquee{width:100%;position:absolute;top:50%;left:0;transform:translateY(-50%);overflow:hidden}.card-marquee .marquee{display:flex}.card-marquee .marquee h2{white-space:nowrap;font-size:10vw;font-weight:600;margin-right:30px;color:white}.card{position:relative;width:100vw;height:100svh;padding:1.5em}.card-wrapper{position:relative;width:100%;height:100%;will-change:transform}.card-img{position:absolute;width:100%;height:100%;border-radius:150px;overflow:hidden}.card-img img{transform:scale(2)}.card-content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:2rem;pointer-events:none;z-index:1}.card-content .card-title{pointer-events:auto}.card-content .card-description{pointer-events:auto;opacity:0}.card:nth-child(2){margin-top:50vh}.char{position:relative;overflow:hidden}.char,.char span{display:inline-block}.char span{transform:translateX(100%);will-change:transform}.pin-spacer{position:relative;width:100%;height:300vh}.sticky{position:sticky;top:0;width:100%;height:100vh;overflow:hidden}.sticky-cols-wrapper{position:relative;width:100%;height:100%}.col{position:absolute;width:50%;height:100%;will-change:transform}.col h1,.col p{width:60%}.col-2{transform:translateX(100%)}.col-3{padding:.5rem}.col-3,.col-4{transform:translateX(100%) translateY(100%)}.col-content,.col-img{position:relative;width:100%;height:100%;padding:.5rem}.col-content-wrapper,.col-img-wrapper{position:relative;width:100%;height:100%;background-color:var(--bg-200);border-radius:3rem;overflow:hidden}.col-content-wrapper{padding:2.5rem;display:flex;flex-direction:column;justify-content:space-between}.col-content-wrapper-2{padding:2.5rem;display:flex;flex-direction:column;justify-content:space-between}.col-content-wrapper-2,.col-img-1,.col-img-2{position:absolute;top:0;left:0;width:100%;height:100%}.col-img-2{clip-path:polygon(0 0,100% 0,100% 0,0 0)}.col-img-2 img{scale:1.25}.line{overflow:hidden}.line span{display:block;will-change:transform}@media (max-width:1000px){h1{font-size:1.25rem}p{font-size:.85rem}.col h1,.col p{width:100%}.col-content-wrapper,.col-content-wrapper-2{padding:2rem}}