@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap');
:root{--ink:#090b0d;--graphite:#171b20;--panel:#101316;--white:#f2f0ea;--muted:#9aa2aa;--line:#30363b;--signal:#c6a472;--blue:#b29b78;--sans:'DM Sans',sans-serif;--display:'Space Grotesk',sans-serif;--mono:'DM Mono',monospace;--pad:clamp(22px,6.1vw,96px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;background:var(--ink);color:var(--white);font-family:var(--sans);font-size:15px;line-height:1.65;overflow-x:hidden}body.motion-off *,body.motion-off *:before,body.motion-off *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.grain{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.12;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='.84' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.15'/%3E%3C/svg%3E")}.mono,.eyebrow,.section-kicker,.project-top,.photo-caption,.image-note,.tool-group>span,.timeline>article>span,.education-card>span,.footer,.nav-cta,.project-facts .tech,.shield-label,.flow-bg,.flow-source small,.flow-engine small,.flow-branches small,.pipeline-step small,.safe>span,.review>span{font-family:var(--mono);font-size:10px;letter-spacing:.09em}.skip-link{position:absolute;top:-100px;left:12px;background:var(--signal);color:#090b0d;padding:10px;z-index:30}.skip-link:focus{top:12px}.topbar{height:78px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(242,240,234,.1);position:absolute;z-index:10;top:0;left:0;width:100%;background:linear-gradient(#090b0d55,transparent)}.wordmark{font:700 19px var(--display);letter-spacing:-.08em;color:var(--white);text-decoration:none}.signal,.period{color:var(--signal)}.topbar nav{display:flex;gap:clamp(18px,3vw,48px)}.topbar nav a,.nav-cta{color:#c6c8c9;text-decoration:none;font-size:12px;transition:color .25s}.topbar nav a:hover,.nav-cta:hover{color:var(--signal)}.nav-cta{border-bottom:1px solid var(--signal);padding:7px 0}.nav-cta span{color:var(--signal);margin-left:10px}.hero{min-height:760px;height:min(100svh,1000px);max-height:1020px;position:relative;overflow:hidden;padding:145px var(--pad) 44px;display:flex;flex-direction:column;justify-content:space-between}.hero:before{content:"";position:absolute;width:60vw;height:60vw;max-width:820px;max-height:820px;border-radius:50%;top:14%;right:4%;background:radial-gradient(circle,#182025a8,transparent 68%);pointer-events:none}.hero-meta{display:flex;justify-content:space-between;color:#d2d4d5;z-index:2}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--signal);margin-right:8px;box-shadow:0 0 12px #c6a47277;animation:pulse 2.6s infinite}.hero-photo-wrap{position:absolute;z-index:1;top:15%;right:13%;width:min(35vw,440px);height:68%;overflow:hidden;background:#35444c;animation:photo-in 1.3s cubic-bezier(.2,.75,.2,1) both}.hero-photo{width:100%;height:100%;object-fit:cover;object-position:50% 44%;filter:saturate(.78) contrast(1.03);transform:scale(1.03);animation:photo-settle 1.7s .2s cubic-bezier(.2,.75,.2,1) both}.photo-caption{position:absolute;bottom:14px;left:17px;right:17px;display:flex;justify-content:space-between;color:white;text-shadow:0 1px 8px #000}.hero-copy{position:relative;z-index:2;margin-top:auto;padding-top:70px}.eyebrow{color:var(--signal);font-size:10px}.hero h1{font:700 clamp(92px,19vw,282px)/.74 var(--display);letter-spacing:-.095em;margin:24px 0 27px;white-space:nowrap;animation:text-in .9s .12s cubic-bezier(.15,.8,.25,1) both}.hero-bottom{display:flex;align-items:flex-end;gap:clamp(32px,8vw,130px)}.hero-statement{font:600 clamp(24px,3.3vw,45px)/1.02 var(--display);letter-spacing:-.055em;margin:0;max-width:410px}.hero-intro{color:#b3b7ba;font-size:13px;line-height:1.75;max-width:290px;margin:0}.hero-actions{display:flex;align-items:center;gap:12px;position:relative;z-index:2;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;padding:13px 17px;text-decoration:none;font-size:11px;font-weight:600;transition:transform .2s,background .2s,color .2s}.button:hover{transform:translateY(-3px)}.button-fill{background:var(--signal);color:#100d0c}.button-fill:hover{background:#e2c992}.button-line{border:1px solid #72777a;color:var(--white)}.button-line:hover{border-color:var(--signal);color:var(--signal)}.button span{font-size:16px}.hero-index{margin-left:auto;color:#8b9298;font-size:9px}.section-pad{padding:clamp(90px,12vw,170px) var(--pad);position:relative}.section-kicker{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:14px;color:#9da4a9}.about-grid{display:grid;grid-template-columns:1.05fr .75fr;gap:9vw;padding:92px 0 80px}.about h2,.section-heading h2,.next h2{font:600 clamp(41px,6.4vw,88px)/1.04 var(--display);letter-spacing:-.07em;margin:19px 0}.about h2 em,.section-heading h2 em,.next h2 em,.contact h2 em{font-style:normal;color:#697178}.about-copy{max-width:510px;padding-top:40px;color:#aeb4b8}.about-copy p{margin:0 0 18px}.about-copy .lead,.lead{font-size:18px;line-height:1.52;color:var(--white)}.text-link{display:inline-flex;gap:30px;margin-top:14px;padding-bottom:5px;border-bottom:1px solid var(--signal);color:var(--white);font-size:12px;text-decoration:none}.text-link span{color:var(--signal)}.about-image{height:clamp(240px,41vw,560px);position:relative;overflow:hidden;background:#262b2f}.about-image img{width:100%;height:100%;object-fit:cover;object-position:50% 38%;filter:saturate(.75) brightness(.84)}.image-note{position:absolute;left:20px;bottom:17px;text-shadow:0 1px 5px #000}.image-number{position:absolute;right:20px;bottom:1px;font:600 65px/.9 var(--display);color:#f2f0ea75}.work{background:#0e1113}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin:66px 0 74px}.section-heading h2{margin:0}.section-heading>p{max-width:330px;color:#9da5aa;font-size:13px;margin:0 2vw 9px 0}.project{border-top:1px solid #42494e;margin:0 0 105px;padding-top:15px}.project-top{display:flex;justify-content:space-between;color:#9da4a9}.recon-visual{height:400px;margin:26px 0 0;position:relative;overflow:hidden;background:#151a1d;border:1px solid #293238;display:flex;align-items:center;justify-content:space-around;padding:30px 4%;isolation:isolate}.recon-visual:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(112deg,transparent 48%,#b29b7810 49%,transparent 51%),radial-gradient(ellipse at 52% 50%,#202a30,transparent 52%)}.flow-source{display:grid;gap:10px;z-index:1}.flow-source small,.flow-engine small,.flow-branches small{color:#89939a}.flow-source b{font:500 13px var(--display);padding:9px 12px;border:1px solid #3a444a;background:#171d20;min-width:104px}.flow-line{width:8%;height:1px;position:relative;background:#a48b6577}.flow-line i{position:absolute;width:5px;height:5px;border-radius:50%;background:#cbb994;top:-2px;animation:travel 2s infinite linear}.flow-line i:nth-child(2){animation-delay:.65s}.flow-line i:nth-child(3){animation-delay:1.3s}.flow-engine{display:flex;flex-direction:column;align-items:center;gap:8px;border:1px solid #7c8e9855;background:#111619;padding:18px 25px;z-index:2;box-shadow:0 0 55px #b29b7811}.engine-mark{width:34px;height:34px;border:1px solid #b29b78;border-radius:50%;display:grid;place-items:center;color:#cfc3ae;font:500 13px var(--display)}.flow-engine b{text-align:center;font:500 21px/1.1 var(--display)}.engine-sub{font:10px var(--mono);color:#89939a}.flow-branches{display:grid;gap:14px;z-index:1}.branch{display:grid;gap:4px;padding:11px 13px;border-left:2px solid var(--signal);background:#191a1a;min-width:135px}.branch-match{border-color:#a2b0a1}.branch b{font:500 13px var(--display)}.flow-ai{position:absolute;right:8%;bottom:15%;display:grid;gap:3px;color:#aaa;font:8px var(--mono);letter-spacing:.08em}.flow-ai span{position:absolute;left:-24px;top:-4px;border:1px solid #ae9b7c;color:#b8ab93;padding:3px 5px;font-size:9px}.flow-bg{position:absolute;bottom:14px;left:15px;right:15px;color:#758087;display:flex;justify-content:space-between;font-size:8px}.project-content{display:grid;grid-template-columns:1.1fr .9fr;gap:8vw;padding:40px 2px}.project-content h3{font:600 clamp(34px,4vw,52px)/1 var(--display);letter-spacing:-.06em;margin:9px 0 17px}.project-content>div:first-child>p:not(.eyebrow){max-width:590px;color:#b1b7ba;font-size:14px;line-height:1.8}.project-content .caveat{border-left:2px solid #65543d;padding-left:13px;font-size:11px!important;color:#969c9f!important}.project-facts{display:flex;flex-wrap:wrap;align-content:flex-start;gap:26px 24px;padding-top:26px}.metric{min-width:115px;display:grid;gap:5px}.metric b{font:600 31px/.95 var(--display);letter-spacing:-.06em;color:var(--white)}.metric span{font:10px/1.5 var(--mono);color:#a0a7ac}.project-facts .tech{width:100%;color:#939ca1;line-height:1.7}.project-links{width:100%;display:flex;gap:22px}.project-links a,.socials a{font-size:11px;color:var(--white);text-decoration:none;border-bottom:1px solid #596167;padding-bottom:4px}.project-links a:hover,.socials a:hover{color:var(--signal);border-color:var(--signal)}.case-study{border-top:1px solid #394045;padding:14px 0}.case-study summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;font-size:12px;color:#c3c7c9}.case-study summary::-webkit-details-marker{display:none}.case-study summary span{color:var(--signal);font-size:18px;transition:transform .2s}.case-study[open] summary span{transform:rotate(45deg)}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:28px 0 10px}.case-grid h4{font:10px var(--mono);letter-spacing:.1em;color:var(--signal)}.case-grid p{font-size:12px;color:#aab0b4;line-height:1.75}.project-shield{padding-top:16px}.shield-visual{height:340px;margin:25px 0 0;position:relative;overflow:hidden;background:#101517;border:1px solid #293238;display:flex;align-items:center;justify-content:center;gap:12%;background-image:linear-gradient(#232b2f33 1px,transparent 1px),linear-gradient(90deg,#232b2f33 1px,transparent 1px);background-size:40px 40px}.shield-label{position:absolute;top:15px;left:18px;color:#8c979c}.trust-col{display:grid;gap:11px;z-index:2}.trust-col>span{font:10px var(--mono);letter-spacing:.12em}.trusted>span{color:#acc0b0}.untrusted>span{color:#d7c09b}.trust-col b{font:500 14px var(--display);background:#171e20;border:1px solid #3b4549;padding:10px 13px;min-width:140px}.trust-col i{font:italic 34px var(--display);color:#687276}.shield-wall{position:absolute;z-index:2;left:50%;transform:translateX(-50%);height:65%;width:1px;background:#c6a47277;display:grid;place-items:center}.shield-wall span{background:#151a1c;border:1px solid #c6a47266;padding:8px;text-align:center;font:8px/1.4 var(--mono);letter-spacing:.08em;color:#dcc18f}.shield-wall:before,.shield-wall:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--signal)}.shield-wall:before{top:0}.shield-wall:after{bottom:0}.quarantine{position:absolute;right:5%;bottom:13%;font:8px/1.7 var(--mono);color:#bdc5c8;border:1px dashed #88795e;padding:8px 11px}.quarantine small{color:#dcc18f}.shield-visual svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#b9a98e44;stroke-width:1.3;stroke-dasharray:5 7}.shield-visual svg path{animation:dash 18s linear infinite}.contribution{width:100%;font-size:11px;color:#a6adb1}.deploy-visual{height:260px;margin:25px 0 0;background:#14191c;border:1px solid #293238;display:flex;align-items:center;justify-content:center;gap:18px;position:relative;padding:24px}.pipeline-step{padding:18px 15px;display:grid;gap:8px;border:1px solid #3b444a;min-width:145px;background:#181e21}.pipeline-step small{color:#89949a}.pipeline-step b{font:500 17px var(--display)}.pipeline-step span{font:10px var(--mono);color:#9ea6aa}.pipeline-step.active{border-color:#b29b78;box-shadow:0 0 30px #b29b7812}.pipe-arrow{color:#68757c}.pipeline-split{display:grid;gap:9px}.safe,.review{display:grid;gap:3px;padding:9px 13px;border-left:2px solid #a5b3a7;background:#19201e;min-width:135px}.review{border-color:var(--signal);background:#1e1c18}.safe>span,.review>span{font-size:8px;color:#8d9d92}.review>span{color:#d7c09b}.safe b,.review b{font:500 12px var(--display)}.deploy-cloud{position:absolute;bottom:16px;right:17px;color:#87939a;font-size:8px}.other-work{padding-top:5px}.other-work .section-kicker{margin:0 0 24px}.other-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #374046;border-bottom:1px solid #374046}.other-card{position:relative;text-decoration:none;color:var(--white);padding:25px 22px;min-height:225px;border-right:1px solid #374046;transition:background .2s}.other-card:last-child{border:0}.other-card:hover{background:#171c1f}.other-card>span{color:#929ba0}.other-card h3{font:500 27px var(--display);margin:17px 0 7px}.other-card p{font-size:11px;color:#a6adb0;max-width:260px;line-height:1.65}.other-card small{font:8px var(--mono);color:#838e94}.other-card>b{position:absolute;right:20px;top:23px;color:var(--signal);font-weight:400}.approach{background:var(--ink)}.process-layout{display:grid;grid-template-columns:.8fr 1fr;gap:10vw;margin-top:50px}.process-list{display:grid}.process-item{background:none;color:var(--white);border:0;border-bottom:1px solid #2b3135;padding:15px 0;display:grid;grid-template-columns:46px 1fr;grid-template-rows:auto auto;text-align:left;cursor:pointer;transition:padding .2s,color .2s}.process-item>span:first-child{grid-row:1/3;color:#818a90;font-size:10px;padding-top:4px}.process-item b{font:500 19px var(--display)}.process-item>span:last-child{font-size:10px;color:#858e93}.process-item.active{padding-left:12px;border-color:#7e8d95}.process-item.active>span:first-child,.process-item.active b{color:var(--signal)}.process-display{padding:18px 0 0;min-height:280px}.process-number{color:#8d979d}.process-display h3{font:500 41px var(--display);letter-spacing:-.05em;margin:34px 0 9px}.process-display p{max-width:420px;color:#aab0b4;font-size:13px}.process-example{margin-top:34px;border-top:1px solid #343b40;padding-top:16px;color:#a8b4bb;font-size:9px;line-height:1.6}.process-track{display:flex;gap:7px;margin-top:34px}.process-track i{height:2px;flex:1;background:#293035}.process-track i.active{background:var(--signal)}.toolkit{background:#131719}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #41484d;border-left:1px solid #41484d}.tool-group{min-height:215px;padding:23px;border-right:1px solid #41484d;border-bottom:1px solid #41484d}.tool-group>span{color:#879298}.tool-group h3{font:500 20px var(--display);margin:16px 0}.tool-group p{margin:5px 0;font-size:12px;color:#c4c8ca}.tool-group p small{color:#899298;font-size:9px}.journey{background:var(--ink)}.journey-grid{display:grid;grid-template-columns:.8fr 1fr;gap:10vw;margin-top:60px}.education-card{background:#171c1f;border:1px solid #343d42;padding:27px;position:relative;min-height:355px}.education-card>span{color:#99a2a7}.edu-mark{font:600 clamp(60px,8vw,110px)/1 var(--display);letter-spacing:-.1em;margin:36px 0 17px}.edu-mark span{color:var(--signal)}.education-card h3{font:500 22px/1.2 var(--display);margin:0 0 10px}.education-card p{font-size:11px;color:#a1a9ad}.cgpa{position:absolute;right:25px;bottom:22px;display:flex;align-items:center;gap:10px}.cgpa b{font:600 25px var(--display);color:var(--signal)}.cgpa span{font:8px/1.55 var(--mono);color:#91999e}.timeline{border-left:1px solid #41494e;padding-left:27px}.timeline>article{display:grid;grid-template-columns:130px 1fr;gap:20px;padding:0 0 34px;position:relative}.timeline>article:before{content:"";position:absolute;width:7px;height:7px;border-radius:50%;border:1px solid var(--signal);background:var(--ink);left:-32px;top:5px}.timeline>article>span{color:#949da2;font-size:9px}.timeline h3{font:500 17px var(--display);margin:0 0 6px}.timeline p{font-size:11px;color:#9da5aa;margin:0;line-height:1.65}.next{background:#1a1f22}.next-grid{display:grid;grid-template-columns:1fr .8fr;gap:9vw;margin-top:65px}.next h2{font-size:clamp(49px,7vw,92px);margin:12px 0}.next-grid>div:nth-child(2){padding-top:15px}.next-grid>div:nth-child(2)>p:not(.lead){color:#aeb5b8;font-size:12px;line-height:1.8}.next .button{margin-top:17px}.interest-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.interest-tags span{font:8px var(--mono);color:#a9b0b4;border:1px solid #424b50;padding:7px 9px}.contact{min-height:600px;display:flex;flex-direction:column;justify-content:center}.contact>.eyebrow{margin-top:100px}.contact h2{font:600 clamp(54px,9vw,120px)/.98 var(--display);letter-spacing:-.075em;margin:22px 0 52px}.contact-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;border-top:1px solid #3a4145;padding-top:22px}.email-link{font:500 clamp(17px,3vw,30px) var(--display);letter-spacing:-.04em;color:var(--white);text-decoration:none;border-bottom:1px solid var(--signal);padding-bottom:7px}.email-link span{color:var(--signal);font-size:.7em}.socials{display:flex;gap:22px}.footer{border-top:1px solid #32383c;padding:18px var(--pad);display:flex;justify-content:space-between;gap:18px;color:#899197;font-size:8px}.footer button,.footer a{border:0;background:none;color:#a9b0b4;text-decoration:none;font:inherit;cursor:pointer}.footer button{display:flex;align-items:center;gap:8px}.footer button i{width:22px;height:12px;border:1px solid #69747a;border-radius:10px;position:relative}.footer button i:after{content:"";position:absolute;left:2px;top:2px;width:6px;height:6px;background:var(--signal);border-radius:50%;transition:left .2s}.footer button[aria-pressed="true"] i:after{left:12px}
@keyframes pulse{50%{opacity:.45;box-shadow:0 0 0 #c6a47200}}@keyframes photo-in{from{clip-path:inset(15% 0 85% 0);opacity:.5}to{clip-path:inset(0);opacity:1}}@keyframes photo-settle{from{transform:scale(1.13)}to{transform:scale(1.03)}}@keyframes text-in{from{opacity:0;transform:translateY(35px);clip-path:inset(30% 0 0)}to{opacity:1;transform:none;clip-path:inset(0)}}@keyframes travel{from{left:0}to{left:100%}}@keyframes dash{to{stroke-dashoffset:-120}}
@media(max-width:850px){.hero{min-height:740px;height:92svh;padding-top:120px}.hero-photo-wrap{right:7%;top:19%;width:42vw;height:56%}.hero h1{font-size:19vw}.about-grid,.next-grid{grid-template-columns:1fr;gap:32px}.about-copy{padding-top:0;max-width:600px}.section-heading{align-items:flex-start;flex-direction:column;gap:10px}.section-heading>p{max-width:500px}.project-content{gap:3vw}.project-facts{gap:20px 14px}.metric{min-width:95px}.process-layout,.journey-grid{gap:5vw}.tool-grid{grid-template-columns:repeat(2,1fr)}.timeline>article{grid-template-columns:100px 1fr}.next-grid>div:nth-child(2){padding:0}.contact{min-height:530px}}
@media(max-width:600px){html{scroll-padding-top:65px}.topbar{height:62px}.topbar nav{gap:14px}.topbar nav a{font-size:10px}.topbar nav a:nth-child(3){display:none}.wordmark{font-size:16px}.nav-cta{font-size:9px}.hero{min-height:770px;height:100svh;padding-top:92px;padding-bottom:28px}.hero-meta{font-size:8px}.hero-photo-wrap{top:18%;right:8%;width:57vw;height:44%;opacity:.88}.hero h1{font-size:19vw;margin:20px 0}.hero-copy{padding-top:40px}.hero-bottom{display:block}.hero-statement{font-size:31px;margin-bottom:12px}.hero-intro{max-width:260px;font-size:11px}.hero-actions{gap:8px;flex-wrap:wrap;margin-top:20px}.button{padding:11px 12px;gap:20px;font-size:10px}.hero-index{display:none}.section-pad{padding:82px var(--pad)}.section-kicker{font-size:8px}.about-grid{padding:57px 0 45px}.about h2,.section-heading h2{font-size:clamp(40px,12vw,65px)}.about-image{height:330px}.section-heading{margin:48px 0 43px}.project{margin-bottom:74px}.project-top{font-size:8px}.recon-visual{height:310px;padding:20px 10px;justify-content:space-between}.flow-source b{font-size:10px;min-width:75px;padding:8px}.flow-source small,.flow-engine small,.flow-branches small{font-size:7px}.flow-engine{padding:13px 12px}.flow-engine b{font-size:16px}.engine-sub{font-size:8px}.flow-line{width:5%}.flow-branches{gap:9px}.branch{padding:9px;min-width:94px}.branch b{font-size:11px}.flow-ai{right:3%;bottom:9%;font-size:7px}.project-content{grid-template-columns:1fr;gap:0;padding:30px 0}.project-content h3{font-size:43px}.project-content>div:first-child>p:not(.eyebrow){font-size:12px}.project-facts{padding-top:9px}.metric b{font-size:27px}.metric{min-width:100px}.project-facts .tech{font-size:8px}.case-grid{grid-template-columns:1fr;gap:12px}.case-grid p{margin:3px 0}.shield-visual{height:290px;gap:9%;background-size:30px 30px}.trust-col b{min-width:108px;font-size:11px;padding:8px}.trust-col>span{font-size:8px}.shield-wall span{font-size:7px}.quarantine{right:3%;bottom:4%;font-size:7px}.deploy-visual{height:auto;min-height:345px;flex-wrap:wrap;gap:9px;padding:30px 14px 55px}.pipeline-step{min-width:120px;padding:12px 9px}.pipe-arrow{font-size:12px}.pipeline-split{grid-template-columns:1fr 1fr;width:100%}.safe,.review{min-width:unset;padding:8px}.safe>span,.review>span{font-size:7px}.other-grid{grid-template-columns:1fr}.other-card{min-height:175px;border-right:0;border-bottom:1px solid #374046;padding:19px}.other-card h3{margin-top:11px}.process-layout{grid-template-columns:1fr;gap:32px}.process-item{padding:12px 0}.process-display{min-height:240px;padding:0}.process-display h3{margin:18px 0 5px;font-size:34px}.process-example{margin-top:22px}.tool-grid{grid-template-columns:1fr 1fr}.tool-group{padding:15px;min-height:200px}.tool-group>span{font-size:8px}.tool-group h3{font-size:17px}.tool-group p{font-size:10px}.journey-grid{grid-template-columns:1fr;gap:42px}.education-card{min-height:325px}.edu-mark{font-size:84px}.timeline{padding-left:20px}.timeline>article{grid-template-columns:1fr;gap:5px;padding-bottom:25px}.timeline>article:before{left:-25px}.next-grid{gap:28px;margin-top:45px}.next h2{font-size:clamp(48px,13vw,76px)}.contact>.eyebrow{margin-top:65px}.contact h2{font-size:clamp(50px,13vw,78px);margin-bottom:36px}.contact-bottom{display:block}.email-link{font-size:18px}.socials{margin-top:28px;gap:18px}.footer{display:grid;grid-template-columns:1fr 1fr;line-height:1.7}.footer>span:nth-child(2){text-align:right}.footer button{justify-self:start}.footer>a{justify-self:end}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.about-detail-photo{position:absolute;right:6%;bottom:11%;width:24%;height:67%;border:5px solid #101316;box-shadow:0 12px 35px #0008;overflow:hidden}.about-detail-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 38%;filter:saturate(.72)}.about-detail-photo span{position:absolute;bottom:0;left:0;right:0;padding:8px 6px;background:#090b0dcc;color:white;text-align:center;font-size:7px;letter-spacing:.04em}
@media(max-width:600px){.about-detail-photo{width:29%;height:54%;right:5%;bottom:12%;border-width:3px}.about-detail-photo span{font-size:6px;padding:5px 2px}}
.nav-label{font-size:9px;letter-spacing:.09em;color:#c6c8c9;text-decoration:none}.nav-label:hover{color:var(--signal)}
@media(max-width:600px){.nav-label{font-size:7px}}
:root{--ink:#030303;--graphite:#0d0d0d;--panel:#080808;--line:#242424}
.work,.approach,.journey{background:#040404}.toolkit{background:#080808}.next{background:#0b0b0b}.education-card{background:#090909}.hero:before{background:radial-gradient(circle,#111 0,transparent 68%)}
.topbar{position:fixed;background:#030303d9;backdrop-filter:blur(14px);transition:background .35s,border-color .35s}.topbar.is-scrolled{background:#030303f5;border-color:#303030}
.hero-photo-wrap{top:11%;right:11%;width:min(43vw,560px);height:78%;box-shadow:0 24px 100px #000c}
.hero-photo{filter:saturate(.88) contrast(1.06);animation:photo-settle 16s ease-in-out infinite alternate}
.hero-photo-wrap:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#03030399,transparent 26%),linear-gradient(90deg,#03030325,transparent 40%)}
.about-image{height:clamp(430px,58vw,700px);background:#050505}.about-image>img{object-position:50% 24%;filter:saturate(.86) contrast(1.03) brightness(.92)}
.about-detail-photo{right:8%;bottom:10%;width:23%;height:62%;border:5px solid #030303;box-shadow:0 20px 60px #000}
.scroll-progress{position:fixed;z-index:30;left:0;right:0;top:0;height:2px;pointer-events:none;background:#fff0}.scroll-progress i{display:block;height:100%;width:100%;background:var(--signal);transform:scaleX(0);transform-origin:left center;will-change:transform}
body.motion-armed [data-reveal]{opacity:0;transform:translateY(38px);transition:opacity .85s cubic-bezier(.2,.75,.2,1),transform .85s cubic-bezier(.2,.75,.2,1)}
body.motion-armed [data-reveal].is-revealed{opacity:1;transform:translateY(0)}
[data-reveal-stagger]>*{transition-delay:var(--reveal-delay,0ms)!important}
.hero-photo-wrap{will-change:transform}.hero-photo{will-change:transform}
.hero-actions .button{position:relative;overflow:hidden}.hero-actions .button:after{content:"";position:absolute;inset:0;background:#fff3;transform:translateX(-110%) skewX(-18deg);transition:transform .55s cubic-bezier(.2,.75,.2,1)}.hero-actions .button:hover:after{transform:translateX(110%) skewX(-18deg)}
.about-image:after{content:"";position:absolute;inset:0;border:1px solid #ffffff16;pointer-events:none}.about-image>img{transition:transform 1.1s cubic-bezier(.2,.75,.2,1),filter 1.1s}.about-image:hover>img{transform:scale(1.035);filter:saturate(1) contrast(1.04) brightness(.98)}
.about-detail-photo{transition:transform .7s cubic-bezier(.2,.75,.2,1)}.about-image:hover .about-detail-photo{transform:translate(-9px,-12px) rotate(-1.5deg)}
.project{transition:border-color .5s}.project:hover{border-color:#777}.recon-visual,.shield-visual,.deploy-visual{background-color:#080808}
.flow-engine{animation:engine-pulse 4s ease-in-out infinite}.branch-review{animation:review-pulse 3.4s ease-in-out infinite}.pipeline-step.active{animation:signal-pulse 3s ease-in-out infinite}
.hero-photo,.flow-engine,.branch-review,.pipeline-step.active,.shield-visual svg path{animation-play-state:paused}.hero.is-in-view .hero-photo,.recon-visual.is-in-view .flow-engine,.recon-visual.is-in-view .branch-review,.deploy-visual.is-in-view .pipeline-step.active,.shield-visual.is-in-view svg path{animation-play-state:running}
.other-card{background:#050505}.other-card:hover{background:#111}
.topbar nav a{position:relative}.topbar nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:var(--signal);transition:right .3s}.topbar nav a.is-active:after,.topbar nav a:hover:after{right:0}.topbar nav a.is-active{color:#fff}
@keyframes engine-pulse{50%{border-color:#a2b8c188;box-shadow:0 0 48px #b29b7821}}
@keyframes review-pulse{50%{box-shadow:0 0 30px #c6a4721b;transform:translateX(3px)}}
@keyframes signal-pulse{50%{box-shadow:0 0 36px #b29b7826}}
@media(max-width:850px){.hero-photo-wrap{top:15%;right:8%;width:48vw;height:67%}.about-image{height:520px}}
@media(max-width:600px){.hero-photo-wrap{top:15%;right:4%;width:66vw;height:55%;opacity:1}.about-image{height:460px}.about-detail-photo{width:32%;height:52%;right:5%;bottom:12%;border-width:3px}}
@media(prefers-reduced-motion:reduce){body.motion-armed [data-reveal]{opacity:1;transform:none;transition:none}.hero-photo{animation:none;transform:none}.flow-engine,.branch-review,.pipeline-step.active{animation:none}}
.topbar{gap:clamp(14px,2vw,30px)}.motion-control{display:flex;align-items:center;gap:8px;padding:7px 0;border:0;background:none;color:#a5a5a5;font:8px var(--mono);letter-spacing:.1em;white-space:nowrap;cursor:pointer}.motion-control span{color:var(--white)}.motion-control i{width:24px;height:13px;border:1px solid #666;border-radius:9px;position:relative}.motion-control i:after{content:"";position:absolute;left:2px;top:2px;width:7px;height:7px;border-radius:50%;background:var(--signal);transition:transform .25s}.motion-control[aria-checked="true"] i:after{transform:translateX(11px)}.motion-control:focus-visible{outline:1px solid var(--signal);outline-offset:5px}
.proof-strip{padding:38px var(--pad) 27px;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;border-top:1px solid #252525;border-bottom:1px solid #252525;background:#030303}.proof-item{display:flex;align-items:center;gap:14px;min-height:70px;border-right:1px solid #242424;padding-right:12px}.proof-item:last-of-type{border:0}.proof-item>strong{font:600 clamp(29px,4vw,52px)/.9 var(--display);letter-spacing:-.08em;white-space:nowrap;color:var(--white)}.proof-item>span{font:9px/1.5 var(--mono);letter-spacing:.02em;color:#9b9b9b}.proof-plus{color:var(--signal)}.proof-note{grid-column:1/-1;margin:2px 0 0;color:#696969;font-size:8px;letter-spacing:.08em}
.signal-ticker{overflow:hidden;border-bottom:1px solid #242424;padding:14px 0;background:#050505}.ticker-track{width:max-content;display:flex;align-items:center;gap:clamp(25px,4vw,58px);animation:ticker-run 34s linear infinite}.ticker-track span{font:600 11px var(--mono);letter-spacing:.17em;color:#878787}.ticker-track i{font-style:normal;color:var(--signal);font-size:13px}.signal-ticker:hover .ticker-track{animation-play-state:paused}
.work-index{display:flex;gap:clamp(20px,4vw,56px);align-items:center;border-top:1px solid #282828;border-bottom:1px solid #282828;padding:14px 0;margin:-31px 0 55px;overflow-x:auto;scrollbar-width:none}.work-index::-webkit-scrollbar{display:none}.work-index a{display:flex;align-items:center;gap:10px;white-space:nowrap;color:#848484;text-decoration:none;font:500 12px var(--display);transition:color .25s}.work-index a>span{color:#636363;font:9px var(--mono)}.work-index a i{font-style:normal;color:#555;transition:transform .25s,color .25s}.work-index a:hover,.work-index a.is-active{color:var(--white)}.work-index a.is-active>span,.work-index a.is-active i{color:var(--signal)}.work-index a.is-active i{transform:translate(3px,3px)}
@keyframes ticker-run{to{transform:translateX(-50%)}}
body.motion-off .ticker-track{animation-play-state:paused}
@media(max-width:900px){.topbar{gap:14px}.topbar nav{gap:16px}.topbar nav a{font-size:10px}.nav-label{font-size:7px}}
@media(max-width:700px){.topbar{gap:13px}.topbar nav{gap:14px}.topbar nav a:nth-child(3),.topbar nav a:nth-child(4){display:none}.nav-label{display:none}.motion-control{font-size:7px;gap:5px}.motion-control i{width:21px;height:12px}.motion-control[aria-checked="true"] i:after{transform:translateX(8px)}.proof-strip{grid-template-columns:1fr 1fr;gap:12px 0;padding:23px var(--pad) 19px}.proof-item{min-height:60px;padding:0 9px 0 0}.proof-item:nth-child(2){border:0;padding-left:15px}.proof-item:nth-child(4){border:0;padding-left:15px}.proof-item>strong{font-size:clamp(28px,8vw,40px)}.proof-item>span{font-size:8px}.proof-note{font-size:7px}.signal-ticker{padding:11px 0}.ticker-track{gap:25px;animation-duration:27s}.ticker-track span{font-size:9px}.work-index{margin:-18px 0 38px;gap:23px}.work-index a{font-size:11px}}
@media(prefers-reduced-motion:reduce){.ticker-track{animation:none}}


/* Futuristic portfolio direction: black glass, electric crimson, and motion. */
:root{--signal:#c6a472;--signal-bright:#dcc18f;--signal-dim:#68101f;--ink:#030303;--graphite:#0b0b0e;--panel:#08080a;--line:#29292d}
body{background:#030303}
.hero{isolation:isolate;background:radial-gradient(ellipse at 76% 38%,#231d13 0,transparent 43%),linear-gradient(180deg,#030303 0%,#070607 100%)}
.hero:before{width:68vw;height:68vw;top:6%;right:0;background:radial-gradient(circle,#261f14a8 0, #15130f55 34%,transparent 69%);animation:ambient-bloom 8s ease-in-out infinite alternate}
.hero-backdrop-word{position:absolute;z-index:0;left:3%;right:0;top:29%;overflow:visible;white-space:nowrap;pointer-events:none;font:900 clamp(88px,18.3vw,270px)/.75 var(--display);letter-spacing:-.105em;color:#b9965e;opacity:.72;transform:translateX(-2.5%);text-shadow:0 0 60px #c6a47240;animation:word-arrive 1.2s cubic-bezier(.2,.8,.2,1) both}
.hero-photo-wrap{top:12%;right:12%;width:min(39vw,510px);height:72%;z-index:1;overflow:hidden;border:1px solid #c6a47288;box-shadow:0 25px 100px #000,0 0 70px #a58c652b;transform:translate3d(var(--pointer-x,0px),calc(var(--pointer-y,0px) - var(--scroll-offset,0px)),0);transition:transform .18s ease-out}
.hero-photo-wrap:before{content:"";position:absolute;z-index:4;inset:10px;border:1px solid #ffffff42;pointer-events:none;box-shadow:inset 0 0 34px #0008}
.hero-photo-wrap:after{z-index:2;background:linear-gradient(0deg,#030303d9,transparent 31%),linear-gradient(90deg,#03030324,transparent 40%),linear-gradient(180deg,#03030336,transparent 27%)}
.hero-photo{filter:saturate(.78) contrast(1.1) brightness(.84);animation:photo-settle 15s ease-in-out infinite alternate}
.photo-scanline{position:absolute;z-index:3;left:0;right:0;top:-25%;height:21%;pointer-events:none;background:linear-gradient(180deg,transparent,#c6a47215 30%,#c6a47244 50%,#c6a47215 70%,transparent);filter:blur(1px);animation:portrait-scan 6s cubic-bezier(.35,0,.55,1) infinite}
.photo-hud{position:absolute;z-index:5;top:18px;left:20px;right:20px;display:flex;justify-content:space-between;gap:12px;padding-bottom:9px;border-bottom:1px solid #ffffff46;color:#fff;font-size:8px;letter-spacing:.14em;text-shadow:0 1px 7px #000}
.photo-hud span:first-child{color:#ead6b5}
.hero-copy{z-index:3}
.hero h1{position:relative;color:#f4f2ed;text-shadow:0 8px 45px #000;animation:text-in .9s .12s cubic-bezier(.15,.8,.25,1) both}
.hero h1 .period{color:var(--signal-bright);text-shadow:0 0 35px #c6a47299}
.hero .eyebrow{color:#dcc18f}
.hero-meta{position:relative;z-index:4}
.live-dot{background:var(--signal-bright);box-shadow:0 0 16px #c6a472;animation:pulse 1.5s infinite}
.hero-actions{z-index:4}
.button-fill{background:var(--signal);color:#fff;box-shadow:0 0 28px #c6a4723b}
.button-fill:hover{background:var(--signal-bright);box-shadow:0 0 35px #c6a47266}
.button-line:hover{border-color:var(--signal);color:#ead6b5}
.about{overflow:hidden}
.about h2 em,.section-heading h2 em,.next h2 em,.contact h2 em{color:#d7c09b}
.system-visual{position:relative;height:clamp(390px,55vw,650px);overflow:hidden;isolation:isolate;border:1px solid #443b2c;background:radial-gradient(circle at 50% 50%,#17150f 0,#0a0907 35%,#030303 72%);box-shadow:inset 0 0 90px #000,0 28px 80px #0008}
.system-grid{position:absolute;inset:0;opacity:.32;background-image:linear-gradient(#c6a4721d 1px,transparent 1px),linear-gradient(90deg,#c6a4721d 1px,transparent 1px);background-size:38px 38px;mask-image:radial-gradient(ellipse at center,#000 5%,transparent 78%);animation:grid-breathe 6s ease-in-out infinite alternate}
.system-visual:before{content:"";position:absolute;inset:-30% 0;background:linear-gradient(180deg,transparent 45%,#c6a4722e 49%,#dcc18f22 50%,transparent 56%);transform:translateY(-45%);animation:map-scan 7s linear infinite;pointer-events:none}
.system-visual:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 35%,#000b 100%);z-index:5}
.system-orbit{position:absolute;top:50%;left:50%;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}
.orbit-outer{width:min(54vw,500px);height:min(54vw,500px);border:1px solid #c6a4725c;border-left-color:transparent;border-right-color:#ffffff25;animation:orbit-spin 24s linear infinite}
.orbit-inner{width:min(38vw,350px);height:min(38vw,350px);border:1px dashed #ffffff35;box-shadow:0 0 50px #c6a47217;animation:orbit-spin-reverse 19s linear infinite}
.system-core{position:absolute;z-index:2;left:50%;top:50%;width:clamp(145px,21vw,235px);height:clamp(145px,21vw,235px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;border:1px solid #ef25445e;border-radius:50%;background:radial-gradient(circle,#1a1711 0,#090507 70%);box-shadow:0 0 48px #c6a4722a,inset 0 0 36px #c6a47220;transform:translate(-50%,-50%)}
.system-core>span{font-size:8px;color:#ead6b5;letter-spacing:.17em}.system-core strong{font:700 clamp(20px,3vw,35px)/.92 var(--display);letter-spacing:-.06em}.core-pulse{position:absolute;inset:-14px;border:1px solid #c6a4724d;border-radius:50%;animation:core-pulse 2.8s ease-out infinite}
.system-node{position:absolute;z-index:3;min-width:126px;padding:12px 15px 13px 18px;display:grid;gap:4px;background:#080608e8;border:1px solid #594a36;box-shadow:0 0 24px #c6a4721c;animation:node-float 4.2s ease-in-out infinite alternate}
.system-node:before{content:"";position:absolute;top:50%;width:clamp(35px,8vw,110px);border-top:1px solid #c6a47261}
.system-node i{position:absolute;top:calc(50% - 3px);width:6px;height:6px;border-radius:50%;background:#dcc18f;box-shadow:0 0 12px #dcc18f}
.system-node span{font-size:7px;color:#ead6b5;letter-spacing:.14em}.system-node b{font:500 13px var(--display);color:#eee}
.node-api{top:18%;left:12%}.node-api:before{left:100%;transform:rotate(24deg);transform-origin:left}.node-api i{left:calc(100% + 1px)}
.node-data{top:22%;right:11%;animation-delay:-1.1s}.node-data:before{right:100%;transform:rotate(-25deg);transform-origin:right}.node-data i{right:calc(100% + 1px)}
.node-trust{bottom:22%;left:11%;animation-delay:-2s}.node-trust:before{left:100%;transform:rotate(-24deg);transform-origin:left}.node-trust i{left:calc(100% + 1px)}
.node-reliability{bottom:19%;right:9%;animation-delay:-.5s}.node-reliability:before{right:100%;transform:rotate(24deg);transform-origin:right}.node-reliability i{right:calc(100% + 1px)}
.system-readout{position:absolute;z-index:6;left:20px;right:20px;bottom:16px;display:flex;justify-content:space-between;gap:12px;padding-top:10px;border-top:1px solid #ffffff24;color:#a7a0a3;font-size:8px;letter-spacing:.08em}
.system-readout span:first-child{color:#ead6b5}.image-note{position:absolute;z-index:6;top:18px;left:20px;color:#c8c2c4}
/* Make the system diagrams feel active, like instrument panels. */
.recon-visual:after,.deploy-visual:after{content:"";position:absolute;z-index:3;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 0%,#c6a47200 42%,#c6a4724c 50%,#c6a47200 58%,transparent 100%);background-size:220% 100%;animation:beam-sweep 5.8s linear infinite}
.shield-visual{background-image:linear-gradient(#c6a4721d 1px,transparent 1px),linear-gradient(90deg,#c6a4721d 1px,transparent 1px);background-size:38px 38px}
.shield-wall{background:#c6a472b0;box-shadow:0 0 22px #c6a4725c}
.shield-wall span{border-color:#c6a472;color:#ead6b5;box-shadow:0 0 18px #c6a4722b}
.shield-wall:before,.shield-wall:after{background:#dcc18f;box-shadow:0 0 12px #dcc18f}
.quarantine small,.review>span{color:#ead6b5}
.branch-review{border-color:var(--signal);background:#1a1711}
.review{border-color:var(--signal);background:#1a1711}
.project:hover{border-color:#c6a472a6;box-shadow:0 -1px #c6a472a6}
.project-content .caveat{border-left-color:#c6a472}
.case-grid h4,.case-study summary span,.process-item.active>span:first-child,.process-item.active b,.cgpa b,.timeline>article:before{color:var(--signal)}
.process-item.active{border-color:#c6a47277}
.email-link{border-color:var(--signal)}
.text-link{border-color:var(--signal)}
.topbar nav a:after{background:var(--signal)}
.scroll-progress i{background:linear-gradient(90deg,#b9965e,#dcc18f)}
.proof-plus,.ticker-track i,.work-index a.is-active>span,.work-index a.is-active i,.other-card>b{color:var(--signal)}
.ticker-track i{animation:spark-rotate 3s linear infinite}
.other-card:hover{box-shadow:inset 0 0 35px #c6a4720c}
@keyframes portrait-scan{0%{top:-25%;opacity:0}12%{opacity:1}82%{opacity:.8}100%{top:110%;opacity:0}}
@keyframes word-arrive{from{opacity:0;transform:translateX(3%)}to{opacity:.72;transform:translateX(-2.5%)}}
@keyframes ambient-bloom{from{opacity:.65;transform:scale(.92)}to{opacity:1;transform:scale(1.06)}}
@keyframes map-scan{to{transform:translateY(45%)}}
@keyframes orbit-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes orbit-spin-reverse{to{transform:translate(-50%,-50%) rotate(-360deg)}}
@keyframes core-pulse{0%{transform:scale(.97);opacity:.75}100%{transform:scale(1.18);opacity:0}}
@keyframes node-float{from{translate:0 0}to{translate:0 -8px}}
@keyframes grid-breathe{from{opacity:.2}to{opacity:.45}}
@keyframes beam-sweep{to{background-position:-220% 0}}
@keyframes spark-rotate{to{transform:rotate(360deg)}}
@media(max-width:850px){.hero-backdrop-word{top:30%;left:2%;font-size:19vw}.hero-photo-wrap{top:16%;right:8%;width:47vw;height:62%}.system-visual{height:510px}.node-api{left:6%}.node-data{right:5%}.node-trust{left:5%}.node-reliability{right:4%}}
@media(max-width:600px){.hero{min-height:810px;height:100svh;padding-top:90px}.hero-backdrop-word{top:25%;left:-6%;font-size:22vw;opacity:.65}.hero-photo-wrap{top:15%;right:4%;width:65vw;height:48%;opacity:1}.photo-hud{top:12px;left:13px;right:13px;font-size:6px}.photo-caption{font-size:7px;left:12px;right:12px}.hero-copy{padding-top:20px}.hero h1{font-size:19vw}.hero-bottom{max-width:92%}.hero-statement{max-width:300px}.system-visual{height:430px}.orbit-outer{width:74vw;height:74vw}.orbit-inner{width:54vw;height:54vw}.system-core{width:128px;height:128px}.system-core strong{font-size:20px}.system-node{min-width:95px;padding:9px 9px 9px 12px}.system-node b{font-size:10px}.system-node span{font-size:6px}.node-api{top:18%;left:4%}.node-data{top:18%;right:4%}.node-trust{bottom:21%;left:3%}.node-reliability{bottom:20%;right:3%}.system-node:before{width:25px}.system-readout{left:11px;right:11px;bottom:10px;font-size:6px}.image-note{top:12px;left:12px;font-size:7px}}
@media(max-width:390px){.hero-backdrop-word{font-size:21vw;top:27%}.system-node{min-width:87px}.node-api{left:2%}.node-data{right:2%}.node-trust{left:1%}.node-reliability{right:1%}.system-readout{font-size:5px}}
@media(prefers-reduced-motion:reduce){.hero:before,.hero-backdrop-word,.photo-scanline,.system-grid,.system-visual:before,.orbit-outer,.orbit-inner,.core-pulse,.system-node,.recon-visual:after,.deploy-visual:after,.ticker-track i{animation:none!important}.hero-photo-wrap{transform:none!important}}
body.motion-off .hero:before,body.motion-off .hero-backdrop-word,body.motion-off .photo-scanline,body.motion-off .system-grid,body.motion-off .system-visual:before,body.motion-off .orbit-outer,body.motion-off .orbit-inner,body.motion-off .core-pulse,body.motion-off .system-node,body.motion-off .recon-visual:after,body.motion-off .deploy-visual:after,body.motion-off .ticker-track i{animation-play-state:paused!important}
.project{background:radial-gradient(560px circle at var(--spot-x,50%) var(--spot-y,0),#c6a4720b,transparent 68%);transition:transform .45s cubic-bezier(.2,.75,.2,1),border-color .5s,box-shadow .5s}
.project:hover{transform:translateY(-3px)}


/* 60 / 30 / 10 palette: jet black, graphite, and restrained champagne metal. */
:root{--ink:#000000;--graphite:#111111;--panel:#0a0a0a;--white:#f3f0e9;--muted:#aaa59b;--line:#292825;--signal:#c6a472;--signal-bright:#ead6b5;--signal-dim:#5b4931;--blue:#b29b78;--pad:clamp(22px,6.1vw,96px)}
html,body{background:#000;color:var(--white)}
body{background:#000}
.topbar{position:fixed;left:50%;top:20px;width:min(calc(100% - 64px),1560px);height:76px;padding:0 clamp(20px,2.6vw,44px);transform:translateX(-50%);border:1px solid #ffffff1e;border-radius:23px;background:#111111e8;backdrop-filter:blur(20px);box-shadow:0 14px 44px #000b;transition:background .35s,border-color .35s,top .35s,width .35s}
.topbar.is-scrolled{left:50%;top:11px;width:min(calc(100% - 40px),1560px);transform:translateX(-50%);background:#101010f5;border-color:#bca27855}
.nav-label{font:400 21px/1 'DM Serif Display',Georgia,serif;letter-spacing:-.02em;color:var(--white);text-decoration:none;white-space:nowrap}
.nav-label:hover{color:var(--signal-bright)}
.topbar nav{gap:clamp(18px,3vw,48px)}
.topbar nav a,.nav-cta{color:#c1bdb5}
.topbar nav a:hover,.nav-cta:hover{color:var(--signal-bright)}
.nav-cta{border-bottom-color:#bca27875}
.nav-cta span{color:var(--signal)}
.motion-control{color:#b6b1a8}
.motion-control span{color:var(--signal-bright)}
.motion-control i{border-color:#83765f}
.motion-control i:after{background:var(--signal)}
.hero{position:relative;isolation:isolate;display:block;min-height:830px;height:min(100svh,1100px);max-height:1100px;padding:0 var(--pad) 40px;overflow:hidden;background:#000}
.hero:before{content:"";position:absolute;z-index:0;inset:0;width:auto;height:auto;max-width:none;max-height:none;top:auto;right:auto;border-radius:0;pointer-events:none;background:radial-gradient(ellipse at 50% 43%,#1b1a18 0, #090909 29%,transparent 64%);opacity:.85;animation:hero-breathe 9s ease-in-out infinite alternate}
.hero:after{content:"";position:absolute;z-index:0;inset:112px var(--pad) 24px;border:1px solid #ffffff0b;pointer-events:none}
.hero-meta{position:absolute;z-index:4;top:137px;left:var(--pad);right:var(--pad);display:flex;align-items:center;justify-content:space-between;color:#a39e94;font-size:9px;letter-spacing:.16em}
.live-dot{width:6px;height:6px;background:var(--signal);box-shadow:0 0 11px #c6a47288;animation:pulse 2.6s infinite}
.hero-photo-wrap{position:absolute;z-index:1;inset:0;left:0;top:0;width:100%;height:100%;overflow:hidden;border:0;background:transparent;box-shadow:none;animation:none;pointer-events:none;transform:translate3d(var(--pointer-x,0px),calc(var(--pointer-y,0px) - var(--scroll-offset,0px)),0);transition:transform .25s ease-out}
.hero-photo-wrap:before{display:none}
.hero-photo-wrap:after{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;background:radial-gradient(ellipse 47% 78% at 50% 43%,transparent 25%,#0002 66%,#000c 100%),linear-gradient(0deg,#000 0,transparent 16%,transparent 84%,#0009 100%)}
.hero-photo{position:absolute;left:50%;top:14%;width:min(78vw,1220px);height:auto;max-width:none;object-fit:contain;object-position:center;transform:translate(-50%,0);opacity:.86;filter:grayscale(1) contrast(1.12) brightness(.82) drop-shadow(0 0 32px #c6a4721a);mix-blend-mode:screen;animation:portrait-drift 8s ease-in-out infinite alternate;will-change:transform}
.photo-scanline{position:absolute;z-index:3;left:18%;right:18%;top:-22%;height:18%;pointer-events:none;background:linear-gradient(180deg,transparent,#c6a47208 35%,#ead6b522 50%,#c6a47208 65%,transparent);filter:blur(1px);animation:portrait-scan 9s cubic-bezier(.35,0,.55,1) infinite}
.hero-orbit{position:absolute;z-index:0;left:50%;top:47%;width:min(64vw,880px);height:min(64vw,880px);border:1px solid #c6a47222;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);animation:orbit-spin 72s linear infinite}
.hero-orbit:before,.hero-orbit:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:var(--signal);box-shadow:0 0 14px #c6a47299}
.hero-orbit:before{top:18%;left:13%}.hero-orbit:after{bottom:19%;right:13%}
.hero-orbit.orbit-two{width:min(48vw,660px);height:min(48vw,660px);border-style:dashed;border-color:#ffffff13;animation:orbit-spin-reverse 90s linear infinite}
.hero-side-note{position:absolute;z-index:4;left:var(--pad);top:41%;display:grid;gap:17px;color:#908a7f;font-size:8px;letter-spacing:.16em;line-height:1.9}
.hero-side-note>span:first-child{color:var(--signal)}
.hero-side-note i{font-style:normal;color:var(--signal);font-size:19px;line-height:1}
.hero-copy{position:absolute;z-index:4;left:0;right:0;top:57%;margin:0;padding:0 var(--pad);text-align:center;display:flex;flex-direction:column;align-items:center;transform:translateY(-8%)}
.hero-copy .eyebrow{margin:0 0 15px;color:#d7c09b;font-size:9px;letter-spacing:.22em;text-shadow:0 2px 12px #000}
.hero h1{display:flex;justify-content:center;align-items:baseline;gap:.17em;margin:0;color:#f5f2eb;font:400 clamp(42px,9.1vw,174px)/.9 'DM Serif Display',Georgia,serif;letter-spacing:-.055em;white-space:nowrap;text-shadow:0 4px 28px #000,0 1px 4px #000;animation:name-arrive 1s .18s cubic-bezier(.2,.8,.2,1) both}
.hero h1 em{font-style:italic;color:#f5f2eb}
.hero-statement{max-width:620px;margin:21px 0 0;color:#eeeae1;font:500 clamp(15px,1.4vw,20px)/1.4 var(--sans);letter-spacing:-.02em;text-shadow:0 2px 12px #000}
.hero-intro{max-width:510px;margin:6px auto 0;color:#b9b3a8;font:400 12px/1.65 var(--sans);text-shadow:0 2px 12px #000}
.hero-actions{position:absolute;z-index:5;left:50%;bottom:87px;display:flex;justify-content:center;gap:15px;margin:0;transform:translateX(-50%);white-space:nowrap}
.button{min-width:190px;border-radius:100px;padding:14px 20px;gap:24px;font-size:11px}
.button-fill{background:#c6a472;color:#0a0907;box-shadow:0 10px 35px #0008}
.button-fill:hover{background:#ead6b5;color:#050505}
.button-line{border:1px solid #f3f0e94d;background:#10101055;color:#f3f0e9}
.button-line:hover{border-color:var(--signal);color:var(--signal-bright)}
.button-fill:after{background:#fff4}
.hero-index{position:absolute;z-index:4;left:var(--pad);bottom:45px;margin:0;color:#9b958a;font-size:8px;letter-spacing:.17em}
.proof-strip{background:#000;border-color:#2b2925;grid-template-columns:repeat(2,minmax(0,1fr));max-width:none;padding-inline:max(var(--pad),calc((100% - 1100px)/2))}
.proof-item{border-right-color:#302d28}
.proof-item>strong{color:#f2efe8}
.proof-item>span{color:#b2aca1}
.signal-ticker{background:#111;border-color:#38352f}
.ticker-track span{color:#bcb6ab}
.work,.approach,.journey{background:#000}
.toolkit,.next{background:#111}
.about{background:#050505}
.project,.education-card,.other-card{background-color:#0b0b0b}
.project{border-color:#38352f}
.project:hover{border-color:#c6a47299;box-shadow:0 -1px #c6a47299}
.section-kicker{border-color:#34312b;color:#aaa49a}
.about h2 em,.section-heading h2 em,.next h2 em,.contact h2 em{color:#c6a472}
.section-heading>p,.about-copy,.project-content>div:first-child>p:not(.eyebrow),.project-content .caveat{color:#b5b0a6}
.text-link,.email-link{border-color:#c6a472}
.text-link span,.email-link span,.case-study summary span,.case-grid h4,.other-card>b,.proof-plus{color:#c6a472}
.scroll-progress i{background:#c6a472}
.work-index a.is-active>span,.work-index a.is-active i,.process-item.active>span:first-child,.process-item.active b,.cgpa b{color:#c6a472}
.process-item.active{border-color:#907b59}
.system-visual{border-color:#3c3427;background:radial-gradient(circle at 50% 50%,#1b1812 0,#0b0a08 38%,#030303 78%);box-shadow:inset 0 0 90px #000,0 28px 80px #0008}
.system-grid{opacity:.28;background-image:linear-gradient(#c6a4721c 1px,transparent 1px),linear-gradient(90deg,#c6a4721c 1px,transparent 1px)}
.system-visual:before{background:linear-gradient(180deg,transparent 45%,#c6a47218 49%,#ead6b51b 50%,transparent 56%)}
.system-orbit.orbit-outer{border-color:#c6a47255;border-left-color:transparent;border-right-color:#ffffff25}
.system-core{border-color:#b99c6a70;background:radial-gradient(circle,#201b12 0,#090807 70%);box-shadow:0 0 48px #c6a4721c,inset 0 0 36px #c6a47217}
.system-core>span,.system-node span,.system-readout span:first-child{color:#cfb27e}
.core-pulse{border-color:#c6a47255}
.system-node{border-color:#54462f;box-shadow:0 0 24px #c6a47210;background:#090908ed}
.system-node:before{border-color:#c6a47266}.system-node i{background:#d5b982;box-shadow:0 0 12px #d5b982}
.system-readout{border-color:#ffffff22;color:#a9a399}
.shield-wall{background:#c6a472b0;box-shadow:0 0 22px #c6a4725c}
.shield-wall span{border-color:#c6a472;color:#dbc596;box-shadow:0 0 18px #c6a4722b}
.shield-wall:before,.shield-wall:after{background:#d7b982;box-shadow:0 0 12px #d7b982}
.branch-review,.review{border-color:#c6a472;background:#201b12}
.quarantine small,.review>span{color:#dbc596}
.project-content .caveat{border-left-color:#92784d}
.case-grid h4{color:#c6a472}
.other-card{border-color:#302d28}
.other-card:hover{background:#141311;box-shadow:inset 0 0 35px #c6a4720b}
.footer{border-color:#302d28;color:#9e988e}
@keyframes portrait-drift{from{transform:translate(-50%,0) scale(1.015)}to{transform:translate(-50%,-12px) scale(1.035)}}
@keyframes hero-breathe{from{opacity:.45}to{opacity:.9}}
@keyframes name-arrive{from{opacity:0;transform:translateY(24px);filter:blur(8px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes orbit-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes orbit-spin-reverse{to{transform:translate(-50%,-50%) rotate(-360deg)}}
@media(max-width:850px){.topbar{width:calc(100% - 36px);height:66px;top:14px;padding:0 18px;border-radius:19px}.topbar.is-scrolled{width:calc(100% - 24px);top:8px}.nav-label{font-size:18px}.hero{min-height:780px;height:100svh}.hero-meta{top:112px;font-size:8px}.hero:after{inset:95px 18px 20px}.hero-photo{width:min(100vw,1050px);top:14%;transform:translate(-50%,0)}.hero-copy{top:58%}.hero-side-note{top:40%;left:22px}.hero-actions{bottom:83px}}
@media(max-width:600px){.topbar{height:60px;top:10px;width:calc(100% - 20px);padding:0 12px;border-radius:16px;gap:10px}.topbar.is-scrolled{width:calc(100% - 14px);top:6px}.nav-label{font-size:16px}.topbar nav{gap:12px}.topbar nav a{font-size:9px}.nav-cta{font-size:8px}.motion-control{font-size:6px;gap:4px}.motion-control i{width:19px;height:11px}.motion-control[aria-checked="true"] i:after{transform:translateX(6px)}.hero{min-height:760px;height:100svh;max-height:900px}.hero:after{inset:80px 10px 12px}.hero-meta{top:93px;left:18px;right:18px;font-size:6px;letter-spacing:.1em}.hero-orbit{top:42%;width:100vw;height:100vw}.hero-orbit.orbit-two{width:76vw;height:76vw}.hero-photo{width:145vw;top:9%;transform:translate(-50%,0)}.hero-side-note{display:none}.hero-copy{top:58%;padding:0 12px;transform:translateY(-4%)}.hero-copy .eyebrow{font-size:7px;letter-spacing:.15em;margin-bottom:12px}.hero h1{font-size:clamp(34px,9vw,56px);gap:.09em;letter-spacing:-.055em}.hero-statement{font-size:15px;margin-top:16px}.hero-intro{max-width:310px;font-size:10px;margin-top:4px}.hero-actions{bottom:74px;gap:8px;width:100%;padding:0 12px}.button{min-width:0;flex:1;max-width:190px;padding:12px 13px;font-size:9px;gap:8px}.hero-index{left:18px;bottom:37px;font-size:6px}.system-visual{height:430px}.orbit-outer{width:74vw;height:74vw}.orbit-inner{width:54vw;height:54vw}.system-core{width:128px;height:128px}.system-core strong{font-size:20px}.system-node{min-width:95px;padding:9px 9px 9px 12px}.system-node b{font-size:10px}.system-node span{font-size:6px}.node-api{top:18%;left:4%}.node-data{top:18%;right:4%}.node-trust{bottom:21%;left:3%}.node-reliability{bottom:20%;right:3%}.system-node:before{width:25px}.system-readout{left:11px;right:11px;bottom:10px;font-size:6px}.image-note{top:12px;left:12px;font-size:7px}}
@media(max-width:390px){.hero h1{font-size:8.4vw}.hero-copy .eyebrow{font-size:6px}.hero-meta{letter-spacing:.08em}.hero-actions .button{font-size:8px;padding:11px 10px}}
@media(prefers-reduced-motion:reduce){.hero:before,.hero-photo,.photo-scanline,.hero-orbit,.hero-copy h1,.system-grid,.system-visual:before,.orbit-outer,.orbit-inner,.core-pulse,.system-node,.recon-visual:after,.deploy-visual:after,.ticker-track i{animation:none!important}.hero-photo-wrap{transform:none!important}}
body.motion-off .hero:before,body.motion-off .hero-photo,body.motion-off .photo-scanline,body.motion-off .hero-orbit,body.motion-off .system-grid,body.motion-off .system-visual:before,body.motion-off .orbit-outer,body.motion-off .orbit-inner,body.motion-off .core-pulse,body.motion-off .system-node,body.motion-off .recon-visual:after,body.motion-off .deploy-visual:after,body.motion-off .ticker-track i{animation-play-state:paused!important}

/* Contact, portrait fade, texture and pointer refinements */
.hero:after{border-radius:28px}
.hero-photo{width:min(52vw,740px);opacity:calc(.86 * var(--portrait-opacity,1));filter:url(#portrait-dissolve) grayscale(1) contrast(1.12) brightness(.82) drop-shadow(0 0 32px #c6a4721a)}
.hero-photo-wrap:before{content:"";display:block;position:absolute;z-index:3;inset:0;pointer-events:none;opacity:var(--portrait-grain,.1);mix-blend-mode:soft-light;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='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");background-size:180px 180px;mask-image:radial-gradient(ellipse 34% 62% at 50% 45%,#000 16%,transparent 100%)}
.hero-photo-wrap:after{z-index:2}
.photo-grain{display:none}
.contact{min-height:auto;display:block;padding-top:clamp(88px,10vw,144px);padding-bottom:clamp(90px,12vw,170px)}
.contact>.section-kicker{margin-bottom:clamp(48px,7vw,92px)}
.contact-layout{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:clamp(48px,8vw,128px)}
.contact-copy .eyebrow{margin:0 0 18px}
.contact-copy h2{font:700 clamp(48px,5.4vw,78px)/1 var(--display);letter-spacing:-.075em;margin:0 0 21px}
.contact-intro{max-width:520px;color:#a7a6a2;font-size:clamp(16px,1.5vw,21px);line-height:1.75;margin:0}
.contact-links{margin-top:38px}
.contact-links a{display:grid;grid-template-columns:92px 1fr;align-items:center;gap:18px;padding:17px 0;border-bottom:1px solid #302d28;text-decoration:none;color:var(--white);font:10px var(--mono);letter-spacing:.13em}
.contact-links a:first-child{border-top:1px solid #302d28}
.contact-links a span{color:#d5cec0}
.contact-links a b{font:inherit;color:#888681;overflow-wrap:anywhere;transition:color .2s}
.contact-links a:hover b{color:var(--signal)}
.contact-form{display:grid;gap:22px}
.contact-form label{display:grid;gap:8px}
.contact-form label>span{color:#85837e;font:10px var(--mono);letter-spacing:.14em}
.contact-form input,.contact-form textarea{width:100%;border:1px solid #2d2b28;border-radius:13px;background:#080808;color:var(--white);padding:17px 19px;font:400 15px/1.55 var(--sans);outline:none;transition:border-color .2s,box-shadow .2s,background .2s}
.contact-form input{min-height:58px}
.contact-form textarea{min-height:152px;resize:vertical}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:#66645f}
.contact-form input:focus,.contact-form textarea:focus{border-color:#9a835c;background:#0c0b09;box-shadow:0 0 0 3px #c6a47216}
.contact-form button{justify-self:start;min-width:205px;display:flex;align-items:center;justify-content:space-between;gap:24px;border:0;border-radius:999px;background:#f2f0ea;color:#111;padding:16px 23px;font:500 10px var(--mono);letter-spacing:.15em;cursor:pointer;transition:transform .2s,background .2s}
.contact-form button:hover{transform:translateY(-2px);background:#d8c29e}
.contact-form button span{font-size:15px}
.form-note{margin:-9px 0 0;color:#827f78;font-size:11px;line-height:1.6}
.recon-visual,.shield-visual,.deploy-visual,.system-visual,.education-card,.tool-group,.other-card{border-radius:16px}
.custom-cursor{display:none}
@media(hover:hover) and (pointer:fine){
  body.has-custom-cursor,body.has-custom-cursor *{cursor:none!important}
  .custom-cursor{display:block;position:fixed;z-index:9999;left:0;top:0;width:54px;height:54px;pointer-events:none;opacity:0;transform:translate3d(var(--cursor-x,-100px),var(--cursor-y,-100px),0) translate(-50%,-50%);transition:opacity .16s ease,width .2s ease,height .2s ease}
  .custom-cursor.is-visible{opacity:1}
  .custom-cursor:before{content:"";position:absolute;inset:0;border:1px solid #e7e1d5a8;border-radius:50%;background:#f2f0ea05;box-shadow:0 0 0 1px #0008,inset 0 0 18px #ffffff05}
  .custom-cursor:after{content:"";position:absolute;left:50%;top:50%;width:9px;height:9px;transform:translate(-50%,-50%);border-radius:50%;background:#e7e1d5;box-shadow:0 0 12px #e7e1d577}
  .custom-cursor.is-over{width:64px;height:64px}
  .custom-cursor.is-over:before{border-color:#c6a472;background:#c6a47210}
  .custom-cursor.is-pressed{width:46px;height:46px}
}
@media(max-width:850px){
  .hero-photo{width:min(68vw,640px);top:13%}
  .contact-layout{gap:44px}
}
@media(max-width:680px){
  .hero:after{inset:80px 10px 12px;border-radius:20px}
  .hero-photo{width:min(90vw,430px);top:8%}
  .contact>.section-kicker{margin-bottom:46px}
  .contact-layout{grid-template-columns:1fr;gap:42px}
  .contact-copy h2{font-size:clamp(46px,12vw,64px)}
  .contact-links{margin-top:28px}
  .contact-links a{grid-template-columns:76px 1fr;gap:10px;font-size:9px}
  .contact-form{gap:17px}
  .contact-form input,.contact-form textarea{border-radius:11px;padding:15px 16px}
  .contact-form button{width:100%;}
}
@media(prefers-reduced-motion:reduce){.custom-cursor,.contact-form button,.contact-form input,.contact-form textarea{transition:none!important}}