*{box-sizing:border-box}html{scroll-behavior:smooth;background:#030303}body{margin:0;background:#030303;color:#eee;font-family:Manrope,Arial,sans-serif;overflow-x:hidden}.noise{position:fixed;inset:-50%;z-index:30;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:noise .2s steps(2) infinite}@keyframes noise{50%{transform:translate(2%,-1%)}}#scene{position:fixed;inset:0;width:100%;height:100%;z-index:0}header{height:82px;position:fixed;left:0;right:0;top:0;z-index:50;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #181818;background:rgba(3,3,3,.4);backdrop-filter:blur(15px)}.brand{color:#fff;text-decoration:none;font:700 11px Manrope;letter-spacing:.16em;display:flex;gap:14px;align-items:center}.brand:before{content:"";width:29px;height:29px;border:1px solid #555;display:inline-block}.system{font:9px "DM Mono";color:#666;letter-spacing:.12em}.system i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#dfff45;box-shadow:0 0 12px #dfff45;margin-right:8px}.menu{background:none;border:0;color:#bbb;font:9px "DM Mono";letter-spacing:.15em;cursor:pointer}.menu b{font-size:17px;margin-left:10px;color:#fff}.progress{position:fixed;top:82px;left:0;width:100%;height:1px;background:#161616;z-index:50}.progress span{display:block;height:100%;width:0;background:#dfff45}.counter{position:fixed;z-index:45;right:3vw;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;font-family:"DM Mono"}.counter small{font-size:7px;color:#555;writing-mode:vertical-rl}.counter b{font-size:12px;font-weight:400}.nav{position:fixed;inset:0;z-index:100;background:#080808;display:flex;flex-direction:column;justify-content:center;padding:8vw;transform:translateY(-110%)}.nav button{position:absolute;top:30px;right:5vw;background:none;border:0;color:#aaa;font:10px "DM Mono"}.nav-kicker{font:10px "DM Mono";color:#666;margin-bottom:35px}.nav a{font-size:clamp(45px,8vw,120px);font-weight:700;line-height:.92;letter-spacing:-.07em;color:#eee;text-decoration:none;transition:.3s}.nav a:hover{color:#dfff45;transform:translateX(15px)}section{position:relative;z-index:2;min-height:100vh;padding:150px 9vw}.hero{display:flex;align-items:center;overflow:hidden}.hero-copy{width:55%;position:relative;z-index:5}.eyebrow,.tag{font:9px "DM Mono";letter-spacing:.16em;color:#666}.hero h1{font-size:clamp(60px,9vw,145px);line-height:.83;letter-spacing:-.075em;margin:30px 0 35px}.hero h1 em,h2 em{font-style:normal;color:#dfff45}.hero-copy>p{max-width:400px;color:#888;font-size:14px;line-height:1.7}.explore{display:inline-flex;align-items:center;gap:25px;margin-top:30px;color:#eee;text-decoration:none;font:9px "DM Mono";letter-spacing:.14em;border-bottom:1px solid #444;padding-bottom:12px}.explore span{font-size:18px;color:#dfff45}.factory-label{position:absolute;z-index:5;font:8px "DM Mono";letter-spacing:.12em;color:#555}.factory-label strong{color:#dfff45;font-weight:400}.label-a{top:25%;right:8%}.label-b{top:35%;right:8%}.label-c{top:45%;right:8%}.hero-instruction{position:absolute;bottom:35px;left:9vw;color:#444;font:8px "DM Mono";letter-spacing:.16em}.intro-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:end;margin:50px 0 120px}.intro-grid h2,.about-grid h2,.process-head h2,.contact-grid h2{font-size:clamp(55px,8vw,125px);line-height:.88;letter-spacing:-.075em;margin:0}.intro-grid p{font-size:21px;color:#777;line-height:1.3;max-width:430px}.projects{display:grid;gap:110px}.project{height:min(60vw,700px);border:1px solid #1b1b1b;position:relative;overflow:hidden;background:#080808}.project>span{position:absolute;z-index:3;left:20px;top:20px;font:8px "DM Mono";color:#666;letter-spacing:.12em}.project:after{content:"";position:absolute;inset:0;background:radial-gradient(circle,transparent 20%,rgba(0,0,0,.55) 100%)}.p1{background:radial-gradient(circle at 50% 45%,#242828,#050505 65%)}.project-orb{position:absolute;width:35%;aspect-ratio:1;border-radius:50%;left:32.5%;top:28%;background:radial-gradient(circle at 32% 25%,#fff,#777 7%,#181a1a 28%,#000 70%);box-shadow:0 0 120px #222}.p2{background:linear-gradient(150deg,#080808,#151717)}.project-prism{position:absolute;left:37%;top:18%;width:27%;height:58%;clip-path:polygon(50% 0,100% 20%,80% 100%,20% 88%,0 25%);background:linear-gradient(130deg,#ddd,#333 40%,#090909 70%,#bbb)}.p3{background:radial-gradient(circle at 50% 35%,#202020,#050505 70%)}.project-liquid{position:absolute;left:28%;top:20%;width:44%;height:58%;border-radius:50%;background:linear-gradient(120deg,#e1e5e0,#2d302f 45%,#050505);box-shadow:inset -35px -35px 80px #000;animation:morph 5s ease-in-out infinite alternate}@keyframes morph{to{border-radius:38% 62% 55% 45%;transform:rotate(8deg) scale(1.06)}}article h3{font-size:clamp(28px,4vw,60px);letter-spacing:-.05em;margin:22px 0;border-top:1px solid #222;padding-top:18px}article h3 small{float:right;color:#555;font:8px "DM Mono";letter-spacing:.1em;padding-top:10px}.process-head{display:grid;grid-template-columns:.4fr 1fr;align-items:end;margin:70px 0 120px}.huge{font-size:clamp(120px,22vw,330px);line-height:.7;font-weight:700;color:#111;letter-spacing:-.1em}.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #222}.steps>div{min-height:250px;padding:25px 25px 0 0;border-right:1px solid #222}.steps>div+div{padding-left:25px}.steps>div:last-child{border:0}.steps b{font:9px "DM Mono";color:#555}.steps h3{margin-top:70px;font-size:12px;letter-spacing:.1em}.steps p{color:#666;font-size:12px;line-height:1.6;max-width:200px}.about-grid{display:grid;grid-template-columns:1fr .8fr;gap:10vw;margin:70px 0 120px}.about-grid p{color:#888;line-height:1.7;font-size:15px}.people{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #222;padding-top:20px;gap:20px}.people span{font:9px "DM Mono";color:#777}.contact-grid{display:grid;grid-template-columns:1fr .7fr;gap:10vw;margin-top:70px}.contact form{display:flex;flex-direction:column;gap:22px}.contact-grid label{font:8px "DM Mono";color:#666;letter-spacing:.1em}.contact-grid input,.contact-grid textarea{display:block;width:100%;border:0;border-bottom:1px solid #333;background:none;outline:0;color:#fff;padding:15px 0;font:14px Manrope}.contact-grid textarea{height:100px}.contact-grid button{background:#dfff45;color:#030303;border:0;padding:18px;font:9px "DM Mono";letter-spacing:.12em;cursor:pointer}.contact-grid small{font:8px "DM Mono";color:#444}.contact footer{margin-top:auto;padding-top:70px;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #222;font:8px "DM Mono";color:#555}.contact{display:flex;flex-direction:column}.contact footer span{max-width:33%}#toast{position:fixed;right:25px;bottom:25px;background:#dfff45;color:#050505;padding:14px 18px;font:8px "DM Mono";z-index:200;transform:translateY(150%);transition:.4s}.reveal{opacity:0;transform:translateY(35px)}@media(max-width:800px){.system,.counter{display:none}header{height:70px;padding:0 20px}.progress{top:70px}section{padding:110px 22px}.hero-copy{width:100%}.hero h1{font-size:16vw}.factory-label{right:22px;font-size:7px}.label-a{top:65%}.label-b{top:71%}.label-c{top:77%}.intro-grid,.about-grid,.contact-grid,.process-head{grid-template-columns:1fr;gap:45px}.steps,.people{grid-template-columns:1fr}.steps>div,.steps>div+div{border-right:0;border-bottom:1px solid #222;padding:25px 0;min-height:0}.steps h3{margin-top:35px}.project{height:100vw}.contact footer{flex-direction:column;margin-top:80px}.contact footer span{max-width:100%}.nav{padding:22px}.nav a{font-size:15vw}}
