@import"https://fonts.googleapis.com/css2?family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap";:root{--light: #f1f5f3;--dark: #0b100f;--muted: rgba(241, 245, 243, .68);--accent-1: #34c4b0;--accent-2: #d5a45c}*{margin:0;padding:0;box-sizing:border-box}::-webkit-scrollbar{display:none}body{font-family:DM Sans,sans-serif;background-color:var(--dark);color:var(--light)}img{width:100%;height:100%;object-fit:cover}h1,h2{font-weight:500;line-height:1.05;letter-spacing:-.02em}h1{font-size:clamp(2.75rem,4.6vw,5.25rem)}h2{font-size:clamp(1.6rem,2.4vw,3rem)}p{font-size:1.0625rem;font-weight:400;line-height:1.5;color:var(--muted)}.eyebrow,.brand-tag,.outro-eyebrow,.marker-label{font-family:DM Mono,monospace;text-transform:uppercase;letter-spacing:.16em;font-size:.7rem;font-weight:500}.eyebrow{color:var(--accent-1);margin-bottom:.6rem}section{position:relative;width:100%;height:100svh;background-color:var(--dark);overflow:hidden}.site-header{position:fixed;top:0;left:0;width:100%;z-index:100;display:flex;align-items:baseline;justify-content:space-between;padding:1.75rem 2.5rem;pointer-events:none}.site-header .brand{pointer-events:auto;font-family:DM Sans,sans-serif;font-weight:600;font-size:1.05rem;letter-spacing:-.01em;color:var(--light);text-decoration:none}.site-header .brand-tag{color:var(--muted)}.outro{display:flex;justify-content:center;align-items:center;padding:2rem}.outro-inner{max-width:46rem;text-align:center;display:flex;flex-direction:column;gap:1.25rem;align-items:center}.outro-eyebrow{color:var(--accent-1)}.outro-inner h2{color:var(--light);letter-spacing:-.025em}.outro-note{color:var(--muted)}.hero-img{position:absolute;bottom:0;width:100%;height:200svh;--overlay-opacity: .35;will-change:transform}.hero-img:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--dark);opacity:var(--overlay-opacity);will-change:opacity}.hero-img img{will-change:filter}.hero-mask{position:fixed;top:0;left:0;width:100%;height:100svh;background-color:var(--dark);mask:linear-gradient(var(--light),var(--light)),url(/c/inversa-scroll-animation/mask.svg) center/50% no-repeat;-webkit-mask:linear-gradient(var(--light),var(--light)),url(/c/inversa-scroll-animation/mask.svg) center/50% no-repeat;mask-composite:subtract;-webkit-mask-composite:subtract;will-change:transform;pointer-events:none}.hero-grid-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:55%;will-change:opacity}.hero-grid-overlay img{opacity:.25}.marker{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:1rem;will-change:opacity}.marker-1{top:50svh;left:50vw}.marker-2{top:35svh;left:60vw}.marker .marker-label{text-transform:uppercase;font-family:DM Mono;font-size:.7rem;font-weight:500;padding:.25rem .5rem;border-radius:.25rem}.marker .marker-icon{position:relative;width:.5rem;height:.5rem;border-radius:2rem}.marker .marker-icon:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10rem;height:10rem;border-radius:100%;animation:pulse 1.5s cubic-bezier(.2,.6,.35,1) infinite}.marker.marker-1 .marker-icon,.marker.marker-1 .marker-icon:before,.marker.marker-1 .marker-label{background-color:var(--accent-1);color:var(--dark)}.marker.marker-2 .marker-icon,.marker.marker-2 .marker-icon:before,.marker.marker-2 .marker-label{background-color:var(--accent-2);color:var(--dark)}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(.25)}80%,to{opacity:0}}.hero-content{position:absolute;top:0;left:0;width:100%;height:400svh;display:flex;flex-direction:column;will-change:transform}.hero-content .hero-content-block{width:100%;height:100svh;padding:4rem;display:flex}.hero-content .hero-content-copy{width:35%;display:flex;flex-direction:column;gap:.35rem}.hero-content .hero-content-block:nth-child(1) .hero-content-copy{width:48%}.hero-content .hero-content-block:nth-child(1){align-items:flex-end}.hero-content .hero-content-block:nth-child(2),.hero-content .hero-content-block:nth-child(4){justify-content:flex-end;align-items:center}.hero-content .hero-content-block:nth-child(3){align-items:center}.hero-scroll-progress-bar{position:absolute;top:50%;right:2rem;transform:translateY(-50%);width:.1rem;height:10rem;background-color:#fff3;--progress: 0}.hero-scroll-progress-bar:after{content:"";position:absolute;width:100%;height:100%;background-color:var(--light);transform-origin:top;transform:scaleY(var(--progress));will-change:transform}@media(max-width:800px){.hero-mask{mask:linear-gradient(var(--light),var(--light)),url(/c/inversa-scroll-animation/mask.svg) center/75% no-repeat;-webkit-mask:linear-gradient(var(--light),var(--light)),url(/c/inversa-scroll-animation/mask.svg) center/75% no-repeat;mask-composite:subtract;-webkit-mask-composite:subtract}.hero-grid-overlay{width:100%}.marker-1{top:52.5svh;left:50vw}.marker-2{top:45svh;left:70vw}.hero-content .hero-content-block{padding:1.5rem}.hero-content .hero-content-copy{width:75%}.hero-scroll-progress-bar{right:1rem}}@media(max-width:768px){.site-header{padding:1.1rem 1.5rem}.site-header .brand{font-size:.95rem}.site-header .brand-tag{display:none}.hero-content .hero-content-block:nth-child(1) .hero-content-copy{width:82%}.hero-content .hero-content-copy{width:82%}.eyebrow{font-size:.62rem;letter-spacing:.14em}.marker .marker-label{font-size:.6rem}.outro{padding:1.75rem}.outro-inner{gap:1rem}.outro-inner h2{font-size:1.75rem}}