:root{--bg:#fefdfa;--bg-200:rgba(30,30,30,.15);--fg:#2f3438;--fg-100:#f1f1f1;--fg-200:#a1a1a1}*{margin:0;padding:0;box-sizing:border-box}section{position:relative;width:100vw;height:100svh;background-color:var(--bg);color:var(--fg-100);overflow:hidden}img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.intro,.outro{display:flex;justify-content:center;align-items:center}.sticky-cols{padding:.5rem}.sticky-cols-wrapper{position:relative;width:100%;height:100%}.col{position:absolute;width:50%;height:100%;will-change:transform}.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:1rem;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:1024px){.sticky-cols{padding:.25rem;height:auto;min-height:100svh}.sticky-cols-wrapper{display:flex;flex-direction:column;gap:1rem;padding:1rem}.col{position:relative;width:100%;height:auto;min-height:60vh;opacity:1!important;scale:1!important}.col,.col-2,.col-3,.col-4{transform:none!important}.col-content-wrapper{padding:1.5rem;text-align:center}.col-content-wrapper h3{font-size:2rem!important;margin-bottom:.5rem}.col-content-wrapper h3:first-child{font-size:1.8rem!important;opacity:.8}.col-content-wrapper p{font-size:1.25rem!important;line-height:1.5;margin-bottom:1.5rem}.col-img-wrapper{border-radius:.75rem;min-height:40vh}.col-content-wrapper button{width:100%;max-width:200px;margin:0 auto;padding:.75rem 1.5rem;font-size:.875rem}}@media (min-width:769px) and (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}}
/*# sourceMappingURL=f3b2084a8914bc54.css.map*/