:root { --page:#f4f7fb; --surface:#fff; --text:#0f1f36; --muted:#5d6b7d; --blue:#155eef; --navy:#102a56; --red:#d92d20; --green:#079455; --border:#dbe3ee; --mono:'IBM Plex Mono','SFMono-Regular',Consolas,monospace; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--page); color:var(--text); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif; }
a { color:inherit; text-decoration:none; }
main { min-height:100vh; overflow:hidden; }
.site-header { width:min(1380px,calc(100% - 48px)); height:88px; margin:auto; display:flex; align-items:center; justify-content:space-between; gap:28px; border-bottom:1px solid var(--border); }
.brand { display:flex; align-items:center; gap:12px; }
.monogram { width:44px; height:44px; border-radius:13px; display:grid; place-items:center; color:white; background:var(--navy); font-weight:800; letter-spacing:-.04em; }
.brand-copy { display:grid; gap:2px; }.brand-copy strong{font-size:.92rem}.brand-copy small{color:var(--muted);font-size:.72rem}
nav { display:flex; gap:28px; color:var(--muted); font-size:.84rem; } nav a:hover{color:var(--blue)}
.header-cta { color:var(--blue); font-weight:700; font-size:.86rem; }
.hero { width:min(1380px,calc(100% - 48px)); min-height:calc(100vh - 88px); margin:auto; padding:74px 0 80px; display:grid; grid-template-columns:minmax(0,.88fr) minmax(590px,1.12fr); align-items:center; gap:clamp(44px,6vw,104px); }
.hero-copy{max-width:630px}.eyebrow,.role,.figure-topline,.node-kicker,.node-index,.control-node small,.figure-legend{font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em}
.eyebrow{display:flex;align-items:center;gap:10px;color:var(--blue);font-size:.68rem;font-weight:700}.eyebrow>span{width:24px;height:2px;background:var(--red)}
.role{margin:24px 0 12px;color:var(--muted);font-size:.72rem;letter-spacing:.05em}.role span{color:var(--border);padding:0 5px}
h1{margin:0;font-size:clamp(3.25rem,5.25vw,5.75rem);line-height:.98;letter-spacing:-.065em;max-width:850px}h1 em{color:var(--blue);font-style:normal}
.hero-intro{max-width:610px;margin:28px 0 0;color:var(--muted);font-size:1.06rem;line-height:1.75}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.button{min-height:50px;padding:0 20px;display:inline-flex;align-items:center;gap:18px;border-radius:12px;font-weight:750;font-size:.88rem}.button.primary{color:#fff;background:var(--blue);box-shadow:0 12px 26px rgba(21,94,239,.2)}.button.secondary{background:var(--surface);border:1px solid var(--border)}
.hero-meta{display:flex;margin-top:48px;border-top:1px solid var(--border);padding-top:18px;color:var(--muted);font-size:.76rem}.hero-meta span{display:flex;align-items:center;gap:9px;padding-right:24px;margin-right:24px;border-right:1px solid var(--border)}.hero-meta span:last-child{border:0}.hero-meta strong{color:var(--text);font-size:1.05rem}
.path-figure{position:relative;margin:0;min-height:650px;padding:24px;border:1px solid var(--border);border-radius:24px;background:var(--surface);box-shadow:0 24px 70px rgba(15,31,54,.09)}
.figure-topline{display:flex;justify-content:space-between;color:var(--muted);font-size:.59rem}.live-dot{width:7px;height:7px;margin-right:7px;display:inline-block;border-radius:50%;background:var(--red);box-shadow:0 0 0 5px rgba(217,45,32,.1)}.path-figure h2{margin:20px 0 0;font-size:1.45rem;letter-spacing:-.035em}
.path-canvas{position:relative;height:438px;margin:18px 0 14px;overflow:hidden;border:1px solid var(--border);border-radius:17px;background:#f9fbfe}.grid{position:absolute;inset:0;background-image:linear-gradient(rgba(16,42,86,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(16,42,86,.05) 1px,transparent 1px);background-size:26px 26px}
.path-node{position:absolute;width:132px;height:116px;padding:13px;z-index:2;border:1px solid;border-radius:16px;background:var(--surface);box-shadow:0 14px 28px rgba(15,31,54,.1)}.node-index{position:absolute;top:12px;right:12px;color:var(--muted);font-size:.52rem}.node-kicker{display:block;margin-bottom:9px;color:var(--muted);font-size:.5rem}.path-node strong{display:block;font-size:1rem;line-height:1.13}.path-node small{display:block;margin-top:8px;color:var(--muted);font-size:.6rem}
.risk{border-color:rgba(217,45,32,.45)}.asset,.identity,.critical{border-color:rgba(21,94,239,.38)}.path-node:before{content:"";position:absolute;top:-5px;left:18px;width:9px;height:9px;border:2px solid var(--surface);border-radius:50%;background:var(--blue)}.risk:before{background:var(--red)}.critical:before{background:var(--navy)}
.node-one{left:26px;top:50px}.node-two{left:32%;top:96px}.node-three{right:24px;top:62px}.node-four{right:19%;bottom:30px}
.path-line{position:absolute;z-index:1;height:2px;transform-origin:left;background:repeating-linear-gradient(90deg,var(--blue) 0 8px,transparent 8px 13px);opacity:.7}.line-one{width:27%;left:18%;top:135px;transform:rotate(7deg)}.line-two{width:31%;left:50%;top:154px;transform:rotate(-8deg)}.line-three{width:27%;right:15%;top:190px;transform:rotate(63deg)}
.control-node{position:absolute;left:24%;bottom:35px;z-index:3;display:flex;align-items:center;gap:10px;padding:10px 13px;border:1px solid rgba(7,148,85,.45);border-radius:12px;background:#f2fcf7;box-shadow:0 12px 24px rgba(7,148,85,.1)}.control-node>span{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--green);font-weight:800}.control-node div{display:grid;gap:2px}.control-node small{color:var(--green);font-size:.43rem}.control-node strong{font-size:.72rem}.control-line{position:absolute;left:41%;bottom:88px;width:2px;height:94px;background:repeating-linear-gradient(var(--green) 0 7px,transparent 7px 12px)}
figcaption{color:var(--muted);font-size:.75rem;line-height:1.55}.figure-legend{display:flex;flex-wrap:wrap;gap:18px;margin-top:17px;padding-top:15px;border-top:1px solid var(--border);color:var(--muted);font-size:.5rem}.figure-legend span{display:flex;align-items:center;gap:6px}.figure-legend i{width:7px;height:7px;border-radius:50%}.risk-key{background:var(--red)}.asset-key{background:var(--blue)}.control-key{background:var(--green)}
@media(max-width:1100px){nav{display:none}.hero{grid-template-columns:1fr;padding-top:56px}.hero-copy{max-width:820px}.path-figure{min-height:auto}}
@media(max-width:640px){.site-header,.hero{width:calc(100% - 30px)}.brand-copy,.header-cta{display:none}.site-header{height:72px}.hero{min-height:auto;padding:44px 0 64px}h1{font-size:clamp(2.65rem,13vw,4rem)}.hero-intro{font-size:.98rem}.hero-meta{display:grid;gap:12px}.hero-meta span{border:0;padding:0;margin:0}.path-figure{padding:15px}.path-canvas{height:530px}.path-node{width:124px}.node-one{left:12px;top:38px}.node-two{right:12px;left:auto;top:115px}.node-three{left:18px;right:auto;top:260px}.node-four{right:14px;bottom:28px}.control-node{left:auto;right:13px;bottom:164px}.path-line,.control-line{display:none}}
@media(prefers-reduced-motion:no-preference){.live-dot{animation:pulse 2.4s ease-in-out infinite}.path-line{animation:pathFlow 10s linear infinite}.path-node{animation:enter .7s both}.node-two{animation-delay:.15s}.node-three{animation-delay:.3s}.node-four{animation-delay:.45s}@keyframes pulse{50%{box-shadow:0 0 0 8px rgba(217,45,32,.04)}}@keyframes pathFlow{to{background-position:130px 0}}@keyframes enter{from{opacity:0;transform:translateY(12px)}}}

/* Portfolio system */
:root{--elevated:#eef3f9;--soft:#edf2f8;--header:rgba(244,247,251,.84);--shadow:0 18px 50px rgba(15,31,54,.08);color-scheme:light}
:root[data-theme="dark"]{--page:#07111f;--surface:#0e1a2b;--elevated:#142238;--soft:#111e31;--text:#f1f5f9;--muted:#a8b5c5;--blue:#4d9fff;--navy:#357fd5;--red:#ff6673;--green:#32d583;--border:#2a3b51;--header:rgba(7,17,31,.84);--shadow:0 18px 50px rgba(0,0,0,.22);color-scheme:dark}
html{scroll-padding-top:94px}body{transition:background-color .25s,color .25s}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:10px;left:10px;z-index:999;transform:translateY(-150%);padding:10px 14px;border-radius:8px;background:var(--text);color:var(--page)}.skip-link:focus{transform:none}.scroll-progress{position:fixed;z-index:1000;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--red),var(--blue),var(--green));transition:width .1s linear}
.site-header{position:sticky;top:0;z-index:50;width:100%;padding-inline:max(24px,calc((100vw - 1380px)/2));background:var(--header);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}nav{gap:18px;font-size:.72rem}nav a{position:relative;padding:34px 0}nav a:after{content:"";position:absolute;left:0;right:0;bottom:20px;height:2px;transform:scaleX(0);background:var(--blue);transition:transform .2s}nav a.active{color:var(--text)}nav a.active:after{transform:scaleX(1)}.header-tools{display:flex;align-items:center;gap:14px}.theme-toggle,.menu-toggle,.view-all{font:inherit}.theme-toggle{width:42px;height:42px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);cursor:pointer;font-size:1.05rem}.menu-toggle{display:none}.mobile-nav{display:none}
.hero-socials{display:flex;flex-wrap:wrap;gap:18px;margin-top:25px}.hero-socials a{color:var(--muted);font-family:var(--mono);font-size:.58rem;letter-spacing:.08em;text-transform:uppercase}.arrow{display:inline-block;transition:transform .2s}.hero-socials a:hover,.contact-links a:hover{color:var(--blue)}a:hover .arrow,.button:hover .arrow{transform:translate(3px,-3px)}
.path-node[data-tip]:after,.control-node[data-tip]:after{content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%,5px);padding:6px 8px;border-radius:6px;background:var(--text);color:var(--page);font:600 .55rem var(--mono);white-space:nowrap;opacity:0;pointer-events:none;transition:.2s}.path-node:hover:after,.path-node:focus:after,.control-node:hover:after,.control-node:focus:after{opacity:1;transform:translate(-50%,0)}
.section{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:120px 0}.section-title{display:grid;grid-template-columns:260px 1fr;gap:50px;margin-bottom:58px}.section-label,.panel-label{margin:7px 0 0;color:var(--blue);font:700 .62rem var(--mono);letter-spacing:.12em;text-transform:uppercase}.section-label{display:flex;align-items:center;gap:10px}.section-label>span{width:22px;height:2px;background:var(--red)}.section-title h2{max-width:760px;margin:0;font-size:clamp(2.5rem,4.5vw,4.6rem);line-height:1.02;letter-spacing:-.055em}.section-title>div>p{max-width:650px;margin:20px 0 0;color:var(--muted);line-height:1.65}
.about-section{padding-top:145px}.about-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:80px}.about-copy p{margin:0 0 26px;font-size:clamp(1.2rem,1.9vw,1.65rem);line-height:1.55;letter-spacing:-.025em}.about-copy p:last-child{color:var(--muted);font-size:1.05rem;letter-spacing:0}.focus-panel{padding:25px;border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:var(--shadow)}.focus-panel>div{display:grid;grid-template-columns:34px 1fr 8px;align-items:center;gap:10px;min-height:62px;border-bottom:1px solid var(--border);font-size:.88rem;font-weight:700}.focus-panel>div:last-child{border:0}.focus-panel>div span{color:var(--muted);font:600 .56rem var(--mono)}.focus-panel>div i{width:7px;height:7px;border-radius:50%;background:var(--blue)}.focus-panel>div:nth-of-type(2) i{background:var(--red)}.focus-panel>div:nth-of-type(3) i{background:var(--green)}.stats-strip{display:grid;grid-template-columns:repeat(3,1fr);margin-top:65px;border-block:1px solid var(--border)}.stats-strip>div{padding:28px 30px;border-right:1px solid var(--border);display:flex;align-items:center;gap:16px}.stats-strip>div:last-child{border:0}.stats-strip strong{font-size:1.55rem;letter-spacing:-.05em}.stats-strip span{color:var(--muted);font-size:.75rem;line-height:1.4}
.expertise-section,.work-section,.credentials-section{width:100%;padding-inline:max(24px,calc((100vw - 1180px)/2));background:var(--surface)}.expertise-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.expertise-card{grid-column:span 2;min-height:315px;padding:24px;border:1px solid var(--border);border-radius:18px;background:var(--page);transition:transform .25s,border-color .25s}.expertise-card:nth-child(4){grid-column:2/span 2}.expertise-card:hover{transform:translateY(-4px);border-color:var(--blue)}.card-top{display:flex;justify-content:space-between;color:var(--muted);font:600 .55rem var(--mono)}.card-top i{width:8px;height:8px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 5px color-mix(in srgb,var(--blue) 12%,transparent)}.expertise-card:nth-child(2) .card-top i{background:var(--red)}.expertise-card:nth-child(3) .card-top i{background:var(--green)}.expertise-card h3{margin:42px 0 22px;font-size:1.3rem;letter-spacing:-.03em}.tag-list{display:flex;flex-wrap:wrap;gap:7px}.tag-list span{padding:7px 9px;border:1px solid var(--border);border-radius:7px;color:var(--muted);font-size:.65rem;background:var(--surface)}
.work-section{background:var(--page)}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.work-card{position:relative;min-height:390px;padding:24px;overflow:hidden;border:1px solid var(--border);border-radius:20px;background:var(--surface);box-shadow:var(--shadow);transition:transform .25s}.work-card:hover{transform:translateY(-5px)}.mini-graph{position:relative;height:82px;margin:-24px -24px 25px;background:linear-gradient(135deg,color-mix(in srgb,var(--card-accent) 12%,transparent),transparent)}.mini-graph i{position:absolute;width:11px;height:11px;border:3px solid var(--surface);border-radius:50%;background:var(--card-accent);box-shadow:0 0 0 1px var(--card-accent)}.mini-graph i:first-child{left:18%;top:38%}.mini-graph i:nth-child(2){left:50%;top:65%}.mini-graph i:nth-child(3){right:15%;top:25%}.mini-graph span{position:absolute;left:20%;top:51%;width:64%;height:1px;transform:rotate(-4deg);background:repeating-linear-gradient(90deg,var(--card-accent) 0 8px,transparent 8px 13px);opacity:.6}.work-index{color:var(--card-accent);font:700 .54rem var(--mono);letter-spacing:.1em}.work-card h3{margin:18px 0 14px;font-size:1.5rem;letter-spacing:-.035em}.work-card p{margin:0;color:var(--muted);font-size:.86rem;line-height:1.65}.public-label{position:absolute;left:24px;bottom:24px;color:var(--muted);font:600 .48rem var(--mono);letter-spacing:.1em}.tone-red{--card-accent:var(--red)}.tone-blue{--card-accent:var(--blue)}.tone-cyan{--card-accent:#06aed4}.tone-green{--card-accent:var(--green)}.tone-navy{--card-accent:#687a90}.tone-violet{--card-accent:#875bf7}
.timeline{position:relative}.timeline:before{content:"";position:absolute;left:304px;top:28px;bottom:28px;width:1px;background:linear-gradient(var(--blue),var(--border))}.timeline-item{display:grid;grid-template-columns:260px 88px 1fr;min-height:210px}.timeline-date{padding-top:9px;color:var(--muted);font:600 .62rem var(--mono);letter-spacing:.05em;text-transform:uppercase}.timeline-marker{display:flex;justify-content:center;position:relative}.timeline-marker span{z-index:1;width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--border);border-radius:50%;background:var(--page);color:var(--muted);font:700 .6rem var(--mono)}.timeline-marker span.current{border-color:var(--blue);background:var(--blue);color:#fff;box-shadow:0 0 0 7px color-mix(in srgb,var(--blue) 12%,transparent)}.timeline-content{padding:0 0 60px 30px;border-bottom:1px solid var(--border)}.timeline-item:last-child .timeline-content{border:0}.company-row{display:flex;align-items:center;gap:12px}.company-row h3{margin:0;font-size:2.15rem;letter-spacing:-.05em}.company-row span{padding:4px 7px;border-radius:5px;background:color-mix(in srgb,var(--green) 14%,transparent);color:var(--green);font:700 .48rem var(--mono)}.timeline-content h4{margin:8px 0 18px;color:var(--blue);font-size:.92rem}.timeline-content p{max-width:720px;margin:0;color:var(--muted);font-size:.9rem;line-height:1.7}
.research-section{width:100%;padding-inline:max(24px,calc((100vw - 1180px)/2));background:var(--navy);color:#f8fbff}.research-section .section-label{color:#9dc6ff}.research-section .section-title>div>p{color:#b5c6da}.publication-list{border-top:1px solid rgba(255,255,255,.2)}.publication-card{position:relative;display:grid;grid-template-columns:65px 1fr 56px;gap:20px;align-items:center;padding:42px 18px;border-bottom:1px solid rgba(255,255,255,.2);transition:background .25s,padding .25s}.publication-card:hover{padding-inline:28px;background:linear-gradient(90deg,rgba(255,255,255,.09),transparent)}.publication-number{color:#9dc6ff;font:700 .65rem var(--mono)}.publication-platform{color:#7ef0b4;font:700 .55rem var(--mono);letter-spacing:.1em;text-transform:uppercase}.publication-card h3{max-width:800px;margin:11px 0 8px;font-size:clamp(1.5rem,2.5vw,2.3rem);letter-spacing:-.04em}.publication-card p{max-width:740px;margin:0;color:#b5c6da;font-size:.82rem;line-height:1.6}.publication-arrow{font-size:1.6rem}.view-all{width:100%;min-height:58px;margin-top:20px;border:1px solid rgba(255,255,255,.25);border-radius:12px;background:transparent;color:#fff;cursor:pointer}.research-profiles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}.research-profiles a{display:grid;gap:8px;padding:18px;border:1px solid rgba(255,255,255,.18);border-radius:12px}.research-profiles span{color:#b5c6da;font-size:.72rem}
.credentials-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.credential-card{min-height:142px;display:flex;gap:14px;padding:20px;border:1px solid var(--border);border-radius:15px;background:var(--page)}.credential-card>span{flex:0 0 50px;height:50px;display:grid;place-items:center;border-radius:12px;background:var(--navy);color:#fff;font:800 .7rem var(--mono)}.credential-card small{color:var(--blue);font:700 .5rem var(--mono);letter-spacing:.08em;text-transform:uppercase}.credential-card h3{margin:8px 0 0;font-size:.85rem;line-height:1.4}.recognition-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;margin-top:70px}.recognition-feature,.recognition-stack article,.education{border:1px solid var(--border);border-radius:18px;background:var(--page)}.recognition-feature{min-height:310px;padding:28px;display:grid;grid-template-columns:170px 1fr;align-items:end}.award-mark{align-self:center;font-size:7rem;font-weight:850;letter-spacing:-.1em;color:var(--blue)}.recognition-feature h3{margin:0 0 13px;font-size:1.7rem;letter-spacing:-.04em}.recognition-feature p:last-child,.recognition-stack p,.education p{color:var(--muted);font-size:.8rem;line-height:1.6}.recognition-stack{display:grid;gap:16px}.recognition-stack article{padding:24px}.recognition-stack span,.education>div>span{color:var(--blue);font:700 .55rem var(--mono);text-transform:uppercase}.recognition-stack h3{margin:13px 0 8px}.education{margin-top:16px;padding:28px;display:grid;grid-template-columns:150px 1fr 1fr;gap:25px}.education>div{border-left:1px solid var(--border);padding-left:24px}.education h3{margin:10px 0 3px;font-size:.92rem}.education p{margin:0}
.contact-section{position:relative;overflow:hidden;padding:120px max(24px,calc((100vw - 980px)/2));background:#081a36;color:#f5f8fc;text-align:center}.contact-section .section-label{justify-content:center;color:#9dc6ff}.contact-section h2{position:relative;margin:28px 0 22px;font-size:clamp(4rem,10vw,8.5rem);letter-spacing:-.08em;line-height:.9}.contact-section h2 span{color:#ff6673}.contact-section>p:not(.section-label){position:relative;max-width:720px;margin:0 auto;color:#b5c6da;font-size:1rem;line-height:1.7}.contact-actions{position:relative;display:flex;justify-content:center;gap:12px;margin-top:34px}.contact-primary{background:#4d9fff;color:#07111f}.contact-secondary{border:1px solid #425470}.contact-links{position:relative;display:flex;justify-content:center;flex-wrap:wrap;gap:25px;margin-top:58px}.contact-links a{color:#b5c6da;font:600 .58rem var(--mono);letter-spacing:.08em;text-transform:uppercase}.contact-graph{position:absolute;inset:0;opacity:.24}.contact-graph i{position:absolute;width:11px;height:11px;border-radius:50%;background:#4d9fff;box-shadow:0 0 0 6px rgba(77,159,255,.15)}.contact-graph i:nth-child(1){left:12%;top:28%}.contact-graph i:nth-child(2){left:25%;bottom:17%;background:#ff6673}.contact-graph i:nth-child(3){right:15%;top:22%;background:#32d583}.contact-graph i:nth-child(4){right:28%;bottom:18%}.contact-graph span{position:absolute;width:38%;height:1px;background:linear-gradient(90deg,transparent,#4d9fff,transparent);transform:rotate(18deg);left:7%;top:47%}.contact-graph span:last-child{left:auto;right:5%;top:53%;transform:rotate(-23deg)}
footer{min-height:100px;padding:22px max(24px,calc((100vw - 1180px)/2));display:flex;align-items:center;gap:22px;background:#061329;color:#b5c6da;border-top:1px solid #243652;font-size:.7rem}.footer-mark{flex:0 0 42px;color:#fff;background:#155eef}footer p{margin-right:auto}footer>a:last-child{color:#fff}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s,transform .65s}.reveal.visible{opacity:1;transform:none}
:focus-visible{outline:3px solid color-mix(in srgb,var(--blue) 70%,white);outline-offset:4px}
:root[data-theme="dark"] .path-canvas{background:#0a1728}:root[data-theme="dark"] .grid{background-image:linear-gradient(rgba(77,159,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(77,159,255,.08) 1px,transparent 1px)}:root[data-theme="dark"] .control-node{background:#102a25}:root[data-theme="dark"] .expertise-section,:root[data-theme="dark"] .credentials-section{background:#0a1524}:root[data-theme="dark"] .research-section{background:#102a56}
@media(max-width:1180px){.header-cta{display:none}nav{display:none}.menu-toggle{width:42px;height:42px;display:grid;place-content:center;gap:6px;border:1px solid var(--border);border-radius:12px;background:var(--surface);cursor:pointer}.menu-toggle span{display:block;width:18px;height:2px;background:var(--text)}.mobile-nav{position:absolute;top:88px;left:20px;right:20px;padding:12px;border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:var(--shadow)}.mobile-nav.open{display:grid}.mobile-nav a{padding:13px;border-bottom:1px solid var(--border);font-size:.85rem}.mobile-nav a:last-child{border:0}}
@media(max-width:900px){.section{padding-block:90px}.section-title{grid-template-columns:1fr;gap:20px}.about-grid{grid-template-columns:1fr;gap:40px}.expertise-grid{grid-template-columns:repeat(2,1fr)}.expertise-card,.expertise-card:nth-child(4){grid-column:auto}.work-grid{grid-template-columns:repeat(2,1fr)}.credentials-grid{grid-template-columns:repeat(2,1fr)}.recognition-grid{grid-template-columns:1fr}.education{grid-template-columns:1fr}.education>div{border-left:0;border-top:1px solid var(--border);padding:18px 0 0}.timeline:before{left:20px}.timeline-item{grid-template-columns:45px 1fr}.timeline-date{grid-column:2;padding:0 0 10px 26px}.timeline-marker{grid-column:1;grid-row:1/span 2}.timeline-content{grid-column:2;padding:0 0 48px 26px}.research-profiles{grid-template-columns:1fr}.publication-card{grid-template-columns:45px 1fr 36px}.stats-strip{grid-template-columns:1fr}.stats-strip>div{border-right:0;border-bottom:1px solid var(--border)}.stats-strip>div:last-child{border:0}}
@media(max-width:640px){.site-header{padding-inline:15px}.hero-socials{gap:13px}.section,.expertise-section,.work-section,.research-section,.credentials-section{width:100%;padding:76px 15px}.section-title{margin-bottom:38px}.section-title h2{font-size:2.55rem}.about-copy p{font-size:1.15rem}.expertise-grid,.work-grid,.credentials-grid{grid-template-columns:1fr}.work-card{min-height:350px}.timeline-item{grid-template-columns:38px 1fr}.timeline:before{left:18px}.timeline-marker span{width:36px;height:36px}.timeline-content,.timeline-date{padding-left:18px}.company-row h3{font-size:1.75rem}.publication-card{grid-template-columns:30px 1fr;padding:30px 4px}.publication-arrow{display:none}.recognition-feature{grid-template-columns:1fr;min-height:auto}.award-mark{font-size:5rem}.contact-section{padding:90px 15px}.contact-actions{flex-direction:column}.contact-actions .button{justify-content:center}.contact-links{gap:16px}footer{align-items:flex-start;flex-wrap:wrap}footer p{flex:1 1 calc(100% - 70px)}}
.about-side{display:grid;gap:16px}.portrait{position:relative;overflow:hidden;aspect-ratio:1.55/1;border:1px solid var(--border);border-radius:18px;background:var(--soft);box-shadow:var(--shadow)}.portrait-photo{position:absolute;inset:0;background:url('/profile-photo.jpg') 50% 31%/cover no-repeat}.portrait:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,rgba(7,17,31,.72))}.portrait>span{position:absolute;z-index:1;left:18px;bottom:15px;color:#fff;font:700 .48rem var(--mono);letter-spacing:.09em}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}