@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#080c14;--bg-2:#0b111d;--panel:#0d1522;--line:rgba(118,178,218,.18);--line-bright:rgba(58,183,255,.56);--text:#eaf3f7;--muted:#8e9ca9;--dim:#536170;--cyan:#3ab7ff;--blue:#587cff;--mono:'DM Mono',monospace;--sans:'Manrope',sans-serif;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);line-height:1.55;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(75,139,177,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(75,139,177,.08) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to bottom,black,transparent 80%);z-index:-2}.site-noise{position:fixed;inset:0;pointer-events:none;z-index:10;opacity:.06;background-image:repeating-linear-gradient(0deg,transparent 0,transparent 3px,rgba(255,255,255,.14) 4px);mix-blend-mode:screen}.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}.icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.section-shell{width:min(1180px,calc(100% - 64px));margin:0 auto}.site-nav{position:fixed;top:0;left:0;right:0;z-index:20;height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 max(32px,calc((100vw - 1180px)/2));border-bottom:1px solid transparent;transition:.4s var(--ease)}.site-nav.scrolled{background:rgba(8,12,20,.84);backdrop-filter:blur(18px);border-color:var(--line)}.brand{display:flex;align-items:center;gap:11px;font:500 12px var(--mono);letter-spacing:.13em;color:var(--text)}.brand-muted{color:var(--dim)}.brand-mark{width:31px;height:31px;display:grid;place-items:center;color:var(--cyan);border:1px solid var(--line-bright);box-shadow:0 0 18px rgba(58,183,255,.18);clip-path:polygon(0 0,75% 0,100% 25%,100% 100%,25% 100%,0 75%)}.brand-mark .icon{width:17px;height:17px}.nav-links{display:flex;gap:36px;margin-left:auto;margin-right:42px}.nav-links a,.nav-status{font:400 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);transition:.25s}.nav-links a:hover{color:var(--cyan)}.nav-status{color:var(--cyan);display:flex;align-items:center;gap:8px}.nav-status span,.pulse-dot{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan);animation:pulse 2s infinite}.menu-toggle{display:none;background:none;border:0}.hero-section{min-height:100vh;width:min(1180px,calc(100% - 64px));margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative;padding-top:76px}.hero-copy{position:relative;z-index:2}.eyebrow,.section-kicker,.micro-label,.visual-label,.media-note,.hero-footnote,.project-art>span,.project-number,.disclaimer{font:400 10px var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--dim)}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--cyan);margin:0 0 27px}.eyebrow-line{width:34px;height:1px;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(3.2rem,6.2vw,6.8rem);line-height:.98;letter-spacing:-.065em;margin-bottom:30px;max-width:780px}h1 span,h2 span{color:var(--cyan);text-shadow:0 0 28px rgba(58,183,255,.32)}.hero-lede{max-width:520px;color:var(--muted);font-size:16px;line-height:1.75;margin-bottom:36px}.hero-actions{display:flex;gap:12px;align-items:center}.button{min-height:49px;display:inline-flex;align-items:center;gap:18px;padding:0 20px;border:1px solid var(--line-bright);font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;transition:.3s var(--ease);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}.button-primary{background:var(--cyan);color:#06101a;box-shadow:0 0 24px rgba(58,183,255,.2)}.button-primary:hover{box-shadow:0 0 34px rgba(58,183,255,.6);transform:translateY(-3px)}.button-ghost{border-color:var(--line);color:var(--muted)}.button-ghost:hover{color:var(--cyan);border-color:var(--cyan)}.button .icon{width:16px}.hero-footnote{display:flex;align-items:center;gap:9px;margin-top:58px;color:var(--dim)}.hero-footnote .pulse-dot{display:inline-block}.hero-visual{height:600px;position:relative;display:grid;place-items:center;transform:translateY(16px)}.hero-visual:before,.hero-visual:after{content:"";position:absolute;inset:8% 0;border:1px solid rgba(58,183,255,.08);clip-path:polygon(18% 0,100% 0,100% 82%,82% 100%,0 100%,0 18%)}.hero-visual:after{inset:17% 9%;border-color:rgba(58,183,255,.06)}.visual-label{position:absolute;z-index:2}.visual-label span{color:var(--cyan);margin-left:12px}.label-top{top:10%;right:4%}.label-bottom{bottom:10%;left:5%;display:flex;gap:13px}.label-bottom b{color:var(--cyan);font-size:16px;font-weight:400}.orbital-orb{width:360px;height:360px;position:relative;transform:rotate(-18deg);filter:drop-shadow(0 0 26px rgba(58,183,255,.3))}.orb-core{position:absolute;inset:59px;border:1px solid rgba(58,183,255,.9);border-radius:50%;overflow:hidden;background:radial-gradient(circle at 35% 32%,rgba(58,183,255,.15),rgba(8,12,20,.12) 52%,rgba(58,183,255,.08));box-shadow:inset 0 0 30px rgba(58,183,255,.17),0 0 38px rgba(58,183,255,.15);animation:core-pulse 4s ease-in-out infinite}.orb-grid{position:absolute;inset:-10%;background:linear-gradient(90deg,transparent 49.5%,rgba(58,183,255,.75) 50%,transparent 50.5%),linear-gradient(0deg,transparent 49.5%,rgba(58,183,255,.75) 50%,transparent 50.5%);transform:rotate(35deg);opacity:.55}.orb-latitude{position:absolute;left:-5%;right:-5%;height:42%;top:29%;border:1px solid var(--cyan);border-radius:50%;opacity:.8}.latitude-two{height:74%;top:13%;opacity:.4}.orb-meridian{position:absolute;inset:-5% 27%;border:1px solid var(--cyan);border-radius:50%;transform:rotate(32deg);opacity:.6}.orbit{position:absolute;inset:7px;border:1px solid rgba(58,183,255,.8);border-radius:50%;transform:rotate(67deg) skewX(6deg);animation:spin 12s linear infinite}.orbit-two{inset:30px;transform:rotate(-52deg) skewX(-15deg);animation-duration:18s;border-color:rgba(88,124,255,.85)}.orbit-three{inset:0;transform:rotate(135deg) scaleY(.58);animation-duration:22s}.particle{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 16px 4px rgba(58,183,255,.7)}.p1{top:29px;right:73px}.p2{bottom:58px;left:38px}.p3{top:140px;right:4px}.p4{bottom:4px;right:141px}.p5{top:93px;left:33px;background:var(--blue)}.hero-stats{position:absolute;z-index:3;bottom:47px;left:0;display:grid;grid-template-columns:repeat(4,1fr);width:min(620px,70%);border-top:1px solid var(--line);padding-top:17px}.stat-card{display:flex;align-items:flex-start;gap:9px;border-right:1px solid var(--line);padding-left:16px}.stat-card:first-child{padding-left:0}.stat-card:last-child{border:0}.stat-card strong{font-size:23px;line-height:1;color:var(--text);letter-spacing:-.06em}.stat-card strong span{color:var(--cyan)}.stat-card small{font:9px/1.3 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--dim)}.section-kicker{display:flex;align-items:center;gap:13px;margin-bottom:38px;color:var(--cyan)}.section-kicker span{color:var(--dim)}.about-section{padding:150px 0}.about-layout{display:grid;grid-template-columns:360px 1fr;gap:100px;align-items:center}.about-portrait{position:relative;border:1px solid var(--line);padding:11px;background:var(--panel);clip-path:polygon(0 0,94% 0,100% 6%,100% 100%,6% 100%,0 94%)}.about-portrait img{width:100%;height:480px;object-fit:cover;filter:saturate(.6) contrast(1.1);display:block}.portrait-tag{position:absolute;bottom:24px;left:24px;color:var(--cyan);background:rgba(8,12,20,.88);padding:6px 8px;font:9px var(--mono);letter-spacing:.1em}.about-copy h2,.feature-copy h2,.section-heading-row h2,.research-inner h2,.skills-section h2,.contact-panel h2{font-size:clamp(2.7rem,5vw,5.1rem);line-height:.98;letter-spacing:-.065em;margin-bottom:30px}.about-copy>p{max-width:600px;color:var(--muted);font-size:16px;line-height:1.8}.what-i-do{border-top:1px solid var(--line);margin-top:38px;padding-top:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.what-i-do>div{display:flex;flex-direction:column;gap:13px}.icon-box{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line-bright);color:var(--cyan);background:rgba(58,183,255,.06)}.icon-box .icon{width:17px}.what-i-do b{display:block;font-size:12px}.what-i-do small{display:block;margin-top:4px;color:var(--dim);font-size:10px;line-height:1.4}.feature-section,.projects-section,.skills-section{padding:130px 0}.feature-section{position:relative}.feature-section:before{content:"";position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--line-bright),transparent)}.feature-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:100px;align-items:center}.micro-label{color:var(--cyan);margin-bottom:18px}.feature-copy h2{font-size:clamp(4rem,8vw,8.4rem);margin-bottom:24px}.feature-copy h2 span{color:transparent;-webkit-text-stroke:1px var(--cyan);text-shadow:none}.feature-description{max-width:450px;color:var(--muted);font-size:16px;line-height:1.8}.capability-row{display:flex;flex-wrap:wrap;gap:18px;margin:34px 0}.capability-row span{display:flex;align-items:center;gap:7px;font:10px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--text)}.capability-row .icon{width:17px;color:var(--cyan)}.text-link{display:inline-flex;align-items:center;gap:14px;color:var(--cyan);font:11px var(--mono);letter-spacing:.11em;text-transform:uppercase;border-bottom:1px solid rgba(58,183,255,.35);padding-bottom:9px;transition:.25s}.text-link:hover{gap:20px;color:#a6e0ff}.text-link .icon{width:15px}.feature-media{position:relative}.image-frame{position:relative;border:1px solid var(--line-bright);background:#070b10;padding:10px;clip-path:polygon(0 0,97% 0,100% 4%,100% 100%,3% 100%,0 96%);box-shadow:0 0 36px rgba(58,183,255,.13)}.image-frame:after{content:"";position:absolute;inset:22px;border:1px solid rgba(58,183,255,.18);pointer-events:none}.image-frame img{width:100%;aspect-ratio:1.5;object-fit:cover;display:block;filter:saturate(.8) contrast(1.1)}.frame-corner{position:absolute;width:15px;height:15px;border-color:var(--cyan);z-index:2}.corner-one{top:5px;left:5px;border-top:2px solid;border-left:2px solid}.corner-two{bottom:5px;right:5px;border-bottom:2px solid;border-right:2px solid}.media-note{margin-top:13px;color:var(--dim)}.section-heading-row{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:55px}.section-heading-row h2{margin-bottom:0}.section-heading-row p{color:var(--muted);max-width:280px;font-size:13px;line-height:1.7;margin-bottom:5px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project-card{border:1px solid var(--line);background:rgba(13,21,34,.62);transition:.45s var(--ease);clip-path:polygon(0 0,96% 0,100% 5%,100% 100%,4% 100%,0 96%)}.project-card:hover{border-color:var(--line-bright);transform:translateY(-9px);box-shadow:0 14px 38px rgba(0,0,0,.3),0 0 24px rgba(58,183,255,.12)}.project-art{height:210px;position:relative;display:grid;place-items:center;border-bottom:1px solid var(--line);overflow:hidden}.project-art>span{position:absolute;bottom:13px;left:17px;color:var(--cyan)}.art-cooler{background:radial-gradient(circle at 50% 47%,rgba(58,183,255,.23),transparent 28%),linear-gradient(135deg,#0e1f2e,#0a0f1b)}.fan-icon{width:93px;height:93px;border:1px solid rgba(58,183,255,.7);border-radius:50%;position:relative;box-shadow:0 0 30px rgba(58,183,255,.25);animation:spin 12s linear infinite}.fan-icon:before,.fan-icon:after{content:"";position:absolute;inset:20px;border:1px solid var(--cyan);border-radius:50%}.fan-icon:after{inset:34px;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.fan-icon:before{clip-path:polygon(45% 0,60% 0,72% 46%,100% 48%,100% 62%,61% 66%,53% 100%,39% 100%,34% 62%,0 58%,0 44%,38% 39%)}.art-site{background:linear-gradient(130deg,#13183c,#0b1026)}.mini-browser{width:130px;height:94px;border:1px solid var(--cyan);box-shadow:0 0 24px rgba(58,183,255,.2);position:relative;padding-top:17px}.mini-browser b{position:relative;display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--cyan);margin-left:9px}.mini-browser span{display:block;padding:25px 0 0 17px;color:var(--cyan);font:11px var(--mono);letter-spacing:.06em}.art-sensor{background:radial-gradient(circle at 50% 46%,rgba(88,124,255,.3),transparent 27%),linear-gradient(135deg,#0c1727,#10102b)}.sensor-graphic{width:95px;height:95px;display:grid;place-items:center;border:1px solid rgba(119,151,255,.75);transform:rotate(45deg);box-shadow:0 0 26px rgba(88,124,255,.22)}.sensor-graphic:before{content:"";width:45px;height:45px;border:1px solid var(--cyan);border-radius:50%;box-shadow:0 0 20px rgba(58,183,255,.4)}.sensor-graphic i{position:absolute;width:5px;height:5px;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.sensor-graphic i:nth-child(1){top:8px}.sensor-graphic i:nth-child(2){right:8px}.sensor-graphic i:nth-child(3){bottom:8px}.project-info{position:relative;padding:25px 24px 30px;min-height:172px}.project-number{color:var(--cyan)}.project-info h3{font-size:20px;letter-spacing:-.04em;margin:13px 0 7px}.project-info p{color:var(--muted);font-size:13px;line-height:1.65;max-width:260px;margin:0}.circle-link{position:absolute;right:21px;bottom:24px;width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line-bright);color:var(--cyan);transition:.3s}.circle-link:hover{background:var(--cyan);color:var(--bg)}.circle-link .icon{width:15px}.project-proof{margin-top:100px;padding-top:36px;border-top:1px solid var(--line);display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;align-items:center}.proof-copy h3{font-size:33px;line-height:1.05;letter-spacing:-.05em;margin:12px 0 16px}.proof-copy p{color:var(--muted);font-size:13px;max-width:290px}.proof-images{display:grid;grid-template-columns:1.25fr .9fr;gap:12px;align-items:center}.proof-images img{width:100%;height:210px;object-fit:cover;border:1px solid var(--line);filter:saturate(.65);transition:.3s}.proof-images img:hover{filter:saturate(1);border-color:var(--line-bright)}.proof-images img:last-child{height:170px}.research-section{background:#0c1421;border-top:1px solid var(--line);border-bottom:1px solid var(--line);position:relative}.research-section:before{content:"";position:absolute;inset:0;opacity:.22;background-image:linear-gradient(135deg,transparent 49.8%,rgba(58,183,255,.18) 50%,transparent 50.2%);background-size:160px 160px;pointer-events:none}.research-inner{position:relative;padding:130px 0}.shield-seal{display:flex;align-items:center;gap:15px;color:var(--cyan)}.shield-seal .icon{width:55px;height:55px;stroke-width:1}.shield-seal span{font:28px var(--mono);line-height:.8}.shield-seal small{display:block;color:var(--dim);font:9px/1.25 var(--mono);letter-spacing:.08em;text-transform:uppercase;margin-top:7px}.research-intro{font-size:17px;line-height:1.75;max-width:600px;color:var(--text);margin:20px 0 45px}.research-list{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.research-item{padding:23px 18px 27px;border-right:1px solid var(--line);min-height:170px}.research-item:last-child{border:0}.research-item>span{display:block;font:10px var(--mono);color:var(--cyan);margin-bottom:32px}.research-item .icon{color:var(--cyan);width:24px;height:24px;margin-bottom:18px}.research-item p{font-size:13px;line-height:1.55;margin:0}.disclaimer{margin:22px 0;color:var(--dim);letter-spacing:.04em;text-transform:none;font-size:10px}.section-heading-row.compact{align-items:center;margin-bottom:60px}.section-heading-row.compact h2{font-size:clamp(2.8rem,5vw,4.7rem)}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.skill-column{border-top:1px solid var(--line-bright);padding-top:20px}.skill-head{display:flex;align-items:center;gap:13px;margin-bottom:25px}.skill-head .icon{color:var(--cyan);width:25px}.skill-head h3{font-size:22px;margin:0;letter-spacing:-.04em}.skill-items{display:grid;grid-template-columns:1fr 1fr;gap:13px 18px;color:var(--muted);font-size:13px}.skill-items span:before{content:"+";color:var(--cyan);font:11px var(--mono);margin-right:8px}.contact-section{padding:70px 0 140px}.contact-panel{border:1px solid var(--line-bright);padding:70px 8%;position:relative;background:linear-gradient(120deg,rgba(13,27,42,.8),rgba(9,14,24,.8));clip-path:polygon(0 0,98.5% 0,100% 8%,100% 100%,1.5% 100%,0 92%)}.contact-panel:after{content:"";position:absolute;right:7%;top:12%;width:160px;height:160px;border:1px solid rgba(58,183,255,.12);transform:rotate(45deg);pointer-events:none}.contact-panel h2{font-size:clamp(3rem,6vw,6rem);margin-bottom:20px}.contact-panel>p{color:var(--muted);max-width:460px;font-size:15px;margin-bottom:45px}.contact-links{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.contact-links>a{display:flex;align-items:center;gap:13px;border:1px solid var(--line);padding:17px;transition:.3s}.contact-links>a:hover{border-color:var(--cyan);background:rgba(58,183,255,.08);transform:translateY(-4px)}.contact-links>a>.icon:first-child{color:var(--cyan)}.contact-links span{font-size:13px;font-weight:600;min-width:0}.contact-links small{display:block;color:var(--dim);font:9px var(--mono);letter-spacing:.1em;text-transform:uppercase;margin-bottom:5px}.contact-links .arrow{width:15px;margin-left:auto;color:var(--cyan)}.location{display:flex;align-items:center;gap:9px;margin-top:48px;color:var(--dim);font:10px var(--mono);letter-spacing:.06em;text-transform:uppercase}.location .icon{width:16px;color:var(--cyan)}.location span{width:3px;height:3px;background:var(--cyan);border-radius:50%;margin:0 6px}.site-footer{padding:23px 0;border-top:1px solid var(--line);color:var(--dim);font:10px var(--mono);letter-spacing:.06em}.site-footer .section-shell{display:flex;align-items:center;justify-content:space-between}.site-footer .brand{font-size:10px}.site-footer a:last-child{color:var(--cyan)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.visible{opacity:1;transform:none}.stat-card:nth-child(2),.project-card:nth-child(2),.research-item:nth-child(2){transition-delay:.08s}.stat-card:nth-child(3),.project-card:nth-child(3),.research-item:nth-child(3){transition-delay:.16s}.stat-card:nth-child(4),.research-item:nth-child(4){transition-delay:.24s}.research-item:nth-child(5){transition-delay:.32s}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes core-pulse{0%,100%{transform:scale(.98);opacity:.86}50%{transform:scale(1.02);opacity:1}}
@media(max-width:900px){.nav-links{gap:18px;margin-right:20px}.hero-section{grid-template-columns:1fr}.hero-copy{padding-top:80px}.hero-visual{position:absolute;opacity:.42;right:-170px;top:130px;transform:scale(.8)}.hero-stats{bottom:32px;width:75%}.about-layout,.feature-layout,.project-proof{grid-template-columns:1fr;gap:45px}.about-portrait{max-width:360px}.feature-copy{order:2}.feature-media{order:1}.research-list{grid-template-columns:repeat(3,1fr)}.research-item:nth-child(3){border-right:0}.research-item:nth-child(-n+3){border-bottom:1px solid var(--line)}.research-item:nth-child(4){border-bottom:0}.contact-panel:after{opacity:.4}}
@media(max-width:640px){.section-shell,.hero-section{width:calc(100% - 36px)}.site-nav{height:68px;padding:0 18px}.nav-links{position:absolute;top:67px;left:18px;right:18px;display:none;flex-direction:column;gap:0;margin:0;background:rgba(8,12,20,.96);border:1px solid var(--line);padding:8px}.nav-links.open{display:flex}.nav-links a{padding:15px}.nav-status{display:none}.menu-toggle{display:flex;flex-direction:column;gap:5px}.menu-toggle span{width:23px;height:1px;background:var(--cyan)}.hero-section{min-height:760px;padding-top:80px}.hero-visual{right:-220px;top:125px;transform:scale(.63);opacity:.3}h1{font-size:clamp(3.1rem,15vw,5rem);margin-bottom:22px}.hero-lede{font-size:14px}.hero-actions{align-items:stretch;flex-direction:column;max-width:250px}.button{justify-content:space-between}.hero-stats{left:0;right:0;bottom:22px;width:100%;grid-template-columns:repeat(2,1fr);row-gap:18px}.stat-card:nth-child(2){border:0}.stat-card:nth-child(3),.stat-card:nth-child(4){border-top:1px solid var(--line);padding-top:13px}.section-kicker{margin-bottom:27px}.about-section,.feature-section,.projects-section,.research-inner,.skills-section{padding:90px 0}.about-layout{gap:34px}.about-portrait img{height:390px}.about-copy h2,.feature-copy h2,.section-heading-row h2,.research-inner h2,.skills-section h2,.contact-panel h2{font-size:clamp(2.7rem,13vw,4.4rem)}.what-i-do{grid-template-columns:1fr;gap:20px}.what-i-do>div{display:grid;grid-template-columns:36px 1fr;align-items:center}.feature-copy h2{font-size:clamp(4rem,21vw,7rem)}.feature-layout{gap:35px}.image-frame img{aspect-ratio:.98;object-fit:cover}.section-heading-row{display:block;margin-bottom:35px}.section-heading-row>p{margin-top:20px}.project-grid,.skills-grid{grid-template-columns:1fr}.project-proof{margin-top:70px}.proof-images{grid-template-columns:1fr 1fr}.proof-images img{height:140px}.proof-images img:last-child{height:115px}.research-list{grid-template-columns:1fr}.research-item,.research-item:nth-child(3){border-right:0;border-bottom:1px solid var(--line)!important;min-height:0;padding:20px}.research-item:last-child{border-bottom:0!important}.research-item>span{margin-bottom:18px}.research-item .icon{margin-bottom:9px}.research-intro{font-size:15px}.skills-grid{gap:40px}.contact-section{padding:30px 0 90px}.contact-panel{padding:48px 25px}.contact-links{grid-template-columns:1fr}.location{display:block;line-height:2}.location .icon{vertical-align:middle;margin-right:5px}.location span{display:inline-block;margin:0 7px}.site-footer .section-shell{gap:17px;flex-wrap:wrap}.site-footer .section-shell>span{order:3;width:100%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

/* --- Responsive hardening pass --- */
html,body{max-width:100%;overflow-x:hidden}
.section-shell,.hero-section{min-width:0}
img{max-width:100%;height:auto}
h1,h2,h3,p,a,span{overflow-wrap:anywhere}
.site-nav{padding-left:max(18px,calc((100vw - 1180px)/2));padding-right:max(18px,calc((100vw - 1180px)/2))}
.nav-links{min-width:0}
.hero-section{min-height:100svh}
.hero-copy,.feature-copy,.about-copy,.contact-panel{min-width:0}

@media(max-width:1024px){
  .section-shell,.hero-section{width:min(1180px,calc(100% - 48px))}
  .site-nav{padding-inline:24px}
  .nav-links{gap:20px;margin-right:24px}
  .hero-section{padding-top:86px}
  .hero-visual{transform:scale(.86) translateY(8px)}
  .hero-stats{width:78%}
  .about-layout,.feature-layout{gap:56px}
  .about-layout{grid-template-columns:300px 1fr}
  .feature-layout{grid-template-columns:.9fr 1.1fr}
  .project-grid{gap:14px}
  .project-info{padding-inline:18px}
  .contact-panel{padding-inline:7%}
}

@media(max-width:760px){
  .section-shell,.hero-section{width:calc(100% - 40px)}
  .site-nav{height:70px;padding-inline:20px}
  .brand{font-size:10px;letter-spacing:.09em}
  .brand-mark{width:29px;height:29px}
  .nav-links{position:absolute;top:69px;left:20px;right:20px;display:none;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:8px;background:rgba(8,12,20,.97);border:1px solid var(--line-bright);box-shadow:0 18px 45px rgba(0,0,0,.35)}
  .nav-links.open{display:flex}
  .nav-links a{padding:15px 12px;border-bottom:1px solid var(--line)}
  .nav-links a:last-child{border-bottom:0}
  .nav-status{display:none}
  .menu-toggle{display:flex;flex-direction:column;gap:5px;padding:8px 0}
  .menu-toggle span{width:23px;height:1px;background:var(--cyan)}
  .hero-section{min-height:780px;padding-top:88px;display:block}
  .hero-copy{padding-top:10px}
  .hero-visual{position:absolute;right:-190px;top:130px;height:520px;transform:scale(.72);opacity:.28;pointer-events:none}
  .hero-stats{left:0;bottom:24px;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));row-gap:17px}
  .stat-card{min-width:0;padding-left:12px}
  .stat-card:first-child{padding-left:0}
  .stat-card strong{font-size:21px}
  .stat-card small{font-size:8px}
  .about-section,.feature-section,.projects-section,.skills-section{padding:92px 0}
  .about-layout,.feature-layout,.project-proof{grid-template-columns:1fr;gap:38px}
  .about-portrait{width:min(100%,360px)}
  .feature-copy{order:2}
  .feature-media{order:1}
  .section-heading-row{display:block;margin-bottom:38px}
  .section-heading-row>p{margin-top:18px}
  .project-grid,.skills-grid{grid-template-columns:1fr}
  .research-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .research-item{border-bottom:1px solid var(--line)}
  .research-item:nth-child(2n){border-right:0}
  .research-item:nth-child(5){grid-column:1/-1}
  .contact-links{grid-template-columns:1fr}
  .contact-panel{padding:56px 7%}
}

