@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:hidden}.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:hover{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: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{filter:blur(30px);z-index:-1;background:radial-gradient(circle,#63ddd51f 0%,#63ddd509 35%,#0000 68%);border-radius:50%;width:720px;height:720px;animation:8s ease-in-out infinite glowFloat;position:absolute;top:5%;right:-250px}.hero-content{z-index:2;width:100%;max-width:1450px;margin:0 auto;position:relative}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:#ffffff6e;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 h1{letter-spacing:-.085em;text-wrap:balance;max-width:1400px;margin:0;font-size:clamp(64px,11vw,180px);font-weight:800;line-height:.82;animation:1.1s cubic-bezier(.16,1,.3,1) both heroReveal}.hero h1 span{color:#0000;-webkit-text-stroke:1px #ffffff7a;margin-left:10vw;transition:color .5s,-webkit-text-stroke .5s;display:block}.hero h1:hover span{color:#70ddd514;-webkit-text-stroke-color:#70ddd5bf}.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)}.hero-index{color:#ffffff4d;align-items:center;gap:11px;font-family:DM Mono,monospace;font-size:8px;display:flex;position:absolute;top:50%;right:42px;transform:rotate(90deg)translate(50%)}.hero-index div{background:#fff3;width:65px;height:1px}.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}.service-list>div:hover h3{color:#70ddd5;transform:translate(8px)}.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;transform:translateY(80px)scale(.97)}to{opacity:1;transform:translateY(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%}}@media (width<=800px){.navbar{padding:20px 24px}.studio-logo img{object-fit:contain;filter:grayscale()contrast(1.15)brightness(1.05);opacity:.9;background:#fff;border-radius:50%;width:42px;height:42px;transition:transform .5s cubic-bezier(.22,1,.36,1),filter .3s,opacity .3s}.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}.hero-index{display:none}.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{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-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%;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 7% 93%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 7% 93%,#0000 100%)}.toolkit-track{will-change:transform;gap:18px;width:max-content;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-card img{z-index:2;object-fit:contain;opacity:.88;width:42px;height:42px;transition:transform .4s cubic-bezier(.22,1,.36,1),opacity .3s;position:relative}.toolkit-card:hover img{opacity:1;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))}}@media (width<=800px){.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-card img{width:36px;height:36px}}.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)}