:root{--bg:#141414;--bg-200:#282828;--fg:#ffffff;--fg-100:#f1f1f1;--fg-200:#a1a1a1}section{position:relative;width:100%;height:100svh;background-color:var(--bg);color:var(--fg-100);overflow:hidden}h1{font-size:40px;font-weight:500;line-height:1.1}p{font-size:16px;font-weight:40}img{width:100%;height:100%;object-fit:cover}.intro,.outro{display:flex;justify-content:center;align-items:center}.intro h1,.outro h1{font-size:160px}.sticky-cols{padding:8px}.sticky-cols-wrapper{position:relative;width:100%;height:100%}.col{position:absolute;width:50%;height:100%;will-change:transform}.col h1{color:var(--fg-200);width:60%}.col p{color:var(--fg-100);width:60%}.col-2{transform:translateX(100%)}.col-3{transform:translate(100%,100%);padding:8px}.col-4{transform:translate(100%,100%)}.col-content,.col-img{position:relative;width:100%;height:100%;padding:8px}.col-content-wrapper,.col-img-wrapper{position:relative;width:100%;height:100%;border-radius:48px;overflow:hidden;background-color:var(--bg-200)}.col-content-wrapper{padding:40px;display:flex;flex-direction:column;justify-content:space-between}.col-content-wrapper-2{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:40px}.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{transform:scale(1.25)}.line{overflow:hidden}.line span{display:block;will-change:transform}