@media(max-width:480px){
  .section-shell,.hero-section{width:calc(100% - 32px)}
  .site-nav{height:64px;padding-inline:16px}
  .nav-links{top:63px;left:16px;right:16px}
  .brand{font-size:9px}
  .brand-mark{width:27px;height:27px}
  .hero-section{min-height:760px;padding-top:80px}
  .hero-visual{right:-230px;top:120px;transform:scale(.58);opacity:.22}
  h1{font-size:clamp(2.8rem,15vw,4.5rem)}
  .hero-lede{font-size:14px}
  .hero-actions{flex-direction:column;align-items:stretch;max-width:none}
  .button{width:100%;justify-content:space-between}
  .hero-footnote{margin-top:38px;font-size:8px;letter-spacing:.1em}
  .hero-stats{bottom:18px}
  .stat-card{padding-left:8px;gap:6px}
  .stat-card:nth-child(2){border-right:0}
  .stat-card:nth-child(3),.stat-card:nth-child(4){border-top:1px solid var(--line);padding-top:12px}
  .section-kicker{font-size:9px;letter-spacing:.11em}
  .about-section,.feature-section,.projects-section,.research-inner,.skills-section{padding:78px 0}
  .about-portrait img{height:390px}
  .about-copy h2,.feature-copy h2,.section-heading-row h2,.research-inner h2,.skills-section h2,.contact-panel h2{font-size:clamp(2.7rem,13vw,4.4rem)}
  .feature-copy h2{font-size:clamp(4rem,21vw,7rem)}
  .image-frame img{aspect-ratio:1.05;object-fit:cover}
  .proof-images{grid-template-columns:1fr 1fr}
  .proof-images img,.proof-images img:last-child{height:125px}
  .research-list{grid-template-columns:1fr}
  .research-item,.research-item:nth-child(2n),.research-item:nth-child(5){grid-column:auto;border-right:0;min-height:0;padding:20px}
  .research-item>span{margin-bottom:16px}
  .research-item .icon{margin-bottom:8px}
  .skills-grid{gap:36px}
  .contact-section{padding:26px 0 80px}
  .contact-panel{padding:44px 22px}
  .contact-panel:after{right:-50px;top:16%;width:130px;height:130px}
  .location{display:block;line-height:2;font-size:9px}
  .location .icon{vertical-align:middle;margin-right:5px}
  .location span{display:inline-block;margin:0 7px}
  .site-footer .section-shell{gap:16px;flex-wrap:wrap}
  .site-footer .section-shell>span{order:3;width:100%}
}
@media(prefers-reduced-motion:reduce){.hero-visual,.orbital-orb{transform:none!important}}

