:root{--black:#09090b;--ink:#111116;--white:#f2f2ed;--soft:#b7b7b2;--blue:#4357ff;--acid:#d8ff47;--line:rgba(242,242,237,.16);--mx:50vw;--my:40vh}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--black)}body{margin:0;background:var(--black);color:var(--white);font-family:Manrope,Arial,sans-serif;overflow-x:hidden}::selection{background:var(--acid);color:var(--black)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.mono{font-family:"DM Mono",monospace}.noise{position:fixed;inset:0;z-index:90;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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E")}.cursor-dot,.cursor-ring{position:fixed;top:0;left:0;z-index:100;pointer-events:none;border-radius:50%;transform:translate(-50%,-50%)}.cursor-dot{width:6px;height:6px;background:var(--acid)}.cursor-ring{width:38px;height:38px;border:1px solid rgba(216,255,71,.65);transition:width .2s,height .2s,background .2s}.cursor-ring.hover{width:58px;height:58px;background:rgba(216,255,71,.08)}.reveal{opacity:0;transform:translateY(28px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;transform:none}
.topbar{height:78px;position:fixed;inset:0 0 auto;z-index:50;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 4vw;border-bottom:1px solid var(--line);background:rgba(9,9,11,.72);backdrop-filter:blur(18px)}.monogram{display:flex;align-items:center;gap:5px;width:max-content;font-weight:800;letter-spacing:-.08em;font-size:1.05rem}.monogram i{color:var(--blue);font-style:normal}.availability{font:400 .65rem "DM Mono",monospace;color:var(--soft);letter-spacing:.08em}.availability i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--acid);box-shadow:0 0 12px var(--acid)}nav{justify-self:end;display:flex;gap:2rem}nav a{font-size:.78rem;color:#c9c9c4;transition:.2s}nav a:hover{color:var(--acid)}.menu-toggle{display:none;background:none;border:0}
.hero{min-height:100svh;position:relative;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:125px 5vw 85px;overflow:hidden}.hero::before{content:"";position:absolute;width:600px;height:600px;left:var(--mx);top:var(--my);transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(67,87,255,.14),transparent 65%);pointer-events:none}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(90deg,#000 0%,transparent 65%)}.hero-copy{position:relative;z-index:2}.overline{font-size:.68rem;letter-spacing:.13em;color:var(--soft)}.overline span{color:var(--acid);margin-right:15px}.hero h1{font-size:clamp(4.8rem,10.5vw,11.5rem);line-height:.7;letter-spacing:-.1em;margin:55px 0 55px;font-weight:800}.hero h1 span{-webkit-text-stroke:1px rgba(242,242,237,.8);color:transparent}.hero h1 sup{font-size:.14em;letter-spacing:0;color:var(--acid);vertical-align:top;margin-left:12px}.intro{max-width:650px;font-size:clamp(1.05rem,1.6vw,1.4rem);line-height:1.6;color:#c1c1bd}.intro em{color:var(--white);font-family:Georgia,serif}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:34px}.magnetic{transition:transform .2s ease}.primary{min-height:54px;display:flex;align-items:center;gap:40px;padding:0 22px;background:var(--blue);font-size:.82rem;font-weight:700}.primary span{font-size:1.2rem}.text-link{display:flex;gap:18px;align-items:center;border-bottom:1px solid var(--line);padding:14px 2px;font-size:.8rem}.hero-meta{display:flex;gap:30px;margin-top:55px;color:#6f6f74;font-size:.59rem;letter-spacing:.08em}.portrait-stage{position:relative;z-index:3;width:min(41vw,590px);aspect-ratio:.72;justify-self:end;perspective:1300px}.portrait-card{position:absolute;inset:6% 5% 8%;margin:0;overflow:hidden;transform-style:preserve-3d;transition:transform .18s ease-out;box-shadow:0 40px 100px rgba(0,0,0,.5)}.portrait-card img{width:100%;height:100%;object-fit:cover;object-position:center 45%;filter:contrast(1.05)}.portrait-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(9,9,11,.56));pointer-events:none}.portrait-depth{position:absolute;border:1px solid rgba(67,87,255,.5);inset:3% 8% 5% 2%;transform:translateZ(-40px) rotate(-3deg)}.depth-two{inset:9% 1% 1% 12%;border-color:rgba(216,255,71,.34);transform:translateZ(-80px) rotate(4deg)}.scan-line{position:absolute;left:0;right:0;top:10%;height:1px;z-index:4;background:var(--acid);box-shadow:0 0 16px var(--acid);animation:scan 5s ease-in-out infinite}.ar-corner{position:absolute;z-index:5;width:35px;height:35px;border-color:var(--acid)}.top-left{top:18px;left:18px;border-top:1px solid;border-left:1px solid}.top-right{top:18px;right:18px;border-top:1px solid;border-right:1px solid}.bottom-left{bottom:18px;left:18px;border-bottom:1px solid;border-left:1px solid}.bottom-right{bottom:18px;right:18px;border-bottom:1px solid;border-right:1px solid}.ar-label{position:absolute;z-index:5;padding:6px 8px;background:rgba(9,9,11,.78);color:var(--acid);font-size:.52rem;letter-spacing:.07em}.label-face{left:10%;top:36%}.label-role{right:8%;bottom:18%}.label-location{left:9%;bottom:8%;color:#c6c6c2}.ar-toggle{position:absolute;right:2%;bottom:1%;z-index:6;border:1px solid var(--line);background:rgba(9,9,11,.86);padding:9px 11px;font-size:.56rem;letter-spacing:.08em;cursor:pointer}.ar-toggle i{display:inline-block;width:6px;height:6px;margin-right:7px;background:var(--acid);border-radius:50%}.portrait-stage.ar-off .scan-line,.portrait-stage.ar-off .ar-corner,.portrait-stage.ar-off .ar-label{display:none}.portrait-stage.ar-off .ar-toggle i{background:#555}.orbit-label{position:absolute;top:1%;right:4%;font-size:.52rem;color:#65656b}.scroll-cue{position:absolute;bottom:25px;left:5vw;display:flex;align-items:center;gap:12px;color:#717177;font-size:.57rem;letter-spacing:.1em}.scroll-cue span{width:35px;height:1px;background:var(--blue)}@keyframes scan{0%,100%{top:10%;opacity:.3}50%{top:88%;opacity:1}}
.statement{min-height:70vh;padding:10vw 8vw;display:grid;grid-template-columns:.35fr 1.65fr;gap:4vw;align-items:start;background:var(--white);color:var(--black)}.statement>span{font-size:.65rem;color:#69696c;letter-spacing:.12em}.statement p{margin:0;font-size:clamp(2.2rem,5.2vw,6rem);line-height:1.05;letter-spacing:-.055em}.statement strong{color:var(--blue);font-weight:700}.section{padding:130px 5vw;border-bottom:1px solid var(--line)}.section-head{display:grid;grid-template-columns:.45fr 1.15fr .65fr;gap:5vw;margin-bottom:70px;align-items:start}.section-head>div{display:flex;gap:15px}.index{color:var(--acid);font-size:.65rem}.section-head p,.profile-intro>p.mono,.stack-title>p{margin:0;color:#85858a;font-size:.62rem;letter-spacing:.12em}.section-head h2,.profile h2,.stack h2{margin:0;font-size:clamp(3rem,5.8vw,6.5rem);line-height:.9;letter-spacing:-.06em}.section-head h2 em,.profile h2 em,.stack h2 em,.contact h2 em{font-family:Georgia,serif;color:var(--acid);font-weight:400}.section-head>p{margin:0;color:#99999e;line-height:1.7}.filters{display:flex;gap:8px;margin-bottom:28px}.filters button{padding:10px 13px;border:1px solid var(--line);background:transparent;color:#8b8b90;font-size:.72rem;cursor:pointer}.filters button span{margin-left:15px;color:#56565b}.filters button.active{background:var(--white);color:var(--black)}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.project-card{min-width:0;background:#101015;border:1px solid var(--line);transform-style:preserve-3d;transition:opacity .35s,transform .2s ease-out}.project-card.hidden{display:none}.project-visual{height:470px;position:relative;overflow:hidden;padding:22px;background:#19191f;transform:translateZ(1px)}.project-visual>span:first-child{position:relative;z-index:5;font-size:.56rem;letter-spacing:.1em;color:rgba(255,255,255,.65)}.project-info{min-height:170px;position:relative;display:grid;grid-template-columns:1fr .8fr 35px;gap:25px;align-items:center;padding:28px}.project-info .mono{font-size:.55rem;color:#73737a}.project-info h3{font-size:1.65rem;margin:8px 0 0;letter-spacing:-.04em}.project-info p{font-size:.82rem;line-height:1.6;color:#95959a}.visit{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%}.project-card:hover{border-color:var(--accent,var(--blue))}.project-card:hover .visit{background:var(--accent,var(--blue));border-color:transparent;color:#08080a}
.visual-seres{background:linear-gradient(135deg,#2637cf,#6878ff)}.window-ui{position:absolute;inset:18% 10% 9%;background:#eeeee8;color:#101014;padding:25px;box-shadow:0 25px 60px rgba(0,0,0,.25)}.window-ui i{display:inline-block;width:7px;height:7px;background:#202029;border-radius:50%;margin-right:4px}.window-ui strong{display:block;margin-top:60px;font-size:3.7rem;line-height:.85;letter-spacing:-.08em}.window-ui b{position:absolute;right:25px;bottom:22px;font-size:2rem}.sphere{position:absolute;right:-50px;top:80px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff,var(--acid) 18%,#111 65%);mix-blend-mode:multiply}.visual-mxa{background:#ef4c81}.mxa-type{position:absolute;left:10%;bottom:5%;font-size:13rem;line-height:.8;letter-spacing:-.12em;font-weight:800}.mxa-type sup{font-size:.12em}.data-stack{position:absolute;right:10%;top:18%;width:35%}.data-stack i{display:block;height:32px;margin:8px;background:#17171c;transform:skewX(-12deg)}.data-stack i:nth-child(2){width:70%;margin-left:auto;background:var(--acid)}.data-stack i:nth-child(3){width:45%}.data-stack i:nth-child(4){width:80%;margin-left:auto}.visual-insumex{background:#d8ff47;color:#101014}.insumex-grid{position:absolute;inset:20% 8% 10%;display:grid;grid-template-columns:1fr 1fr;gap:6px;transform:perspective(900px) rotateX(8deg)}.insumex-grid b{font:500 .55rem "DM Mono";align-self:end}.insumex-grid i{height:120px;background:#15151a}.insumex-grid i:nth-of-type(2){background:#4357ff}.insumex-grid i:nth-of-type(3){height:55px}.insumex-grid i:nth-of-type(4){height:55px;background:#fff}.scan-tag{position:absolute;right:8%;top:12%;font-size:.52rem;border:1px solid #111;padding:6px}.visual-pet{background:#b8f0cb;color:#101014}.pet-product{position:absolute;width:170px;height:220px;left:50%;top:52%;transform:translate(-50%,-50%) rotate(-8deg);background:#20262b;display:grid;place-items:center;box-shadow:30px 35px 60px rgba(25,60,35,.25)}.pet-product span{font-size:3rem;color:#b8f0cb;font-weight:800}.product-top{position:absolute;left:12px;right:-17px;height:34px;top:-25px;background:#39463e;transform:skewX(-45deg)}.product-side{position:absolute;top:-8px;bottom:-17px;width:34px;right:-34px;background:#121614;transform:skewY(-45deg)}.pet-ring{position:absolute;width:290px;height:290px;left:50%;top:52%;transform:translate(-50%,-50%);border:1px solid #25342a;border-radius:50%}.visual-builders{background:#ff8b4d;color:#101014}.blueprint{position:absolute;inset:16% 8% 10%;border:1px solid #16161a;background-image:linear-gradient(rgba(15,15,19,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(15,15,19,.18) 1px,transparent 1px);background-size:30px 30px}.blueprint i{position:absolute;background:#17171c}.blueprint i:nth-child(1){width:50%;height:1px;top:35%;left:15%}.blueprint i:nth-child(2){height:55%;width:1px;top:20%;left:55%}.blueprint i:nth-child(3){width:30%;height:25%;border:1px solid #17171c;background:transparent;right:10%;bottom:10%}.blueprint b{position:absolute;left:10%;bottom:5%;font-size:6rem;letter-spacing:-.1em}.coordinate{position:absolute;right:7%;top:9%;font-size:.52rem}.visual-qenti{background:#16120a}.qenti-orbit{position:absolute;width:270px;height:270px;left:50%;top:52%;transform:translate(-50%,-50%);border:1px solid rgba(227,180,79,.5);border-radius:50%;display:grid;place-items:center}.qenti-orbit i{position:absolute;inset:18%;border:1px dashed rgba(227,180,79,.5);border-radius:50%;animation:rotate 16s linear infinite}.qenti-orbit i:nth-child(2){inset:-12%;animation-direction:reverse}.qenti-orbit i:nth-child(3){width:11px;height:11px;inset:0 auto auto 50%;background:#e3b44f}.qenti-orbit strong{font-size:6rem;color:#e3b44f}.qenti-data{position:absolute;bottom:8%;left:8%;font-size:.54rem;color:#b79752}@keyframes rotate{to{transform:rotate(360deg)}}
.profile{display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw;background:#101015}.profile-intro>.index,.stack-title>.index{display:inline-block;margin-right:15px}.profile h2,.stack h2{margin:45px 0}.profile-intro>p:not(.mono){color:#aaaab0;line-height:1.8;max-width:610px}.line-link{display:flex;justify-content:space-between;max-width:400px;margin-top:38px;padding:15px 0;border-bottom:1px solid var(--line);font-size:.8rem}.timeline{border-top:1px solid var(--line)}.timeline article{display:grid;grid-template-columns:130px 1fr;gap:25px;padding:28px 0;border-bottom:1px solid var(--line)}.timeline article>span{color:#66666c;font-size:.57rem}.timeline h3{margin:0;font-size:1.2rem}.timeline p{margin:6px 0;color:var(--acid);font-size:.78rem}.timeline small{color:#77777e}.stack{display:grid;grid-template-columns:.65fr 1.35fr;gap:7vw}.stack-cloud{height:500px;position:relative;perspective:1000px;background:radial-gradient(circle,rgba(67,87,255,.16),transparent 60%);border:1px solid var(--line)}.stack-cloud::before{content:"DRAG / HOVER";position:absolute;left:18px;bottom:15px;font:400 .52rem "DM Mono";color:#55555b}.stack-cloud button{position:absolute;left:var(--x);top:var(--y);transform:translateZ(var(--z));padding:12px 16px;border:1px solid rgba(255,255,255,.24);background:rgba(16,16,21,.86);cursor:grab;transition:.25s;box-shadow:0 12px 30px rgba(0,0,0,.25)}.stack-cloud button:hover{background:var(--acid);color:#0a0a0c;transform:translateZ(calc(var(--z) + 35px)) scale(1.08)}.services-list{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);margin-top:45px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.services-list span{padding:25px 18px;border-right:1px solid var(--line);font:400 .68rem "DM Mono";color:#898990}.services-list span:last-child{border:0}
.contact{min-height:92vh;position:relative;display:grid;place-items:center;text-align:center;overflow:hidden;background:var(--blue)}.contact-content{position:relative;z-index:2}.contact-content>.mono{font-size:.62rem;letter-spacing:.12em;color:#c6cdff}.contact h2{font-size:clamp(4rem,9vw,10rem);line-height:.76;letter-spacing:-.08em;margin:55px 0}.contact h2 em{color:var(--acid)}.contact p{max-width:680px;margin:0 auto;color:#d5d8ff;line-height:1.7}.email{display:flex;width:max-content;gap:45px;margin:40px auto 18px;padding:16px 20px;background:var(--acid);color:#0a0a0c;font-weight:700}.copy-email{border:0;background:transparent;color:#c3c9ff;font-size:.58rem;letter-spacing:.1em;cursor:pointer}.contact-orbit{position:absolute;width:min(70vw,900px);aspect-ratio:1;border:1px solid rgba(255,255,255,.16);border-radius:50%;animation:rotate 28s linear infinite}.contact-orbit span{position:absolute;inset:12%;border:1px dashed rgba(216,255,71,.3);border-radius:50%}.contact-orbit span:nth-child(2){inset:28%}.contact-orbit span:nth-child(3){width:14px;height:14px;inset:-7px auto auto 50%;background:var(--acid);border:0}footer{min-height:180px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:40px 5vw}footer p{text-align:center;color:#696970;font-size:.57rem;line-height:1.7}footer>a:last-child{justify-self:end;font-size:.58rem;color:#929297}
@media(max-width:980px){.topbar{grid-template-columns:1fr auto}.availability{display:none}.menu-toggle{display:block;justify-self:end;width:35px;height:35px;padding:8px}.menu-toggle span{display:block;height:1px;background:var(--white);margin:6px 0}nav{position:absolute;top:78px;left:0;right:0;display:none;flex-direction:column;padding:30px 5vw;background:#0b0b0e;border-bottom:1px solid var(--line)}nav.open{display:flex}.hero{grid-template-columns:1fr;min-height:auto;padding-top:130px}.hero h1{font-size:clamp(4.8rem,16vw,8rem)}.portrait-stage{width:min(82vw,580px);margin:80px auto 0;justify-self:center}.statement{grid-template-columns:1fr;gap:40px}.section-head{grid-template-columns:1fr}.project-visual{height:390px}.project-info{grid-template-columns:1fr 35px}.project-info p{grid-column:1/-1;grid-row:2}.visit{grid-column:2;grid-row:1}.profile,.stack{grid-template-columns:1fr}.stack-cloud{margin-top:20px}.services-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.cursor-dot,.cursor-ring{display:none}.topbar{height:68px}.hero{padding:110px 5vw 70px}.hero h1{font-size:clamp(4rem,22vw,6.3rem);margin:45px 0}.hero-actions{align-items:stretch;flex-direction:column;gap:8px}.primary{justify-content:space-between}.hero-meta{flex-direction:column;gap:8px}.portrait-stage{width:92vw;margin-left:-1vw}.scroll-cue{display:none}.statement{min-height:75vh;padding:90px 6vw}.statement p{font-size:2.5rem}.section{padding:95px 5vw}.section-head h2,.profile h2,.stack h2{font-size:3.3rem}.filters{overflow-x:auto;padding-bottom:8px}.filters button{white-space:nowrap}.project-grid{grid-template-columns:1fr}.project-visual{height:380px}.project-info{padding:22px}.mxa-type{font-size:9rem}.profile{gap:60px}.timeline article{grid-template-columns:1fr}.stack-cloud{height:430px}.stack-cloud button{font-size:.72rem;padding:9px 11px}.services-list{grid-template-columns:1fr}.services-list span{border-right:0;border-bottom:1px solid var(--line)}.contact h2{font-size:4.5rem}.email{max-width:100%;gap:15px;font-size:.74rem}.contact-orbit{width:130vw}footer{grid-template-columns:1fr;gap:28px}footer p{text-align:left}footer>a:last-child{justify-self:start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.scan-line,.qenti-orbit i,.contact-orbit{animation:none}}