@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";html,body,#root{width:100%;min-height:100%;margin:0;padding:0}:root{color:#f5f5f5;font-synthesis:none;text-rendering:optimizelegibility;background:#050607;font-family:Manrope,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#050607}body{background:#050607;min-width:320px;margin:0}a{color:inherit;text-decoration:none}button{font:inherit}.studio-page{background:radial-gradient(circle at var(--mouse-x) var(--mouse-y), #5be0d814, transparent 24%), radial-gradient(circle at 80% 15%, #468ca012, transparent 28%), #050607;min-height:100vh;position:relative;overflow:visible}.noise{z-index:100;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");position:fixed;inset:0}.navbar{z-index:50;justify-content:space-between;align-items:center;padding:26px 48px;display:flex;position:absolute;top:0;left:0;right:0}.studio-logo{letter-spacing:.2em;align-items:center;gap:13px;font-size:12px;font-weight:800;transition:opacity .3s;display:flex}.studio-logo img{object-fit:contain;filter:grayscale()contrast(1.15)brightness(1.05);opacity:.92;width:42px;height:42px;transition:transform .5s cubic-bezier(.22,1,.36,1),filter .3s,opacity .3s}.studio-logo:hover img{filter:grayscale()contrast(1.25)brightness(1.1);opacity:1;transform:rotate(8deg)scale(1.06)}.nav-links{text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:42px;font-family:DM Mono,monospace;font-size:10px;display:flex}.nav-links a{color:#ffffff7a;transition:color .25s,opacity .25s;position:relative}.nav-links a:after{content:"";background:#70ddd5;width:0;height:1px;transition:width .3s;position:absolute;bottom:-8px;left:0}.nav-links a:hover{color:#fff}.nav-links a:hover:after{width:100%}.nav-contact{text-transform:uppercase;letter-spacing:.05em;border:1px solid #ffffff2b;border-radius:100px;align-items:center;gap:8px;padding:11px 17px;font-family:DM Mono,monospace;font-size:10px;transition:background .3s,color .3s,border-color .3s,transform .3s;display:flex}.nav-contact:hover{color:#050607;background:#70ddd5;border-color:#70ddd5;transform:translateY(-2px)}.mobile-menu{color:#fff;cursor:pointer;background:0 0;border:0;display:none}.hero{isolation:isolate;flex-direction:column;justify-content:center;min-height:100vh;padding:160px 48px 80px;display:flex;position:relative}.hero-content{transform:translate3d(0, calc(var(--hero-scroll,0) * -45px), 0);opacity:calc(1 - (var(--hero-scroll,0) * .35));transition:transform 80ms linear,opacity 80ms linear}.scroll-indicator{opacity:calc(1 - (var(--hero-scroll,0) * 2));transition:opacity 80ms linear}.hero:before{content:"";z-index:-2;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:80px 80px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000c,#0000 85%);mask-image:linear-gradient(#000c,#0000 85%)}.hero-glow{width:720px;height:720px;left:var(--mouse-x);top:var(--mouse-y);filter:blur(30px);z-index:-1;pointer-events:none;background:radial-gradient(circle,#63ddd51a 0%,#63ddd507 35%,#0000 68%);border-radius:50%;transition:left 1.2s cubic-bezier(.22,1,.36,1),top 1.2s cubic-bezier(.22,1,.36,1);position:absolute;transform:translate(-50%,-50%)}.hero-content{z-index:2;width:100%;max-width:1450px;margin:0 auto;position:relative}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:#ffffff6e;justify-content:center;align-items:center;gap:11px;margin-bottom:34px;font-family:DM Mono,monospace;font-size:9px;animation:.8s both fadeUp;display:flex}.eyebrow-dot{background:#70ddd5;border-radius:50%;width:6px;height:6px;position:relative;box-shadow:0 0 8px #70ddd5e6,0 0 22px #70ddd566}.eyebrow-dot:after{content:"";border:1px solid #70ddd54d;border-radius:50%;animation:2s ease-out infinite pulse;position:absolute;inset:-4px}.hero-brand{text-align:center;letter-spacing:-.09em;flex-direction:column;justify-content:center;align-items:center;width:100%;margin:0;font-size:clamp(72px,13vw,190px);font-weight:800;line-height:.78;animation:1.2s cubic-bezier(.16,1,.3,1) 80ms both heroReveal;display:flex}.hero-brand span{color:#fffffff5;transition:transform .6s cubic-bezier(.22,1,.36,1),letter-spacing .6s cubic-bezier(.22,1,.36,1);display:block}.hero-brand strong{color:#050607;-webkit-text-stroke:1px #ffffff94;font-weight:800;transition:color .5s,-webkit-text-stroke-color .5s,transform .6s cubic-bezier(.22,1,.36,1),letter-spacing .6s cubic-bezier(.22,1,.36,1),text-shadow .5s;display:block}.hero-brand:hover span{letter-spacing:-.095em;transform:translate(-6px)}.hero-brand:hover strong{color:#70ddd514;-webkit-text-stroke-color:#70ddd5cc;letter-spacing:-.095em;text-shadow:0 0 24px #70ddd514,0 0 60px #70ddd50a;transform:translate(6px)}.hero-bottom{justify-content:space-between;align-items:flex-end;gap:40px;margin-top:75px;display:flex}.hero-bottom p{color:#ffffff6e;max-width:410px;margin:0;font-size:13px;line-height:1.9;animation:.9s .2s both fadeUp}.hero-button{text-transform:uppercase;letter-spacing:.09em;align-items:center;gap:18px;font-family:DM Mono,monospace;font-size:10px;animation:.9s .3s both fadeUp;display:flex}.hero-button span{border:1px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:background .35s,color .35s,transform .4s cubic-bezier(.22,1,.36,1);display:flex}.hero-button:hover span{color:#050607;background:#70ddd5;border-color:#70ddd5;transform:rotate(45deg)scale(1.08)}.scroll-indicator{text-transform:uppercase;letter-spacing:.1em;color:#ffffff4d;align-items:center;gap:15px;font-family:DM Mono,monospace;font-size:8px;display:flex;position:absolute;bottom:34px;left:48px}.scroll-line{background:#ffffff2e;width:65px;height:1px;position:relative;overflow:hidden}.scroll-line:after{content:"";background:#70ddd5;width:100%;height:100%;animation:2.5s ease-in-out infinite scrollLine;position:absolute;top:0;left:-100%}.intro-section,.simple-section,.contact-section{padding:180px 8vw;position:relative}.intro-section{border-top:1px solid #ffffff12;flex-direction:column;justify-content:center;min-height:90vh;display:flex}.section-number{text-transform:uppercase;letter-spacing:.12em;color:#ffffff4d;margin-bottom:55px;font-family:DM Mono,monospace;font-size:9px;display:block}.intro-section h2,.contact-section h2{letter-spacing:-.065em;margin:0;font-size:clamp(54px,8.5vw,125px);font-weight:700;line-height:.88}.intro-section h2 em,.contact-section h2 em,.about-title em{color:#0000;-webkit-text-stroke:1px #ffffff73;font-style:normal}.intro-section p{color:#fff6;max-width:430px;margin:60px 0 0 auto;font-size:13px;line-height:1.9}.simple-section{border-top:1px solid #ffffff12}.service-list{max-width:1150px;margin-left:auto}.service-list>div{border-bottom:1px solid #ffffff1a;grid-template-columns:90px 1fr;padding:36px 0;transition:padding .4s cubic-bezier(.22,1,.36,1),border-color .3s;display:grid;position:relative}.service-list>div:before{content:"";background:#70ddd5;width:0;height:1px;transition:width .45s cubic-bezier(.22,1,.36,1);position:absolute;bottom:-1px;left:0}.service-list>div:hover{border-color:#fff3;padding-left:25px}.service-list>div:hover:before{width:100%}.service-list span{color:#ffffff47;padding-top:8px;font-family:DM Mono,monospace;font-size:9px}.service-list h3{letter-spacing:-.045em;margin:0;font-size:clamp(28px,4vw,58px);font-weight:500;transition:color .3s,transform .3s}.about-title{letter-spacing:-.075em;margin:0;font-size:clamp(60px,9vw,145px);font-weight:700;line-height:.86}.contact-section{background:radial-gradient(circle at 70%,#70ddd50e,#0000 35%);border-top:1px solid #ffffff12;flex-direction:column;justify-content:center;min-height:90vh;display:flex}.contact-button{text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid #ffffff59;align-items:center;gap:12px;width:fit-content;margin-top:65px;padding-bottom:13px;font-family:DM Mono,monospace;font-size:10px;transition:gap .35s,border-color .3s,color .3s;display:flex}.contact-button:hover{color:#70ddd5;border-color:#70ddd5;gap:20px}footer{text-transform:uppercase;letter-spacing:.08em;color:#ffffff40;border-top:1px solid #ffffff12;justify-content:space-between;padding:28px 48px;font-family:DM Mono,monospace;font-size:8px;display:flex}@keyframes heroReveal{0%{opacity:0;filter:blur(8px);transform:translateY(70px)scale(.965)}to{opacity:1;filter:blur();transform:translate(0,0)scale(1)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@keyframes glowFloat{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-35px,25px)scale(1.06)}}@keyframes pulse{0%{opacity:.7;transform:scale(.6)}to{opacity:0;transform:scale(1.7)}}@keyframes scrollLine{0%{left:-100%}50%{left:0}to{left:100%}}.toolkit-section{background:#ffffff02;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12;width:100%;padding:75px 0 85px;position:relative;overflow:hidden}.toolkit-header{justify-content:space-between;align-items:flex-end;max-width:1450px;margin:0 auto 38px;padding:0 48px;display:flex}.toolkit-section .toolkit-header,.toolkit-section .toolkit-card{opacity:0;filter:blur(6px)}.toolkit-section.is-visible .toolkit-header{animation:.9s cubic-bezier(.22,1,.36,1) 50ms both toolkitHeaderReveal}.toolkit-section.is-visible .toolkit-card{animation:.8s cubic-bezier(.22,1,.36,1) .15s both toolkitCardReveal}@keyframes toolkitHeaderReveal{0%{opacity:0;filter:blur(5px);transform:translateY(25px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes toolkitCardReveal{0%{opacity:0;filter:blur(6px);transform:translateY(35px)}to{opacity:1;filter:blur();transform:translateY(0)}}.toolkit-header .section-number{margin:0}.toolkit-header p{text-transform:uppercase;letter-spacing:.08em;color:#ffffff47;max-width:310px;margin:0;font-family:DM Mono,monospace;font-size:8px;line-height:1.7}.toolkit-marquee{width:100%;padding:10px 0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 3% 97%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 3% 97%,#0000 100%)}.toolkit-track{will-change:transform;gap:18px;width:max-content;padding:7px 0;animation:35s linear infinite toolkitScroll;display:flex}.toolkit-card{background:linear-gradient(145deg,#ffffff06,#ffffff02),#090a0b;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;flex:0 0 230px;justify-content:center;align-items:center;gap:16px;height:150px;transition:transform .4s cubic-bezier(.22,1,.36,1),border-color .3s,background .3s;display:flex;position:relative;box-shadow:inset 0 1px #ffffff06,0 15px 40px #00000026}.toolkit-card:before{content:"";border-radius:inherit;opacity:0;pointer-events:none;background:radial-gradient(circle at 50% 30%,#70ddd514,#0000 50%);transition:opacity .4s;position:absolute;inset:0}.toolkit-card:hover{background:#0c0e0f;border-color:#70ddd54d;transform:translateY(-7px)}.toolkit-card:hover:before{opacity:1}.toolkit-icon{z-index:2;color:#ffffffe0;justify-content:center;align-items:center;width:42px;height:42px;transition:transform .4s cubic-bezier(.22,1,.36,1),color .3s;display:flex;position:relative}.toolkit-icon svg{width:42px;height:42px;display:block}.toolkit-card:hover .toolkit-icon{color:#70ddd5;transform:scale(1.12)}.toolkit-card span{z-index:2;text-transform:uppercase;letter-spacing:.08em;color:#ffffff73;font-family:DM Mono,monospace;font-size:9px;transition:color .3s;position:relative}.toolkit-card:hover span{color:#70ddd5}@keyframes toolkitScroll{0%{transform:translate(0)}to{transform:translate(calc(-50% - 9px))}}.experience-section{background:#050607;border-top:1px solid #70ddd514;width:100%;height:400vh;position:relative}.experience-sticky{isolation:isolate;opacity:.9;background:radial-gradient(circle at 70% 45%,#70ddd509,#0000 35%),#050607;width:100%;height:100vh;min-height:650px;position:sticky;top:0;overflow:hidden}.experience-sticky:before{content:"";z-index:-2;pointer-events:none;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:100px 100px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000000a6,#0000 90%);mask-image:linear-gradient(#000000a6,#0000 90%)}.experience-sticky:after{content:"";filter:blur(35px);pointer-events:none;z-index:-1;background:radial-gradient(circle,#70ddd511,#0000 68%);border-radius:50%;width:700px;height:700px;animation:10s ease-in-out infinite experienceGlow;position:absolute;top:10%;right:-300px}.experience-header{z-index:50;justify-content:space-between;align-items:flex-end;gap:40px;max-width:1450px;margin:0 auto;display:flex;position:absolute;top:90px;left:48px;right:48px}.experience-header .section-number{margin:0}.experience-header p{text-transform:uppercase;letter-spacing:.08em;color:#ffffff47;max-width:340px;margin:0;font-family:DM Mono,monospace;font-size:8px;line-height:1.8}.experience-stack{perspective:1400px;justify-content:center;align-items:center;width:100%;height:100%;padding:125px 48px 85px;display:flex;position:absolute;inset:0}.experience-panel{isolation:isolate;background:radial-gradient(circle at 82% 18%,#70ddd50e,#0000 34%),linear-gradient(145deg,#ffffff09,#ffffff02),#090a0b;border:1px solid #ffffff17;border-radius:14px;width:calc(100% - 96px);max-width:1450px;height:calc(100% - 400px);min-height:470px;transition:border-color .5s,box-shadow .5s,background .5s;position:absolute;overflow:hidden;box-shadow:inset 0 1px #ffffff09,0 30px 80px #00000052}.experience-panel:before{content:"";pointer-events:none;opacity:.7;z-index:0;background:radial-gradient(circle at 0 0,#70ddd51c,#0000 36%),linear-gradient(120deg,#0000 35%,#70ddd506 50%,#0000 65%);position:absolute;inset:0}.experience-panel:after{content:"";pointer-events:none;opacity:.7;z-index:1;background:linear-gradient(90deg,#0000,#ffffff06,#0000);width:45%;height:100%;position:absolute;top:0;left:-70%;transform:skew(-18deg)}.experience-panel-inner:before{content:"";opacity:.55;pointer-events:none;z-index:5;background:#70ddd5;width:120px;height:1px;position:absolute;top:0;left:0;box-shadow:0 0 18px #70ddd559}.experience-panel-inner{z-index:2;flex-direction:column;width:100%;height:100%;padding:38px 42px;display:flex;position:relative}.experience-panel-top{z-index:2;border-bottom:1px solid #ffffff12;grid-template-columns:1fr auto auto;align-items:center;gap:30px;padding-bottom:22px;display:grid;position:relative}.experience-number{letter-spacing:.08em;color:#ffffff4d;text-shadow:0 0 18px #70ddd52e;font-family:DM Mono,monospace;font-size:11px}.experience-year{letter-spacing:.12em;text-transform:uppercase;color:#ffffff80;font-family:DM Mono,monospace;font-size:9px}.experience-status{letter-spacing:.12em;text-transform:uppercase;color:#ffffff61;align-items:center;gap:8px;font-family:DM Mono,monospace;font-size:8px;display:inline-flex}.experience-status:before{content:"";background:#70ddd5;border-radius:50%;flex:0 0 5px;width:5px;height:5px;box-shadow:0 0 8px #70ddd5b3}.experience-panel-top .experience-status{letter-spacing:.1em;text-transform:uppercase;color:#70ddd5;font-family:DM Mono,monospace;font-size:7px}.experience-panel-main{z-index:2;width:100%;max-width:900px;margin-top:auto;margin-bottom:auto;padding-left:7%;position:relative}.experience-kicker{letter-spacing:.16em;text-transform:uppercase;color:#ffffff47;margin-bottom:24px;font-family:DM Mono,monospace;font-size:8px;display:block}.experience-panel-main h3{letter-spacing:-.055em;color:#fffffff0;max-width:900px;margin:0;font-size:clamp(42px,5.5vw,82px);font-weight:700;line-height:.95}.experience-panel-main h4{letter-spacing:.08em;text-transform:uppercase;color:#70ddd5;margin:14px 0 0;font-family:DM Mono,monospace;font-size:10px;line-height:1.5}.experience-panel-main p{color:#ffffff61;max-width:520px;margin:28px 0 0;font-size:12px;line-height:1.85}.experience-panel-arrow{color:#ffffff4d;z-index:5;transition:color .3s,transform .45s cubic-bezier(.22,1,.36,1);position:absolute;bottom:30px;right:34px}.experience-panel:hover{border-color:#70ddd533;box-shadow:0 40px 110px #00000061,0 0 80px #70ddd509,inset 0 1px #ffffff09}.experience-panel:hover .experience-panel-arrow{color:#70ddd5;transform:translate(6px,-6px)scale(1.08)}.experience-footer{letter-spacing:.1em;text-transform:uppercase;color:#ffffff40;z-index:50;justify-content:space-between;align-items:center;max-width:1450px;margin:0 auto;font-family:DM Mono,monospace;font-size:7px;display:flex;position:absolute;bottom:34px;left:48px;right:48px}.experience-footer span:first-child{color:#70ddd5}@keyframes experienceGlow{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(-35px,25px)scale(1.08)}}@media (width<=800px){.navbar{padding:20px 24px}.studio-logo img{object-fit:contain;filter:grayscale()contrast(1.15)brightness(1.05);opacity:.9;width:42px;height:42px}.studio-logo span{font-size:10px}.nav-links{z-index:30;opacity:0;pointer-events:none;background:#050607;flex-direction:column;justify-content:center;align-items:center;gap:30px;transition:opacity .35s,transform .35s;display:flex;position:fixed;inset:0;transform:translateY(-15px)}.nav-links.open{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-links a{font-size:16px}.nav-contact{display:none}.mobile-menu{z-index:40;display:block;position:relative}.hero{min-height:100svh;padding:145px 24px 85px}.hero:before{background-size:50px 50px}.hero-glow{width:450px;height:450px;right:-230px}.hero h1{font-size:clamp(55px,17vw,105px);line-height:.86}.hero h1 span{margin-left:0}.hero-bottom{flex-direction:column;align-items:flex-start;gap:35px;margin-top:55px}.hero-bottom p{max-width:330px}.scroll-indicator{bottom:28px;left:24px}.intro-section,.simple-section,.contact-section{padding:120px 24px}.intro-section{min-height:75vh}.intro-section p{margin-left:0}.service-list>div{grid-template-columns:45px 1fr;padding:28px 0}.service-list>div:hover{padding-left:10px}footer{flex-direction:column;gap:12px;padding:24px}.toolkit-section{padding:65px 0 70px}.toolkit-header{flex-direction:column;align-items:flex-start;gap:18px;margin-bottom:30px;padding:0 24px}.toolkit-header p{max-width:280px}.toolkit-track{gap:12px;animation-duration:28s}.toolkit-card{flex-basis:180px;height:125px}.toolkit-icon,.toolkit-icon svg{width:36px;height:36px}.toolkit-section{isolation:isolate;position:relative}.toolkit-section:after{content:"";pointer-events:none;z-index:5;background:linear-gradient(#0000,#050607);height:180px;position:absolute;bottom:0;left:0;right:0}.experience-section{height:400vh}.experience-sticky{min-height:600px;padding:0}.experience-header{flex-direction:column;align-items:flex-start;gap:18px;top:80px;left:24px;right:24px}.experience-header p{max-width:280px}.experience-stack{padding:135px 24px 70px}.experience-panel{border-radius:8px;width:calc(100% - 48px);height:calc(100% - 205px);min-height:430px}.experience-panel-inner{padding:28px 24px}.experience-panel-top{grid-template-columns:1fr auto;gap:12px}.experience-number{grid-area:1/1}.experience-year{grid-area:2/1}.experience-panel-top .experience-status{grid-area:1/2/span 2;align-self:center}.experience-panel-main{max-width:100%;padding-left:0}.experience-kicker{margin-bottom:18px}.experience-panel-main h3{font-size:clamp(36px,11vw,62px);line-height:.92}.experience-panel-main h4{margin-bottom:25px;font-size:8px;line-height:1.6}.experience-panel-main p{max-width:100%;font-size:10px;line-height:1.8}.experience-panel-arrow{bottom:24px;right:24px}.experience-footer{bottom:25px;left:24px;right:24px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.toolkit-section .toolkit-header{opacity:0;animation:.9s cubic-bezier(.22,1,.36,1) .1s forwards toolkitHeaderReveal;transform:translateY(25px)}.toolkit-section .toolkit-card{opacity:0;animation:.8s cubic-bezier(.22,1,.36,1) forwards toolkitCardReveal;transform:translateY(35px)}.toolkit-card:first-child{animation-delay:.15s}.toolkit-card:nth-child(2){animation-delay:.22s}.toolkit-card:nth-child(3){animation-delay:.29s}.toolkit-card:nth-child(4){animation-delay:.36s}.toolkit-card:nth-child(5){animation-delay:.43s}.toolkit-card:nth-child(6){animation-delay:.5s}.toolkit-card:nth-child(7){animation-delay:.57s}.toolkit-card:nth-child(8){animation-delay:.64s}.toolkit-card:nth-child(9){animation-delay:.71s}.toolkit-card:nth-child(10){animation-delay:.78s}.hero{isolation:isolate;flex-direction:column;justify-content:center;min-height:100vh;padding:160px 48px 80px;display:flex;position:relative;overflow:hidden}.hero-transform{pointer-events:none;z-index:1;opacity:calc(var(--hero-scroll,0) * 1.15);transform:scale(calc(.72 + (var(--hero-scroll,0) * .28))) rotate(calc((var(--hero-scroll,0) - .15) * 2deg));transition:opacity 80ms linear,transform 80ms linear;position:absolute;inset:0}.hero-line{transform-origin:50%;width:100%;height:1px;opacity:calc(var(--hero-scroll,0) * .75);background:linear-gradient(90deg,#0000,#70ddd52e,#ffffff14,#70ddd52e,#0000);position:absolute;left:0}.hero-coordinate{letter-spacing:.14em;text-transform:uppercase;color:#fff3;opacity:calc(var(--hero-scroll,0) * 1.1);font-family:DM Mono,monospace;font-size:7px;transition:opacity 80ms linear;position:absolute}.hero-word-lines{width:min(70vw,900px);height:180px;transform:translate(-50%, -50%) scale(calc(1 + (var(--hero-scroll,0) * .35)));pointer-events:none;opacity:calc(var(--hero-scroll,0) * .9);position:absolute;top:50%;left:50%}.hero-word-lines span{transform-origin:50%;background:linear-gradient(90deg,#0000,#70ddd540,#0000);width:100%;height:1px;position:absolute;left:0}.hero-brand{z-index:5;transform:translate3d(0, calc(var(--hero-scroll,0) * -45px), 0) scale(calc(1 - (var(--hero-scroll,0) * .08)));opacity:calc(1 - (var(--hero-scroll,0) * .75));transition:transform 80ms linear,opacity 80ms linear;position:relative}.hero-content .eyebrow{z-index:5;opacity:calc(1 - (var(--hero-scroll,0) * 1.4));transform:translateY(calc(var(--hero-scroll,0) * -20px));position:relative}@media (width<=800px){.hero-transform{opacity:calc(var(--hero-scroll,0) * .8)}.hero-frame{width:30vw;height:35vh}.hero-frame-left{left:-4vw}.hero-frame-right{right:-4vw}.hero-line-top{top:32%}.hero-line-bottom{bottom:32%}.hero-coordinate{font-size:6px}.hero-coordinate-left{left:4vw}.hero-coordinate-right{right:4vw}.hero-word-lines{width:90vw}}.hero{overflow:hidden}.hero-transform{z-index:1;pointer-events:none;opacity:calc(var(--hero-scroll,0) * 1.15);transform:scale(calc(.72 + (var(--hero-scroll,0) * .28))) rotate(calc((var(--hero-scroll,0) - .15) * 2deg));transition:opacity 80ms linear,transform 80ms linear;position:absolute;inset:0}.hero-frame{width:22vw;height:42vh;opacity:calc(var(--hero-scroll,0) * .85);border:1px solid #70ddd52e;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 0 30px #70ddd506,inset 0 0 30px #70ddd503}.hero-frame-left{transform:translateY(-50%) translateX(calc(var(--hero-scroll,0) * -80px));left:5vw}.hero-frame-right{transform:translateY(-50%) translateX(calc(var(--hero-scroll,0) * 80px));right:5vw}.hero-line{width:100%;height:1px;opacity:calc(var(--hero-scroll,0) * .75);background:linear-gradient(90deg,#0000,#70ddd52e,#ffffff14,#70ddd52e,#0000);position:absolute;left:0}.hero-line-top{transform:scaleX(calc(var(--hero-scroll,0) * .92)) translateY(calc(var(--hero-scroll,0) * -25px));top:35%}.hero-line-bottom{transform:scaleX(calc(var(--hero-scroll,0) * .92)) translateY(calc(var(--hero-scroll,0) * 25px));bottom:35%}.hero-node{width:5px;height:5px;opacity:calc(var(--hero-scroll,0) * 1.2);background:#050607;border:1px solid #70ddd5bf;position:absolute;box-shadow:0 0 10px #70ddd573}.hero-coordinate{letter-spacing:.14em;color:#fff3;opacity:calc(var(--hero-scroll,0) * 1.1);font-family:DM Mono,monospace;font-size:7px;position:absolute}.hero-coordinate-left{top:33%;left:7vw}.hero-coordinate-right{bottom:33%;right:7vw}.hero-word-lines{width:min(70vw,900px);height:180px;transform:translate(-50%, -50%) scale(calc(1 + (var(--hero-scroll,0) * .35)));opacity:calc(var(--hero-scroll,0) * .9);pointer-events:none;position:absolute;top:50%;left:50%}.hero-word-lines span{background:linear-gradient(90deg,#0000,#70ddd540,#0000);width:100%;height:1px;position:absolute;left:0}.hero-word-lines span:first-child{transform:scaleX(calc(var(--hero-scroll,0) * .9)) translateX(calc(var(--hero-scroll,0) * -40px));top:20%}.hero-word-lines span:nth-child(2){transform:scaleX(calc(var(--hero-scroll,0) * 1));top:50%}.hero-word-lines span:nth-child(3){transform:scaleX(calc(var(--hero-scroll,0) * .9)) translateX(calc(var(--hero-scroll,0) * 40px));top:80%}.hero-brand{z-index:5;transform:translate3d(0, calc(var(--hero-scroll,0) * -45px), 0) scale(calc(1 - (var(--hero-scroll,0) * .08)));opacity:calc(1 - (var(--hero-scroll,0) * .75));position:relative}.hero-brand span{transform:translateX(calc(var(--hero-scroll,0) * -80px))}.hero-brand strong{transform:translateX(calc(var(--hero-scroll,0) * 80px))}.hero-content .eyebrow{opacity:calc(1 - (var(--hero-scroll,0) * 1.4));transform:translateY(calc(var(--hero-scroll,0) * -20px))}.hero-transform:before{content:"";width:35vw;max-width:520px;height:35vw;max-height:520px;transform:translate(-50%, -50%) scale(calc(.4 + (var(--hero-scroll,0) * 1.1)));filter:blur(35px);opacity:calc(var(--hero-scroll,0) * .9);background:radial-gradient(circle,#70ddd514,#0000 68%);border-radius:50%;position:absolute;top:50%;left:50%}.hero-transition{width:1px;height:0;transform:translateX(-50%) scaleY(calc(var(--hero-scroll,0) * 1));transform-origin:bottom;opacity:calc(var(--hero-scroll,0) * .8);z-index:10;background:linear-gradient(#70ddd500,#70ddd5b3);position:absolute;bottom:0;left:50%}.intro-section,.simple-section,.contact-section{position:relative;overflow:hidden}.intro-section:before,.simple-section:before,.contact-section:before{content:"";pointer-events:none;transform:translateX(calc(var(--section-shift,0) * 120px));background:linear-gradient(90deg,#0000 0%,#70ddd505 50%,#0000 100%);transition:transform .1s linear;position:absolute;inset:0}.intro-section:after,.simple-section:after,.contact-section:after{content:"";background:linear-gradient(90deg,#0000,#ffffff17,#0000);height:1px;position:absolute;bottom:0;left:8vw;right:8vw}.intro-section:before,.simple-section:before,.contact-section:before{background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:80px 80px}.intro-section .section-number,.simple-section .section-number,.contact-section .section-number{z-index:3;transition:transform .7s cubic-bezier(.22,1,.36,1),color .4s;position:relative}.intro-section h2,.contact-section h2,.about-title{z-index:3;transition:transform .9s cubic-bezier(.22,1,.36,1),letter-spacing .7s;position:relative}.intro-section h2:hover,.contact-section h2:hover,.about-title:hover{letter-spacing:-.075em;transform:translate(6px)}.work-section{flex-direction:column;justify-content:center;min-height:100vh;padding-top:150px;padding-bottom:150px;display:flex}.work-content{z-index:4;position:relative}.work-kicker{letter-spacing:.16em;text-transform:uppercase;color:#70ddd580;margin-bottom:25px;font-family:DM Mono,monospace;font-size:8px;display:block}.work-content h2{margin:0}.work-content p{color:#ffffff61;max-width:390px;margin:55px 0 0 auto;font-size:13px;line-height:1.9}.work-system{pointer-events:none;z-index:1;position:absolute;inset:0}.work-system-line{background:linear-gradient(90deg,#0000,#70ddd533,#0000);height:1px;position:absolute}.work-line-1{width:90%;top:30%;left:5%;transform:rotate(-8deg)}.work-line-2{width:80%;top:52%;left:10%;transform:rotate(5deg)}.work-line-3{width:70%;top:72%;left:15%;transform:rotate(-3deg)}.work-system-node{border:1px solid #70ddd5;width:6px;height:6px;position:absolute;box-shadow:0 0 15px #70ddd573}.work-node-1{top:30%;left:18%}.work-node-2{top:52%;right:22%}.work-node-3{top:72%;left:30%}.work-index{letter-spacing:.12em;text-transform:uppercase;color:#ffffff38;z-index:4;flex-direction:column;gap:7px;font-family:DM Mono,monospace;font-size:7px;display:flex;position:absolute;bottom:55px;right:8vw}.services-section{flex-direction:column;justify-content:center;min-height:100vh;display:flex}.services-intro{z-index:3;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:75px;display:flex;position:relative}.services-intro>span{letter-spacing:.15em;text-transform:uppercase;color:#70ddd58c;font-family:DM Mono,monospace;font-size:8px}.services-intro p{color:#ffffff59;max-width:330px;margin:0;font-size:12px;line-height:1.8}.service-list{z-index:4;position:relative}.service-list>div{border-top:1px solid #ffffff14;grid-template-columns:70px 1fr auto;align-items:center;gap:30px;padding:30px 0;transition:padding .5s cubic-bezier(.22,1,.36,1),border-color .4s;display:grid;position:relative}.service-list>div:last-child{border-bottom:1px solid #ffffff14}.service-list>div:hover{border-color:#70ddd540;padding-left:18px;padding-right:18px}.service-list>div>span{color:#ffffff40;font-family:DM Mono,monospace;font-size:8px}.service-list h3{letter-spacing:-.045em;margin:0;font-size:clamp(28px,4vw,58px);font-weight:600;line-height:1;transition:color .3s,transform .5s cubic-bezier(.22,1,.36,1)}.service-list>div:hover h3{color:#70ddd5;transform:translate(10px)}.service-list svg{color:#ffffff40;transition:color .3s,transform .5s cubic-bezier(.22,1,.36,1)}.service-list>div:hover svg{color:#70ddd5;transform:translate(4px,-4px)rotate(8deg)}.about-section{flex-direction:column;justify-content:center;min-height:100vh;display:flex;overflow:hidden}.about-content{z-index:4;position:relative}.about-kicker{letter-spacing:.15em;text-transform:uppercase;color:#70ddd580;margin-bottom:28px;font-family:DM Mono,monospace;font-size:8px;display:block}.about-content p{color:#ffffff61;max-width:350px;margin:55px 0 0 auto;font-size:13px;line-height:1.9}.about-orbit{pointer-events:none;width:420px;height:420px;position:absolute;top:50%;left:65%;transform:translate(-50%,-50%)rotate(-15deg)}.about-orbit span{transform:rotate(var(--orbit-rotation)) scaleY(.35);border:1px solid #70ddd514;border-radius:50%;position:absolute;inset:0}.about-orbit span:first-child{--orbit-rotation:0deg}.about-orbit span:nth-child(2){--orbit-rotation:60deg}.about-orbit span:nth-child(3){--orbit-rotation:120deg}.contact-section{flex-direction:column;justify-content:center;min-height:100vh;display:flex;overflow:hidden}.contact-content{z-index:5;position:relative}.contact-kicker{letter-spacing:.16em;text-transform:uppercase;color:#70ddd58c;margin-bottom:30px;font-family:DM Mono,monospace;font-size:8px;display:block}.contact-button{z-index:5;letter-spacing:.08em;text-transform:uppercase;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:16px;margin-top:60px;padding:16px 22px;font-family:DM Mono,monospace;font-size:9px;transition:background .4s,border-color .4s,color .4s,transform .5s cubic-bezier(.22,1,.36,1);display:inline-flex;position:relative}.contact-button:hover{color:#050607;background:#70ddd5;border-color:#70ddd5;transform:translateY(-5px)}.contact-system{pointer-events:none;position:absolute;inset:0}.contact-system span{width:70vw;height:1px;transform:translate(-50%,-50%) rotate(var(--contact-angle));background:linear-gradient(90deg,#0000,#70ddd52e,#0000);position:absolute;top:50%;left:50%}.contact-system span:first-child{--contact-angle:0deg}.contact-system span:nth-child(2){--contact-angle:60deg}.contact-system span:nth-child(3){--contact-angle:-60deg}.contact-system:after{content:"";border:1px solid #70ddd533;width:80px;height:80px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.page-intro{z-index:9999;color:#fff;pointer-events:all;background:#050607;justify-content:center;align-items:center;animation:1.2s cubic-bezier(.77,0,.175,1) 5.4s forwards introCurtainExit;display:flex;position:fixed;inset:0;overflow:hidden}.page-intro-grid{opacity:0;pointer-events:none;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:80px 80px;animation:1.1s 50ms forwards introGridIn;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000000d9,#0000 95%);mask-image:linear-gradient(#000000d9,#0000 95%)}.page-intro-top{letter-spacing:.14em;text-transform:uppercase;color:#ffffff4d;opacity:0;justify-content:space-between;align-items:center;font-family:DM Mono,monospace;font-size:8px;line-height:1;animation:.8s cubic-bezier(.22,1,.36,1) .35s forwards introMetaIn;display:flex;position:absolute;top:32px;left:42px;right:42px}.page-intro-bottom{letter-spacing:.14em;text-transform:uppercase;color:#ffffff38;opacity:0;justify-content:space-between;align-items:center;font-family:DM Mono,monospace;font-size:8px;line-height:1;animation:.8s cubic-bezier(.22,1,.36,1) .55s forwards introMetaIn;display:flex;position:absolute;bottom:32px;left:42px;right:42px}.page-intro-center{z-index:5;flex-direction:column;align-items:center;width:100%;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.page-intro-brand{white-space:nowrap;text-align:center;justify-content:center;align-items:baseline;gap:18px;width:max-content;display:flex}.page-intro-brand span,.page-intro-brand strong{letter-spacing:-.085em;font-family:Manrope,sans-serif;font-size:clamp(48px,8vw,118px);font-weight:800;line-height:.9;display:block}.page-intro-brand span{color:#fffffff5;opacity:0;animation:1.35s cubic-bezier(.16,1,.3,1) .2s forwards introVilture;transform:translate(-90px)}.page-intro-brand strong{color:#050607;-webkit-text-stroke:1px #ffffffb8;opacity:0;animation:1.35s cubic-bezier(.16,1,.3,1) .34s forwards introStudio;transform:translate(90px)}.page-intro-progress{opacity:0;width:55vw;max-width:1100px;margin-top:25px;animation:.9s cubic-bezier(.22,1,.36,1) .65s forwards introProgressIn;position:relative}.page-intro-progress-track{background:#ffffff21;width:100%;height:1px;position:relative;overflow:visible}.page-intro-progress-track span{background:#70ddd5;width:0;height:1px;transition:width 80ms linear;display:block;box-shadow:0 0 12px #70ddd5b3}.page-intro-progress-percent{letter-spacing:.08em;color:#70ddd5;white-space:nowrap;margin:0;font-family:DM Mono,monospace;font-size:8px;font-weight:400;line-height:1;transition:left 80ms linear;position:absolute;top:-18px;transform:translate(-50%)}.page-intro-progress-meta{letter-spacing:.12em;text-transform:uppercase;color:#ffffff47;justify-content:space-between;align-items:center;margin-top:12px;font-family:DM Mono,monospace;font-size:7px;line-height:1;display:flex}.page-intro-scan{opacity:0;pointer-events:none;background:linear-gradient(90deg,#0000,#70ddd599,#0000);width:100%;height:1px;animation:2s cubic-bezier(.22,1,.36,1) .7s forwards introScan;position:absolute;top:-10%;left:0;box-shadow:0 0 25px #70ddd559}@keyframes introGridIn{0%{opacity:0;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@keyframes introMetaIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes introVilture{0%{opacity:0;transform:translate(-90px)}65%{opacity:1;transform:translate(7px)}to{opacity:1;transform:translate(0)}}@keyframes introStudio{0%{opacity:0;transform:translate(90px)}65%{opacity:1;transform:translate(-7px)}to{opacity:1;transform:translate(0)}}@keyframes introProgressIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes introScan{0%{opacity:0;top:-10%}15%{opacity:.8}85%{opacity:.35}to{opacity:0;top:110%}}@keyframes introCurtainExit{0%{clip-path:inset(0)}to{clip-path:inset(0 0 100%)}}@media (width<=800px){.page-intro-top,.page-intro-bottom{left:24px;right:24px}.page-intro-top{top:24px}.page-intro-bottom{bottom:24px}.page-intro-center{width:100%}.page-intro-brand{gap:10px}.page-intro-brand span,.page-intro-brand strong{font-size:clamp(38px,12vw,72px)}.page-intro-progress{width:78vw;margin-top:40px}}.studio-page:not(.is-loaded) .navbar,.studio-page:not(.is-loaded) .hero,.studio-page:not(.is-loaded) .toolkit-section,.studio-page:not(.is-loaded) .experience-section,.studio-page:not(.is-loaded) #work,.studio-page:not(.is-loaded) #services,.studio-page:not(.is-loaded) #about,.studio-page:not(.is-loaded) #contact,.studio-page:not(.is-loaded) footer{visibility:hidden}.page-intro.is-complete{pointer-events:none}.studio-page:not(.is-loaded) .hero-glow{opacity:0}.studio-page.is-loaded .hero-glow{animation:1.8s cubic-bezier(.22,1,.36,1) .2s both heroGlowEntrance}.studio-page:not(.is-loaded) .hero-brand{opacity:0}.studio-page.is-loaded .hero-brand{animation:1.45s cubic-bezier(.16,1,.3,1) 80ms both heroBrandEntrance}.studio-page:not(.is-loaded) .navbar{opacity:0;transform:translateY(-14px)}.studio-page.is-loaded .navbar{animation:.9s cubic-bezier(.22,1,.36,1) .42s both heroNavEntrance}@keyframes heroBrandEntrance{0%{opacity:0;filter:blur(12px);transform:translateY(42px)scale(.975)}58%{opacity:1;filter:blur(1px);transform:translateY(-4px)scale(1.002)}to{opacity:1;filter:blur();transform:translate(0,0)scale(1)}}@keyframes heroGlowEntrance{0%{opacity:0;transform:translate(-50%,-50%)scale(.72)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes heroNavEntrance{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.studio-page.is-loaded .hero-brand,.studio-page.is-loaded .hero-glow,.studio-page.is-loaded .navbar{opacity:1;filter:none;animation:none;transform:none}}