/* --- 3D interaction layer --- */
body{perspective:1400px}
.cursor-glow{position:fixed;z-index:0;left:0;top:0;width:260px;height:260px;border-radius:50%;pointer-events:none;opacity:0;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(58,183,255,.16),rgba(58,183,255,.05) 34%,transparent 70%);mix-blend-mode:screen;transition:opacity .3s}
.hero-section{perspective:1200px;transform-style:preserve-3d}
.hero-section:before{content:"";position:absolute;inset:8% -16% 9%;pointer-events:none;background:radial-gradient(ellipse at 64% 46%,rgba(58,183,255,.1),transparent 33%),linear-gradient(105deg,transparent 0 49.7%,rgba(58,183,255,.12) 49.8%,transparent 50.1%);opacity:.65;transform:translateZ(-90px);animation:hero-light-drift 15s ease-in-out infinite alternate}
.hero-copy,.hero-visual,.hero-stats{transform-style:preserve-3d}
.hero-copy{transform:translateZ(24px)}
.hero-visual{animation:scene-float 7s ease-in-out infinite}
.hero-visual:before{animation:frame-breathe 6s ease-in-out infinite}
.orbital-orb{transform-style:preserve-3d}
.orb-core{transform:translateZ(26px)}
.orbit-one{transform:translateZ(12px) rotate(67deg) skewX(6deg)}
.orbit-two{transform:translateZ(34px) rotate(-52deg) skewX(-15deg)}
.orbit-three{transform:translateZ(4px) rotate(135deg) scaleY(.58)}
[data-tilt]{transform-style:preserve-3d;will-change:transform}
.project-card:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;background:linear-gradient(118deg,transparent 30%,rgba(255,255,255,.09) 48%,transparent 64%);transform:translateX(-90%);transition:opacity .4s,transform .8s var(--ease)}
.project-card:hover:after{opacity:1;transform:translateX(90%)}
.project-art,.project-info{transform-style:preserve-3d}
.project-art>*{transform:translateZ(18px)}
.image-frame{transform-style:preserve-3d}
.image-frame:before{content:"";position:absolute;inset:10px;background:linear-gradient(135deg,rgba(255,255,255,.12),transparent 30%);opacity:.42;transform:translateZ(18px);pointer-events:none}
.about-portrait{transform-style:preserve-3d}
.about-portrait img{transform:translateZ(12px);transform-origin:center;transition:transform .6s var(--ease)}
.proof-images{grid-template-columns:1.2fr .9fr .55fr}
.proof-app{height:170px!important;object-position:top center}
@keyframes scene-float{0%,100%{translate:0 0}50%{translate:0 -10px}}@keyframes frame-breathe{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.025)}}@keyframes hero-light-drift{to{transform:translate3d(4%,2%, -90px)}}
@media(max-width:1024px){.proof-images{grid-template-columns:1.2fr .9fr .6fr}.proof-images img{height:180px}.proof-images img:last-child,.proof-app{height:150px!important}}
@media(max-width:760px){.cursor-glow{display:none}.hero-section:before{inset:8% -30% 9%;opacity:.35}.hero-copy{transform:none}.hero-visual{animation:none}.proof-images{grid-template-columns:1fr 1fr}.proof-images img,.proof-images img:last-child,.proof-app{height:140px!important}}
@media(max-width:480px){.proof-images{grid-template-columns:1fr 1fr}.proof-images img,.proof-images img:last-child,.proof-app{height:125px!important}}
@media(prefers-reduced-motion:reduce){.hero-section:before,.hero-visual,.hero-visual:before{animation:none}.project-card:after{display:none}.cursor-glow{display:none}}
@media (min-width:761px){.about-section,.feature-section,.projects-section,.research-section,.skills-section,.contact-section{content-visibility:auto;contain-intrinsic-size:0 720px}}