@import "https://fonts.googleapis.com/css2?family=Archivo+Black&family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;700&display=swap";
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}body{background:var(--ink);color:var(--paper);font-family:DM Mono,monospace;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:20;opacity:.055;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='.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.85'/%3E%3C/svg%3E");position:fixed;inset:0}a{color:inherit}::selection{background:var(--cyan);color:var(--ink)}.mono{font-family:DM Mono,monospace}.display{text-transform:uppercase;letter-spacing:-.065em;font-family:Archivo Black,sans-serif}.eyebrow{color:var(--cyan);letter-spacing:.17em;text-transform:uppercase;font-size:.69rem}.section{padding:9rem max(5vw,2rem);position:relative;overflow:hidden}.grid{pointer-events:none;opacity:.38;background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-size:46px 46px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 18% 84%,#0000);mask-image:linear-gradient(#0000,#000 18% 84%,#0000)}nav{z-index:10;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0d0fc7;justify-content:space-between;align-items:center;height:64px;padding:0 max(4vw,1.25rem);display:flex;position:fixed;top:0;left:0;right:0}.mark{letter-spacing:.13em;align-items:center;gap:.72rem;font-size:.72rem;font-weight:500;text-decoration:none;display:flex}.mark i{background:var(--cyan);width:11px;height:11px;box-shadow:0 0 17px var(--cyan);border-radius:50%;display:block}.navlinks{letter-spacing:.12em;text-transform:uppercase;gap:clamp(1rem,3vw,3rem);font-size:.67rem;display:flex}.navlinks a{color:var(--muted);text-decoration:none;transition:all .2s}.hero{isolation:isolate;grid-template-columns:1.08fr .92fr;align-items:center;min-height:100vh;padding:7.4rem max(5vw,2rem) 4rem;display:grid;position:relative;overflow-x:clip}.hero:after{content:"";border:8px solid var(--cyan);z-index:-1;opacity:.94;border-radius:50%;width:74vw;max-width:1000px;height:74vw;max-height:1000px;position:absolute;top:-42vw;right:-33vw}.hero-copy{z-index:2;max-width:780px;position:relative}.status{letter-spacing:.14em;width:max-content;color:var(--lime);text-transform:uppercase;background:#ffffffeb;align-items:center;gap:.6rem;margin-bottom:1.7rem;padding:.18rem .35rem;font-size:.65rem;display:flex}.status:before{content:"";background:var(--lime);width:8px;height:8px;box-shadow:0 0 12px var(--lime);border-radius:50%}h1{z-index:1;max-width:800px;font-size:clamp(4.25rem,10.1vw,11.5rem);line-height:.77;position:relative}h1 span{display:block}h1 .outline{color:#0000;-webkit-text-stroke:1.6px var(--paper)}.hero-role{letter-spacing:-.05em;text-transform:uppercase;margin-top:1.4rem;font:700 clamp(1.5rem,2.7vw,3rem)/.92 Archivo Black,sans-serif}.intro{color:#b8c4c2;max-width:530px;margin:2.3rem 0;font-size:clamp(.78rem,1.15vw,.95rem);line-height:1.7}.cta-row{flex-wrap:wrap;gap:.85rem;display:flex}.button{border:1px solid var(--cyan);color:var(--cyan);text-transform:uppercase;letter-spacing:.1em;padding:.9rem 1.2rem;font-size:.69rem;text-decoration:none;transition:all .2s}.button:hover{background:var(--cyan);color:var(--ink)}.button.solid:hover{background:var(--cyan);border-color:var(--cyan)}.code{color:#6c8180;opacity:.62;white-space:pre;font-size:clamp(.55rem,.78vw,.72rem);line-height:1.7;position:absolute}.code b{color:var(--lime);font-weight:400}.code em{color:var(--cyan);font-style:normal}.code-a{top:8%;left:4%}.code-b{bottom:8%;left:41%}.portrait-zone{place-items:center;min-height:530px;display:grid;position:relative}.portrait-ring{aspect-ratio:1;border:2px solid var(--cyan);border-radius:50%;width:min(34vw,480px);padding:13px;position:relative;box-shadow:0 0 0 20px #2ed8ff0a,0 0 70px #2ed8ff1f}.portrait-ring:before{content:"PRAJWAL_KAMBLE // NODE_01";color:var(--cyan);letter-spacing:.1em;transform-origin:50%;font-size:.56rem;position:absolute;top:20%;right:-44px;transform:rotate(90deg)}.portrait-ring:after{content:"";background:var(--cyan);width:15px;height:15px;box-shadow:0 0 16px var(--cyan);border-radius:50%;position:absolute;top:5%;left:9%}.portrait{object-fit:cover;object-position:50% 59%;filter:grayscale()contrast(1.18);mix-blend-mode:screen;border-radius:50%;width:100%;height:100%}.portrait-zone .scan{background:var(--cyan);width:min(39vw,555px);height:1px;box-shadow:0 0 13px var(--cyan);opacity:.8;position:absolute;top:49%;left:50%;transform:translate(-50%)}.arm{color:var(--cyan);opacity:.9;white-space:pre;text-shadow:0 0 10px #2ed8ff73;font:500 clamp(.39rem,.64vw,.62rem)/1.12 DM Mono,monospace;position:absolute;bottom:-3.5rem;right:1%}.about{background:var(--paper);color:var(--ink);grid-template-columns:1fr 1fr;align-items:center;gap:8vw;display:grid}.about .grid{opacity:.35;background-image:linear-gradient(#090d0f1f 1px,#0000 1px),linear-gradient(90deg,#090d0f1f 1px,#0000 1px)}.about-copy,.about-art{z-index:1;position:relative}.about h2,.experience h2,.work h2,.contact h2{font-size:clamp(3.9rem,10.7vw,10rem);line-height:.8}.about p{max-width:560px;margin:2rem 0 2.3rem;font-family:Space Grotesk,sans-serif;font-size:clamp(1rem,1.7vw,1.34rem);line-height:1.46}.skills{flex-wrap:wrap;gap:.55rem;display:flex}.chip{letter-spacing:.08em;text-transform:uppercase;border:1px solid #0a0d0f6b;padding:.55rem .65rem;font-size:.63rem}.about-art{place-items:center;min-height:390px;display:grid}.robot-card{border:1px solid var(--ink);width:min(100%,430px);box-shadow:11px 11px 0 var(--cyan);background:#e5e4de;padding:1.1rem}.robot-top{border-bottom:1px solid var(--ink);justify-content:space-between;padding-bottom:.8rem;font-size:.6rem;display:flex}.robot-ascii{white-space:pre;color:#182425;padding:1.4rem .3rem .5rem;font-size:clamp(.52rem,1vw,.72rem);line-height:1.12;overflow:hidden}.robot-foot{color:#455;border-top:1px solid var(--ink);justify-content:space-between;padding-top:.8rem;font-size:.6rem;display:flex}.about-image{aspect-ratio:1.15;object-fit:cover;object-position:center;border:1px solid var(--ink);width:min(100%,490px);box-shadow:12px 12px 0 var(--cyan)}.experience{background:var(--panel)}.experience h2,.work h2{z-index:1;position:relative}.experience .eyebrow,.work .eyebrow{margin-bottom:1.1rem}.timeline{z-index:1;border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-top:4rem;display:grid;position:relative}.entry{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:225px;padding:1.45rem;transition:all .2s;position:relative}.entry .num{color:var(--cyan);font-size:.62rem}.entry h3{margin:3.2rem 0 .65rem;font-family:Space Grotesk,sans-serif;font-size:1.2rem}.entry p{color:#a3aeac;font-size:.72rem;line-height:1.7}.entry .tag{color:var(--lime);font-size:.58rem;position:absolute;top:1.3rem;right:1.2rem}.work{background:var(--ink)}.works{z-index:1;grid-template-columns:1.45fr 1fr;gap:1.15rem;margin-top:4rem;display:grid;position:relative}.work-card{border:1px solid var(--line);background:var(--panel);min-height:300px;position:relative;overflow:hidden}.work-card.large{grid-row:span 2;min-height:620px}.work-photo{object-fit:cover;filter:grayscale()contrast(1.1)brightness(.8);width:100%;height:100%;transition:filter .3s,transform .6s;position:absolute;inset:0}.work-card:hover .work-photo{filter:grayscale(.2)contrast(1.04)brightness(.96);transform:scale(1.035)}.work-overlay{background:linear-gradient(#070a0c14 34%,#070a0cf2);position:absolute;inset:0}.work-info{z-index:2;padding:1.35rem;position:absolute;bottom:0;left:0;right:0}.work-info small{color:var(--cyan);letter-spacing:.12em;font-size:.6rem}.work-info h3{text-transform:uppercase;margin:.5rem 0;font-family:Space Grotesk,sans-serif;font-size:1.45rem}.work-info p{color:#bdc5c3;max-width:440px;font-size:.7rem;line-height:1.55}.work-card.robot{color:var(--ink);background:#dfe6e4;place-items:center;display:grid}.work-card.robot:after{content:"FIELD_NOTE // PROTOTYPES";letter-spacing:.12em;font-size:.55rem;position:absolute;top:1rem;left:1rem}.hand-ascii{white-space:pre;color:#142c34;text-shadow:0 0 6px #2ed8ff80;font-size:clamp(.46rem,.8vw,.68rem);line-height:1.08}.contact{background:var(--paper);color:var(--ink);flex-direction:column;justify-content:center;min-height:76vh;display:flex}.contact .grid{opacity:.27;background-image:linear-gradient(#090d0f26 1px,#0000 1px),linear-gradient(90deg,#090d0f26 1px,#0000 1px)}.contact-inner{z-index:1;position:relative}.contact-main{grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);align-items:end;gap:clamp(2.5rem,7vw,8rem);display:grid}.contact h2{max-width:850px;font-size:clamp(3.8rem,7.8vw,8.6rem)}.contact-form{background:#ffffff6b;border:1px solid #090d0f59;align-self:end;gap:1.2rem;padding:1.35rem;display:grid}.contact-form .form-kicker{border-bottom:1px solid #090d0f40;gap:.55rem;padding-bottom:1rem;display:grid}.form-kicker .form-index{color:#0088a8;letter-spacing:.14em;text-transform:uppercase;font-size:.62rem}.form-kicker strong{color:var(--ink);letter-spacing:-.065em;text-transform:uppercase;font:700 clamp(2.25rem,3.2vw,4rem)/.84 Archivo Black,sans-serif}.form-fields{gap:1rem;display:grid}.form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.form-field{gap:.42rem;display:grid}.form-field label{color:#51605f;letter-spacing:.1em;text-transform:uppercase;font-size:.58rem}.form-field input,.form-field textarea{width:100%;color:var(--ink);background:0 0;border:0;border-bottom:1px solid #090d0f59;border-radius:0;outline:none;padding:.55rem 0 .65rem;font:400 .76rem/1.5 DM Mono,monospace;transition:border-color .2s,box-shadow .2s}.form-field textarea{resize:vertical;min-height:4.7rem}.form-field input::placeholder,.form-field textarea::placeholder{color:#8b9694;opacity:1}.form-field input:focus,.form-field textarea:focus{border-color:var(--cyan);box-shadow:0 2px 0 var(--cyan)}.form-submit{cursor:pointer;justify-self:start;font-family:DM Mono,monospace}.form-status{color:#0088a8;min-height:1.1em;font-size:.61rem;line-height:1.4}.form-honeypot{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.contact-bottom{border-top:1px solid #090d0f59;grid-template-columns:1.1fr .9fr;gap:3rem;margin-top:3rem;padding-top:1.4rem;display:grid}.contact-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;display:grid}.contact-list span{letter-spacing:.1em;color:#51605f;margin-bottom:.45rem;font-size:.6rem;display:block}.contact-list a,.contact-list p{font-size:.75rem;text-decoration:none}.contact-list a:hover{color:#006f90}.footer-note{letter-spacing:.1em;color:#51605f;text-align:right;align-self:end;font-size:.59rem}.footer-note b{color:var(--cyan);font-weight:500}.reveal,.reveal.in{opacity:1;transform:none}@media (max-width:780px){nav{padding-inline:1rem}.mark{display:none}.navlinks{white-space:nowrap;justify-content:space-between;gap:.8rem;width:100%;font-size:.55rem}.hero{grid-template-columns:1fr;padding-top:6.8rem}.hero:after{width:100vw;height:100vw;top:-48vw;right:-48vw}.portrait-zone{order:-1;min-height:370px}.portrait-ring{width:min(70vw,370px)}.portrait-ring:before{font-size:.48rem;right:-36px}.code-b,.arm{display:none}.about{grid-template-columns:1fr;padding-block:6rem}.about-art{min-height:260px}.timeline{grid-template-columns:1fr}.entry{min-height:185px}.works{grid-template-columns:1fr}.work-card.large{grid-row:auto;min-height:430px}.work-card{min-height:285px}.contact{padding-block:6rem}.contact-bottom{grid-template-columns:1fr}.contact-main{grid-template-columns:minmax(0,1fr);gap:3rem}.contact-copy,.contact h2{min-width:0;max-width:100%}.contact-form{max-width:580px}.footer-note{text-align:left}.section{padding-inline:1.4rem}.arm{font-size:.4rem}}:root{--ink:#111315;--panel:#fff;--paper:#fff;--muted:#59615f;--line:#0c101124;--cyan:#18c8f2;--lime:#31914b}body{color:var(--ink);background:#fff}body:before{opacity:.018}nav{background:#ffffffe6;border-bottom-color:#0c10112e}.navlinks a{color:#414847}.navlinks a:hover{color:#0087aa}.hero{background:#fff}.grid{opacity:.7;background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px)}.hero:after{opacity:.9}h1 .outline{-webkit-text-stroke-color:var(--ink)}.intro{color:#343c3b}.code{color:#5f706f;opacity:.82}.portrait{filter:grayscale()contrast(1.08);mix-blend-mode:normal}.about{background:#fff}.robot-card{box-shadow:10px 10px 0 var(--cyan);background:#fff}.experience,.work{color:var(--ink);background:#fff}.entry{background:#fff}.entry:hover{background:#f1fcff}.entry p{color:#343c3b}.work-card{background:#fff;border-color:#0c10113b}.work-card.robot{background:#f8ffff}.work-overlay{background:linear-gradient(#ffffff08 30%,#fffffffa)}.work-info small{color:#007d9c}.work-info h3{color:var(--ink)}.work-info p{color:#37403e}.contact{background:#fff}.contact .grid{opacity:.55}.button.solid{background:var(--ink);border-color:var(--ink);color:#fff}.button.solid:hover{background:var(--cyan);border-color:var(--cyan);color:var(--ink)}.projects-head{z-index:1;border-bottom:2px solid var(--ink);grid-template-columns:1.2fr .8fr;align-items:end;gap:2rem;padding-bottom:2.7rem;display:grid;position:relative}.projects-head h2{font-size:clamp(5rem,15vw,14rem);line-height:.7}.projects-head p{color:#3c4543;justify-self:end;max-width:405px;font:400 clamp(.78rem,1.1vw,.93rem)/1.65 Space Grotesk,sans-serif}.project-list{z-index:1;position:relative}.project{border-bottom:1px solid #0c101147;grid-template-columns:.15fr .55fr 1fr;align-items:center;gap:2.2rem;padding:2rem 0;display:grid}.project-number{color:#0088a8;letter-spacing:.08em;align-self:start;font-size:.68rem}.project-copy h3{text-transform:uppercase;letter-spacing:-.055em;margin:.65rem 0 1rem;font:700 clamp(2rem,4.3vw,4.3rem)/.85 Archivo Black,sans-serif}.project-copy p{color:#3d4543;max-width:400px;font-size:.73rem;line-height:1.65}.project-code{color:#57817b;white-space:pre;margin-top:1rem;font-size:.61rem;line-height:1.55}.project-code b{color:#1397b8;font-weight:400}.project-code em{color:#31914b;font-style:normal}.project-media{border:1px solid var(--ink);background:#f5f5f2;height:clamp(210px,24vw,360px);position:relative;overflow:hidden}.project-media img{object-fit:cover;filter:grayscale()contrast(1.08);width:100%;height:100%;transition:transform .45s,filter .45s}.project-media:after{content:"VIEW / 01";color:#fff;letter-spacing:.1em;background:#111315;padding:.35rem .45rem;font-size:.54rem;position:absolute;top:.7rem;right:.7rem}.project:first-child .project-media:after{content:"PHOENIX LAB / LIVE";background:var(--cyan);color:var(--ink)}.build-reel{z-index:1;grid-template-columns:1.15fr .85fr .85fr 1.15fr .85fr;gap:.8rem;padding-top:3rem;display:grid;position:relative}.reel-card{background:#f4f7f7;border:1px solid #0c10113d;height:185px;position:relative;overflow:hidden}.reel-card img{object-fit:cover;filter:grayscale()contrast(1.13);width:100%;height:100%;transition:filter .3s,transform .4s}.reel-card span{letter-spacing:.08em;text-transform:uppercase;background:#fff;padding:.28rem .35rem;font-size:.5rem;position:absolute;bottom:.55rem;left:.55rem}@media (max-width:780px){.projects-head{grid-template-columns:1fr;gap:1.4rem}.project{grid-template-columns:.12fr 1fr;gap:1rem}.project-media{grid-area:2/1/auto/-1;height:250px}.project-copy{grid-column:2}.project-number{grid-area:1/1}.project-copy h3{font-size:2.2rem}.build-reel{grid-template-columns:repeat(2,1fr)}.reel-card{height:145px}}.portrait{filter:none}.projects-head{border-bottom:0;max-width:900px;margin:0 auto;padding-bottom:1.5rem}.projects-head h2{font-size:clamp(5.3rem,15vw,13.5rem)}.project-list{max-width:900px;margin:0 auto}.project{border-bottom:0;grid-template-rows:auto;grid-template-columns:repeat(12,1fr);gap:0;min-height:555px;padding:4rem 0 5rem;display:grid;position:relative}.project-number{letter-spacing:-.08em;color:#16191a;grid-area:1/1/auto/3;align-self:start;font:700 clamp(4.3rem,8vw,7.6rem)/.75 Archivo Black,sans-serif}.project-media{background:0 0;border:0;grid-area:1/3/auto/11;align-self:start;height:390px;overflow:visible}.project-media img{filter:none;object-fit:cover;box-shadow:none}.project:hover .project-media img{filter:none;transform:none}.project-media:after{color:#fff;background:#aabebe;padding:.45rem .65rem;top:auto;bottom:-.65rem;right:-.65rem}.project:first-child .project-media:after{color:#fff;background:#aabebe}.project-copy{z-index:2;grid-area:1/2/auto/12;align-self:end;position:relative;transform:translateY(85px)}.project-copy .eyebrow{color:#71b784;margin-bottom:.55rem;margin-left:1rem}.project-copy h3{-webkit-box-decoration-break:clone;box-decoration-break:clone;color:#fff;letter-spacing:-.07em;background:#707070;padding:.09em .18em .15em;font:700 clamp(2.9rem,6.7vw,6.6rem)/.86 Archivo Black,sans-serif;display:inline}.project-copy p{color:#fff;background:#a4b9b8cc;max-width:410px;margin:1.25rem 0 .5rem 1rem;padding:.45rem .55rem;font-size:.68rem}.project-code{color:#8ccf91;opacity:.9;margin:1rem 0 0 1rem}.project:nth-child(2n) .project-media{grid-column:4/12}.project:nth-child(2n) .project-copy{grid-column:1/11}.project:nth-child(2n) .project-number{text-align:right;z-index:3;grid-column:10/13}.project:nth-child(2n) .project-copy p,.project:nth-child(2n) .project-code{margin-left:0}.build-reel{max-width:900px;margin:0 auto;padding:1.5rem 0 0}.reel-card img{filter:none}.reel-card:hover img{filter:none;transform:scale(1.04)}@media (max-width:780px){.project{min-height:0;padding:3rem 0;display:block}.project-number{z-index:2;margin-bottom:-1.5rem;font-size:4.3rem;position:relative}.project-media,.project:nth-child(2n) .project-media{height:285px;display:block}.project-copy,.project:nth-child(2n) .project-copy{margin-left:.8rem;display:block;transform:translateY(-25px)}.project:nth-child(2n) .project-number{text-align:left}.project-copy h3{font-size:2.55rem}.project-copy p,.project-code{margin-left:0}.projects-head h2{max-width:100%;font-size:clamp(3.4rem,15vw,5rem)}.projects-head p{width:100%;max-width:100%}}
