.preloader-overlay{position:fixed;top:0;left:0;width:100vw;height:100svh;overflow:hidden;z-index:10000000;background-color:var(--base-300);pointer-events:none}.progress-bar{position:fixed;top:0;right:0;width:.45rem;height:100svh;background-color:var(--base-100);transform-origin:bottom;transform:scaleY(0)}.counter{position:absolute;bottom:1.5rem;left:1.5rem;z-index:2}.count{position:absolute;bottom:0;left:0;display:flex}.digit{flex:1;padding-top:1rem;clip-path:polygon(0 0,100% 0,100% 100%,0% 100%)}.count .digit h1{font-family:Barlow Condensed,sans-serif;font-size:clamp(2.5rem,1.815rem + 5.75vw,9rem);font-weight:600;letter-spacing:-.075rem;line-height:1;color:var(--base-100);position:relative;transform:translateY(120%);will-change:transform}.hero{position:relative;width:100vw;height:100svh;overflow:hidden;perspective:1000px;color:var(--base-100);background-color:#111;z-index:2}.hero img{width:100%;height:100%;object-fit:cover}.hero h1{font-family:"Instrument Serif",sans-serif;font-size:clamp(5rem,6vw,7rem);font-weight:500;line-height:.8}.hero p{font-family:"Instrument Serif",sans-serif;font-size:1.35rem;line-height:1}.sky-container,.window-container{position:absolute;top:0;left:0;width:100%;will-change:transform}.sky-container{height:350svh;display:none}.window-container{height:100svh;transform-origin:43% 60%}.window-container img{filter:brightness(.45)}.hero-scroll-cta{position:absolute;bottom:2.5rem;right:5rem;z-index:6;pointer-events:none}.hero-scroll-cta p{font-family:DM Mono,monospace;font-size:.8rem;font-weight:500;text-transform:uppercase;color:#ffffff80;letter-spacing:.1rem;animation:scroll-bounce 2s ease-in-out infinite}@keyframes scroll-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.hero-transform-title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60%;text-align:center;z-index:5;pointer-events:none}.hero-transform-title h1{font-family:Barlow Condensed,sans-serif;font-size:6rem;font-weight:900;line-height:.85;text-transform:uppercase}.hero-transform-title .word{display:inline-block}.hero-transform-title .char{display:inline-block;opacity:0;color:#fff}.hero-transform-title .hero-highlight .char{color:#08f}.hero-fade-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;z-index:9;opacity:0;pointer-events:none}.hero-transition-video{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);z-index:10;opacity:0;overflow:hidden;-webkit-mask:url(/global/spotlight-mask.svg) center/contain no-repeat;mask:url(/global/spotlight-mask.svg) center/contain no-repeat;-webkit-mask-size:0%;mask-size:0%}.hero-transition-video iframe{position:absolute;top:50%;left:50%;width:177.78vh;height:56.25vw;min-width:100%;min-height:100%;transform:translate(-50%,-50%);border:0;pointer-events:none}.hero-video-darken{position:absolute;top:0;left:0;width:100%;height:100%;background:#0000004d;pointer-events:none;z-index:1}.hero-logo-overlay{position:absolute;top:44%;left:49%;transform:translate(-50%,-50%);z-index:15;text-align:center;pointer-events:none}.hero-logo-overlay h2{font-family:Montserrat,sans-serif;font-size:7.2vw;font-weight:700;text-transform:uppercase;color:#fff;line-height:1;letter-spacing:-.02em}.hero-logo-overlay p{font-family:DM Mono,monospace;font-size:3.45vw;font-weight:500;text-transform:uppercase;color:#fff;letter-spacing:.25rem;margin-top:1.5rem}.hero-tagline{position:absolute;bottom:2rem;left:2.75rem;z-index:15;pointer-events:none;opacity:0}.hero-tagline p{font-family:Host Grotesk,sans-serif;font-size:1.5rem;font-weight:400;color:#ffffffb3;letter-spacing:.02rem;white-space:nowrap}.hero-controls{position:absolute;bottom:2rem;right:2rem;z-index:20;display:flex;gap:.5rem;opacity:0;pointer-events:none;transition:opacity .3s ease}.hero-controls.visible{opacity:1;pointer-events:auto}.hero-play-btn,.hero-mute-btn{width:48px;height:48px;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:#00000059;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s ease}.hero-play-btn:hover,.hero-mute-btn:hover{background:#0009}.hero-play-btn svg,.hero-mute-btn svg{width:20px;height:20px}@keyframes rainbow-shift{0%{background-position:0% center}to{background-position:200% center}}@media(max-width:1000px){.window-container img{width:100%;height:75%;margin-left:0;object-fit:cover;object-position:48% center;margin-top:18%}.hero-transform-title{width:90%}.hero-transform-title h1{font-size:3rem}}.manifesto{position:relative;width:100vw;height:max-content;background-color:var(--base-300);color:var(--base-100)}.manifesto .container{padding:16rem 2.75rem}.manifesto-header{margin-bottom:4rem}.manifesto-title{width:75%}.manifesto-title h1{font-size:5rem;font-weight:500;line-height:1.125;text-transform:none}.manifesto-title .word,.manifesto-title .char{display:inline-block}@media(max-width:1000px){.manifesto .container{padding:6rem 2rem}.manifesto-title{width:100%}.manifesto-title h1{font-size:2.5rem}}.pin-spacer:has(>.hero){background-color:var(--base-300)}.pin-spacer:has(>.home-about),.pin-spacer:has(>.spotlight-outro-wrapper){background-color:var(--base-300);z-index:3;position:relative}.home-about{position:relative;width:100vw;height:100svh;background-color:var(--base-300);color:var(--base-100);overflow:hidden;z-index:3}.home-about .container{display:flex;gap:2rem}.home-about .home-about-col:nth-child(1){flex:4}.home-about .home-about-col:nth-child(1) .home-about-header{width:90%;height:100%;display:flex;flex-direction:column;justify-content:flex-end;gap:2rem;padding-bottom:1rem}.home-about-header p.mono,.home-spotlight-bottom-bar p.mono:first-child{font-size:1.1rem}.home-about .home-about-col:nth-child(2){flex:3;display:flex;flex-direction:column;justify-content:flex-end;gap:2rem;width:100%}.home-about .home-about-col-row{display:flex;flex:1;gap:2rem;width:100%}.home-about .home-about-card{flex:1;position:relative;display:flex;flex-direction:column;justify-content:space-between;height:100%;text-decoration:none;color:inherit;border:1px dashed var(--base-secondary-fade);border-radius:16px;padding:1.5rem;overflow:hidden}.home-about .home-about-card p.mono{color:var(--base-secondary-dark)}.home-about .home-about-card-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.5;filter:saturate(2);pointer-events:none}.spotlight-outro-wrapper{position:relative;width:100%;height:100svh;overflow:hidden;background-color:var(--base-300);color:var(--base-100)}.home-spotlight{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;isolation:isolate}.home-spotlight .spotlight-intro-header{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;width:50%}.home-spotlight .home-spotlight-images{position:absolute;top:0;left:0;width:100vw;height:300svh;display:flex;flex-direction:column;justify-content:space-between;transform:translateY(5%);will-change:transform;z-index:-1}.home-spotlight .home-spotlight-images-row{width:100%;padding:2rem;display:flex;gap:2rem}.home-spotlight .home-spotlight-image{flex:1;aspect-ratio:5/7;border-radius:8px;overflow:hidden}.home-spotlight .home-spotlight-image.image-holder{opacity:.75}.home-spotlight .home-spotlight-image.image-holder img{width:100%;height:100%;object-fit:cover;filter:saturate(1.4)}.home-spotlight-top-bar{position:absolute;top:0;left:0;width:100%}.home-spotlight-bottom-bar{position:absolute;bottom:0;left:0;width:100%}.home-spotlight-top-bar .container,.home-spotlight-bottom-bar .container{display:flex;justify-content:space-between}.outro{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:2;background-color:var(--base-300);color:var(--base-100);opacity:0}.outro .container{position:relative;z-index:2;display:flex;justify-content:center;align-items:center}.outro h3{width:50%;text-align:center}.outro .outro-strips{position:absolute;top:0;left:50%;transform:translate(-50%);width:200vw;height:100svh;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:2rem 0}.outro .outro-strip{position:relative;transform:translate(0);display:flex;align-items:center;will-change:transform}.outro .skill{width:max-content;padding:4px 8px;border-radius:6px}.outro .skill p{font-size:.8rem}.outro .os-1{margin-top:4rem}.outro .os-2,.outro .os-3,.outro .os-4,.outro .os-5,.outro .os-6{margin-top:0}.outro .skill.skill-var-1{background-color:#2a4a6b;color:#d4e4f7}.outro .skill.skill-var-2{background-color:#6b2a5a;color:#f3d4ec}.outro .skill.skill-var-3{background-color:#2a6b3f;color:#d4f3df}.outro .skill.skill-var-4{background-color:#6b5a2a;color:#f7edd4}@media(max-width:1000px){.hero h1{font-size:3rem}.hero p{font-size:1.125rem}.home-about{height:max-content}.home-about .container{flex-direction:column}.home-about .symbols-container{margin-bottom:8rem}.home-about .home-about-col:nth-child(1) .home-about-header{width:100%}.home-about .home-about-col:nth-child(2),.home-about .home-about-col-row{flex-direction:column}.home-about .home-about-card{aspect-ratio:1;max-height:400px}.home-spotlight .spotlight-intro-header{width:90%;text-align:center}.home-spotlight .home-spotlight-images{position:absolute;left:-75vw;width:250vw}.home-spotlight .home-spotlight-images-row{gap:1rem}.outro h3{width:90%}.outro .outro-strips{width:350vw}.outro .os-1{margin-top:2rem}.hero-scroll-cta{right:auto;left:5rem}.hero-tagline{left:2rem;right:7rem}.hero-tagline p{white-space:normal;font-size:1.15rem}}.how-we-work-container{position:relative;width:100vw;background-color:var(--base-300);color:var(--base-100)}.how-we-work{display:grid;grid-template-columns:57% 1fr;gap:2rem;max-width:2000px;margin:0 auto;padding:0 2.75rem}.how-we-work .how-we-work-header{position:sticky;top:0;height:100svh;display:flex;align-items:flex-start;padding-top:4rem}.how-we-work .how-we-work-header-content{width:90%;display:flex;flex-direction:column;gap:2rem}.how-we-work .how-we-work-header-content .how-we-work-header-callout p{font-size:1.1rem}.how-we-work .how-we-work-header-content h3{color:var(--base-100);margin-bottom:1rem}.how-we-work .how-we-work-steps{display:flex;gap:1rem}.how-we-work .how-we-work-step{position:relative;padding:1.25rem;width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;border:1px solid rgba(102,95,86,.65);border-radius:1rem;transition:all .3s ease;overflow:hidden}.how-we-work .how-we-work-step p{font-family:DM Mono,monospace;font-size:.85rem;font-weight:500;text-transform:uppercase}.how-we-work .how-we-work-step-label{position:absolute;left:2rem;opacity:0;transform:translate(-20px);transition:all .3s ease;will-change:transform;white-space:nowrap}.how-we-work .how-we-work-step-index{position:relative;transition:all .3s ease;will-change:transform}.how-we-work .how-we-work-step.active{width:8rem;color:var(--base-300);background-color:var(--base-100);border-color:var(--base-100)}.how-we-work .how-we-work-step.active .how-we-work-step-index{transform:translate(24px)}.how-we-work .how-we-work-step.active .how-we-work-step-label{opacity:1;transform:translate(0)}.how-we-work .how-we-work-cards{display:flex;flex-direction:column;gap:2rem;padding:4rem 0}.how-we-work .how-we-work-card{position:relative;display:flex;flex-direction:column;gap:1rem;border:1px dashed var(--base-secondary-fade);padding:1.5rem;border-radius:16px}.how-we-work .how-we-work-card-img{position:relative;aspect-ratio:1;overflow:hidden;border-radius:.75rem;background-color:var(--base-300)}.how-we-work .how-we-work-card-img img{filter:none}.how-we-work .how-we-work-card:nth-child(3) .how-we-work-card-img img{object-fit:cover;object-position:center 10%;transform:scale(1.5);transform-origin:center top}.how-we-work .how-we-work-card-index-label{color:var(--base-100);margin-bottom:.5rem}.how-we-work .how-we-work-card-index-label h4{letter-spacing:-.05rem}.how-we-work .how-we-work-card-copy{color:var(--base-secondary-dark);padding:1rem}@media(max-width:1000px){.how-we-work{display:flex;flex-direction:column;padding:0 2rem}.how-we-work .how-we-work-header{position:relative;height:auto;padding-top:2rem}.how-we-work .how-we-work-steps{display:none}.how-we-work .how-we-work-header-content{width:100%;padding-bottom:1rem}.how-we-work .how-we-work-header-content h3{font-size:2rem;margin-bottom:0}.how-we-work .how-we-work-cards{padding:1rem 0}}