@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap");@font-face{font-family:PP Pangram Sans;src:local("PP Pangram Sans"),local("PangramSans-ExtraBold");font-weight:800;font-style:normal;font-display:swap}:root{--dark:rgba(15,23,42,1);--light:rgba(248,250,252,1);--accent:rgba(71,85,105,1);--accent-light:rgba(226,232,240,1);--base-100:rgba(248,250,252,1);--base-400:rgba(15,23,42,1);--base-dark-bg:rgba(15,23,42,1);--base-light-text:rgba(248,250,252,1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto Condensed,sans-serif}img{width:100%;height:100%;object-fit:cover}h1{text-transform:uppercase;font-size:5rem;font-weight:900;letter-spacing:-.02em;line-height:.85;text-align:center}section{position:relative;width:100vw;height:100svh;overflow:hidden}.hero,.outro{display:flex;justify-content:center;align-items:center;background-color:var(--dark);color:var(--light)}.hero h1,.outro h1{width:50%}.sticky-text-1,.sticky-text-2{background-color:var(--light);color:var(--dark)}.sticky-text-3{color:var(--light)}.bg-img,.text-container{position:absolute;top:0;left:0;width:100%;height:100%;will-change:opacity,transform;z-index:1}.text-container h1{position:relative;left:-.035em;letter-spacing:-.05em;transform-origin:50% 0;transform:scaleY(0)}.sticky-text-1 .text-container h1{font-size:23vw;font-weight:300;will-change:transform}.sticky-text-2 .text-container h1{font-size:35vw;will-change:transform}.sticky-text-3 .text-container{background-color:var(--dark);color:var(--light)}.sticky-text-3 .text-container h1{font-size:27vw;font-weight:900}.header{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50%;z-index:2}.logo{position:fixed;top:2rem;left:2rem;z-index:1000;font-family:PP Pangram Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:800;font-size:1.5rem;letter-spacing:-.02em;padding:.75rem 1.25rem;border-radius:.5rem;background-color:var(--base-100);color:var(--base-400);box-shadow:0 2px 8px rgba(0,0,0,.08);transition:background-color .3s ease,color .3s ease,box-shadow .3s ease;will-change:background-color,color}.logo-inverted{background-color:var(--base-dark-bg);color:var(--base-light-text);box-shadow:0 2px 8px rgba(0,0,0,.2)}@media (max-width:1000px){h1{font-size:3rem}.header,.hero h1,.outro h1{width:calc(100% - 4rem)}.logo{font-size:1.125rem;padding:.5rem 1rem;top:1rem;left:1rem}}