:root{--light:#fff;--dark:#141414;--accent-1:#dc5935;--accent-2:#d3ef76}*{box-sizing:border-box;margin:0;padding:0}::-webkit-scrollbar{display:none}body{background-color:var(--dark);color:var(--light);font-family:DM Sans,sans-serif}img{object-fit:cover;width:100%;height:100%}h1,h2{font-weight:400;line-height:1.1}h1{font-size:clamp(3rem,4vw,5rem)}h2{font-size:clamp(1.5rem,2.25vw,3rem)}p{font-size:1.125rem;font-weight:400;line-height:1.4}section{background-color:var(--dark);width:100%;height:100svh;position:relative;overflow:hidden}.outro{justify-content:center;align-items:center;display:flex}.hero-img{--overlay-opacity:.35;will-change:transform;width:100%;height:200svh;position:absolute;bottom:0}.hero-img:after{content:"";background-color:var(--dark);width:100%;height:100%;opacity:var(--overlay-opacity);will-change:opacity;position:absolute;top:0;left:0}.hero-img img{will-change:filter}.hero-mask{background-color:var(--dark);width:100%;height:100svh;-webkit-mask:linear-gradient(var(--light), var(--light)), url(/mask.svg) center/50% no-repeat;mask:linear-gradient(var(--light), var(--light)), url(/mask.svg) center/50% no-repeat;-webkit-mask:linear-gradient(var(--light), var(--light)), url(/mask.svg) center/50% no-repeat;-webkit-mask-composite:subtract;will-change:transform;pointer-events:none;position:fixed;top:0;left:0;-webkit-mask-composite:source-out;mask-composite:subtract}.hero-grid-overlay{will-change:opacity;width:55%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-grid-overlay img{opacity:.25}.marker{will-change:opacity;align-items:center;gap:1rem;display:flex;position:absolute;transform:translate(-50%,-50%)}.marker-1{top:50svh;left:50vw}.marker-2{top:35svh;left:60vw}.marker .marker-label{text-transform:uppercase;border-radius:.25rem;padding:.25rem .5rem;font-family:DM Mono;font-size:.7rem;font-weight:500}.marker .marker-icon{border-radius:2rem;width:.5rem;height:.5rem;position:relative}.marker .marker-icon:before{content:"";border-radius:100%;width:10rem;height:10rem;animation:1.5s cubic-bezier(.2,.6,.35,1) infinite pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.marker.marker-1 .marker-icon,.marker.marker-1 .marker-icon:before,.marker.marker-1 .marker-label{background-color:var(--accent-1);color:var(--light)}.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{will-change:transform;flex-direction:column;width:100%;height:400svh;display:flex;position:absolute;top:0;left:0}.hero-content .hero-content-block{width:100%;height:100svh;padding:4rem;display:flex}.hero-content .hero-content-copy{flex-direction:column;gap:.25rem;width:35%;display:flex}.hero-content .hero-content-block:first-child{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{--progress:0;background-color:#fff3;width:.1rem;height:10rem;position:absolute;top:50%;right:2rem;transform:translateY(-50%)}.hero-scroll-progress-bar:after{content:"";background-color:var(--light);transform-origin:top;width:100%;height:100%;transform:scaleY(var(--progress));will-change:transform;position:absolute}@media (max-width:800px){.hero-mask{-webkit-mask:linear-gradient(var(--light), var(--light)), url(/mask.svg) center/75% no-repeat;mask:linear-gradient(var(--light), var(--light)), url(/mask.svg) center/75% no-repeat;-webkit-mask:linear-gradient(var(--light), var(--light)), url(/mask.svg) center/75% no-repeat;-webkit-mask-composite:subtract;-webkit-mask-composite:source-out;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}}