:root{--bg:#141414;--bg-200:#262626;--fg:#fff;--fg-100:#f1f1f1;--fg-200:#a1a1a1}.showcase-section{position:relative;width:100vw;height:100svh;background-color:var(--bg);color:var(--fg-100);overflow:hidden}.scroll-text{font-size:150px}.showcase-h2{font-size:clamp(1.75rem,3.5vw + 1rem,5rem);font-weight:500;line-height:1.1}.showcase-p{font-size:clamp(1rem,1.2vw + .5rem,1.875rem);font-weight:500;line-height:1.5}.showcase-img{width:100%;height:100%;object-fit:cover}.intro,.outro{display:flex;justify-content:center;align-items:center}.intro h2,.outro h2{width:50%;text-align:center}.sticky-cols{padding:.5rem}.sticky-cols-wrapper{position:relative;width:100%;height:100%}.showcase-col{position:absolute;width:50%;height:100%;will-change:transform}.showcase-col h2{color:var(--fg-200);width:60%}.showcase-col p{color:var(--fg-100);width:60%}.showcase-col-2{transform:translateX(100%)}.showcase-col-3{padding:.5rem}.showcase-col-3,.showcase-col-4{transform:translateX(100%) translateY(100%)}.col-content,.col-img{position:relative;width:100%;height:100%;padding:.5rem}.col-content-wrapper,.col-content-wrapper-2,.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}.col-content-wrapper-2{padding:2.5rem;display:flex;flex-direction:column;justify-content:space-between;opacity:0;visibility:hidden}.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{transform:scale(1.25)}.line{overflow:hidden}.line span{display:block;will-change:transform}.scroll-text{font-size:5rem;font-weight:900}@media (max-width:1440px){.showcase-col h2,.showcase-col p{width:100%}.col-content-wrapper,.col-content-wrapper-2{padding:2rem}}@media (max-width:1000px){.col-content-wrapper,.col-content-wrapper-2{padding:1.75rem}}@media (max-width:830px){.showcase-mobile .showcase-section{width:100%;height:auto;min-height:0;padding:2rem 1.5rem;overflow:visible}.showcase-mobile .intro,.showcase-mobile .outro{height:auto!important;padding:2rem 1.5rem;text-align:center}.showcase-mobile .scroll-text{font-size:2.5rem}.showcase-mobile .sticky-cols{padding:0 1.5rem 2rem}.showcase-mobile .sticky-cols-wrapper{position:static;display:flex;flex-direction:column;gap:1.5rem;height:auto}.showcase-mobile .showcase-col{position:static;width:100%;height:auto;transform:none;opacity:1}.showcase-mobile .col-content,.showcase-mobile .col-img{padding:0;height:auto}.showcase-mobile .col-content-wrapper,.showcase-mobile .col-content-wrapper-2,.showcase-mobile .col-img-wrapper{border-radius:1.5rem;height:auto}.showcase-mobile .col-img-wrapper{aspect-ratio:1.625}.showcase-mobile .col-content-wrapper,.showcase-mobile .col-content-wrapper-2{padding:1.5rem}.showcase-mobile .col-content-wrapper-2{position:static;opacity:1;visibility:visible}.showcase-mobile .col-img-1,.showcase-mobile .col-img-2{position:static;height:auto}.showcase-mobile .col-img-2{clip-path:none}.showcase-mobile .col-img-2 img{transform:none}.showcase-mobile .col-img-wrapper .showcase-img{height:100%;width:100%;object-fit:cover}.showcase-mobile .showcase-col-1,.showcase-mobile .showcase-col-4{display:flex;flex-direction:column;gap:1rem}.showcase-mobile .showcase-col-2,.showcase-mobile .showcase-col-3{display:contents}.showcase-mobile .showcase-col-1{order:1}.showcase-mobile .col-img-1{order:2}.showcase-mobile .showcase-col-3 .col-content-wrapper{order:3}.showcase-mobile .col-img-2{order:4}.showcase-mobile .showcase-col-3 .col-content-wrapper-2{order:5}.showcase-mobile .showcase-col-4{order:6}.showcase-mobile .showcase-img{height:auto}.showcase-mobile .outro h3{text-align:center;font-size:2rem}}@media (max-width:640px){.col-content-wrapper,.col-content-wrapper-2{padding:1.5rem}}