:root{--bg:#fff;--surface:#f7f9fb;--text:#252c33;--muted:#64717c;--line:#e3e8ec;--accent:#1565a8;--nav:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;line-height:1.75;font-size:16px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit}.shell{max-width:1120px;margin:auto;padding-left:28px;padding-right:28px}.site-header{position:sticky;top:0;z-index:10;background:var(--nav);border-bottom:1px solid var(--line)}.header-inner{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:22px}.site-title{font-weight:700;font-size:1.13rem;color:var(--text);letter-spacing:-.02em}.navigation{display:flex;align-items:center;gap:23px}.navigation a{color:var(--text);font-size:.87rem;font-weight:550}.navigation a:hover,.navigation a.active{color:var(--accent)}.theme-toggle,.menu-toggle{border:0;background:transparent;color:var(--text);cursor:pointer;font-size:21px}.menu-toggle{display:none}.section{padding-top:94px;padding-bottom:94px}.section.muted{background:var(--surface)}.intro{display:grid;grid-template-columns:290px minmax(0,1fr);gap:72px;align-items:start;padding-top:100px}.profile{text-align:center}.portrait{object-fit:cover;width:218px;height:218px;border-radius:50%;box-shadow:0 6px 25px #00000012}.profile h1{font-size:1.75rem;line-height:1.2;letter-spacing:-.035em;margin:24px 0 8px}.profile-role{font-weight:600;margin:0}.profile-org{color:var(--muted);font-size:.93rem;margin-top:7px}.profile-links{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;font-size:.89rem;margin-top:16px}.eyebrow{font-size:.72rem;letter-spacing:.15em;font-weight:750;color:var(--accent);margin:0 0 7px}h2{font-size:2.1rem;line-height:1.22;letter-spacing:-.04em;margin:4px 0 26px;font-weight:720}h3{font-size:1.12rem;line-height:1.45;margin:0 0 8px}p{margin:0 0 18px}.intro-content p:not(.eyebrow):not(.note){font-size:1.025rem}.tag-list{display:flex;flex-wrap:wrap;gap:9px;margin:25px 0}.tag-list span{font-size:.79rem;line-height:1.5;background:var(--surface);border:1px solid var(--line);padding:5px 10px;border-radius:5px}.note{font-size:.79rem;color:var(--muted);line-height:1.6}.section-lead{color:var(--muted);margin-top:-10px;margin-bottom:31px}.research-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.research-card{background:var(--bg);padding:29px;border:1px solid var(--line);border-radius:6px}.research-card p{color:var(--muted);margin:0;font-size:.94rem}.card-index{font-size:.8rem;color:var(--accent);font-weight:700;display:block;margin-bottom:15px}.publication{border-left:3px solid var(--accent);padding:4px 0 10px 25px;max-width:830px}.pub-kind{color:var(--accent);font-size:.83rem;font-weight:650;margin-bottom:6px}.publication h3{font-size:1.35rem}.pub-authors{font-size:.91rem;color:var(--muted)}.action-links{display:flex;gap:22px;flex-wrap:wrap;font-weight:650;font-size:.91rem;margin-top:17px}.timeline{max-width:920px}.timeline-item{display:grid;grid-template-columns:175px 1fr;gap:35px;border-bottom:1px solid var(--line);padding:25px 0}.timeline-dates{color:var(--muted);font-size:.93rem}.timeline-item p{color:var(--muted);margin:3px 0 0;font-size:.94rem}.timeline-item .org{font-weight:650;color:var(--text)}.education-list{max-width:850px}.education-list article{display:grid;grid-template-columns:110px 1fr;gap:30px;padding:22px 0;border-bottom:1px solid var(--line)}.education-list article>span{color:var(--muted)}.education-list p{margin:0;color:var(--muted)}.education-list .detail{font-size:.85rem;margin-top:8px}.contact-area{display:grid;grid-template-columns:2fr 1fr;gap:50px}.contact-area p{max-width:660px}.contact-links{display:flex;flex-direction:column;gap:12px;justify-content:center;font-weight:600}.site-footer{border-top:1px solid var(--line)}.footer-inner{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:.85rem;color:var(--muted)}.footer-inner p{margin:0}body.dark{--bg:#161c22;--surface:#202831;--text:#eaf0f6;--muted:#b0bdca;--line:#35414c;--accent:#8ac8ff;--nav:#161c22}@media(max-width:850px){.navigation{gap:12px}.navigation a{font-size:.8rem}.intro{gap:32px;grid-template-columns:235px 1fr}.portrait{width:185px;height:185px}}@media(max-width:690px){.shell{padding-left:22px;padding-right:22px}.section{padding-top:66px;padding-bottom:66px}.intro{display:block}.profile{margin-bottom:48px}.navigation{display:none;position:absolute;left:0;right:0;top:74px;background:var(--nav);padding:16px 22px 24px;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:10px}.navigation.open{display:flex}.navigation a{font-size:1rem;padding:7px 0}.menu-toggle{display:block}.theme-toggle{align-self:flex-start}.research-grid{grid-template-columns:1fr}.timeline-item{grid-template-columns:1fr;gap:5px}.education-list article{grid-template-columns:65px 1fr;gap:13px}.contact-area{grid-template-columns:1fr;gap:10px}h2{font-size:1.85rem}}

/* Blue optics visual refresh — preserves the original academic layout. */
:root{--bg:#fafdff;--surface:#edf5fc;--text:#1b3049;--muted:#557087;--line:#d5e5f2;--accent:#1265ad;--nav:rgba(250,253,255,.92)}
body{background:var(--bg);overflow-x:hidden}
.site-header{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom-color:rgba(102,157,199,.20)}
.shell{max-width:1320px;width:100%}
.site-title{color:#153c64}
.section{position:relative}
.hero{width:100%;max-width:none;padding:0;min-height:calc(100svh - 74px);display:block;isolation:isolate;overflow:hidden;background:linear-gradient(117deg,#eaf5ff 0%,#f9fcff 46%,#dceffc 100%)}
.hero::before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse 55% 80% at 100% 15%,rgba(91,174,240,.25),transparent 72%),radial-gradient(ellipse 48% 65% at 0% 100%,rgba(120,197,239,.16),transparent 78%)}
.hero-visual{position:absolute;inset:0;z-index:-1;background:url('assets/optics-pattern.svg') center center/cover no-repeat;opacity:.8;pointer-events:none}
.intro-inner{min-height:calc(100svh - 74px);display:grid;grid-template-columns:310px minmax(0,760px);gap:clamp(40px,6vw,100px);align-items:center;padding-top:75px;padding-bottom:85px}
.profile{background:rgba(255,255,255,.65);border:1px solid rgba(255,255,255,.92);border-radius:24px;padding:36px 19px 31px;box-shadow:0 20px 75px rgba(31,101,154,.09);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.portrait{width:210px;height:210px;border:6px solid #fff;box-shadow:0 10px 38px rgba(39,98,148,.19)}
.profile h1{color:#123c66}
.profile-role{color:#1864a2}
.profile-links a{font-weight:650}
.intro-content{background:rgba(255,255,255,.26);border-radius:24px;padding:10px 0}
.intro-content h2{font-size:clamp(2.5rem,4.2vw,4.5rem);letter-spacing:-.06em;line-height:1.09;max-width:780px;color:#123e66;margin:13px 0 30px}
.title-period{color:#2b9bd8}
.intro-content p:not(.eyebrow):not(.note){max-width:720px;line-height:1.82;color:#35546d}
.eyebrow{color:#1878b9;letter-spacing:.17em}
.tag-list span{background:rgba(255,255,255,.55);border:1px solid #c3dfef;color:#22577d;border-radius:999px;padding:6px 13px}
.hero-actions{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin-top:30px}
.primary-action,.secondary-action{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:12px 20px;border-radius:10px;font-size:.9rem;font-weight:700;transition:transform .2s,box-shadow .2s}
.primary-action{background:#1769ac;color:white;box-shadow:0 10px 24px rgba(23,105,172,.22)}
.secondary-action{background:rgba(255,255,255,.65);border:1px solid #b9d5e9;color:#185b92}
.primary-action:hover,.secondary-action:hover{text-decoration:none;transform:translateY(-2px)}
.primary-action:hover{color:white;box-shadow:0 13px 29px rgba(23,105,172,.27)}
.wave-section{background:linear-gradient(145deg,#eef7ff 0%,#e7f3fc 55%,#f5fbff 100%);overflow:hidden}
.wave-section::before{content:"";position:absolute;inset:0;background:url('assets/optics-pattern.svg') right center/100% auto no-repeat;opacity:.12;pointer-events:none}
.wave-section>.shell{position:relative}
.research-card{border-radius:16px;background:rgba(255,255,255,.85);border-color:#d4e5f4;box-shadow:0 10px 30px rgba(45,110,161,.045);transition:transform .2s,box-shadow .2s}
.research-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(45,110,161,.10)}
.research-card .card-index{font-size:.85rem}
.section h2{color:#173c61}
.section:not(.hero){padding-top:100px;padding-bottom:100px}
.publication{border-left-width:4px}
.site-footer{background:#f3f9ff}
body.dark{--bg:#0c1929;--surface:#14263b;--text:#ebf5ff;--muted:#a5c0d4;--line:#29465f;--accent:#8bd0ff;--nav:rgba(12,25,41,.94)}
body.dark .hero{background:linear-gradient(115deg,#10253c 0%,#102a46 54%,#193d5b 100%)}
body.dark .hero::before{background:radial-gradient(ellipse at 80% 0%,rgba(27,105,180,.35),transparent 66%)}
body.dark .hero-visual{opacity:.3}
body.dark .profile{background:rgba(17,43,66,.78);border-color:rgba(113,167,206,.24);box-shadow:0 20px 70px rgba(0,0,0,.15)}
body.dark .site-title,body.dark .profile h1,body.dark .intro-content h2,body.dark .section h2{color:#eaf6ff}
body.dark .profile-role,body.dark .eyebrow{color:#8bd0ff}
body.dark .intro-content p:not(.eyebrow):not(.note){color:#bad3e7}
body.dark .tag-list span{background:rgba(28,67,100,.68);border-color:#386380;color:#d6eaff}
body.dark .wave-section{background:linear-gradient(140deg,#142b42,#102238)}
body.dark .research-card{background:#172e44;border-color:#305270}
body.dark .secondary-action{background:#1c3a55;color:#d9eeff;border-color:#3d6485}
body.dark .site-footer{background:#0c1929}
@media(min-width:1500px){.shell{max-width:1420px}.intro-inner{grid-template-columns:330px minmax(0,800px);gap:110px}}
@media(max-width:900px){.intro-inner{grid-template-columns:255px minmax(0,1fr);gap:28px}.profile{padding:25px 12px}.portrait{width:178px;height:178px}.intro-content h2{font-size:clamp(2.1rem,4vw,3.4rem)}}
@media(max-width:690px){.site-header .header-inner{min-height:67px}.navigation{top:67px;box-shadow:0 16px 30px rgba(35,94,139,.08)}.hero{min-height:calc(100svh - 67px)}.intro-inner{min-height:calc(100svh - 67px);display:flex;flex-direction:column;gap:28px;padding-top:38px;padding-bottom:54px;align-items:stretch}.profile{width:100%;margin:0;display:grid;grid-template-columns:100px minmax(0,1fr);column-gap:19px;align-items:center;text-align:left;padding:20px;border-radius:20px}.portrait{grid-row:1/5;width:100px;height:100px;border-width:4px}.profile h1{font-size:1.42rem;margin:0 0 3px}.profile-role{font-size:.9rem}.profile-org{font-size:.8rem;margin:3px 0 0;line-height:1.5}.profile-links{justify-content:flex-start;margin:9px 0 0;font-size:.78rem;gap:11px}.intro-content{padding:0;background:transparent}.intro-content h2{font-size:clamp(2.3rem,9vw,3.4rem);margin:10px 0 22px}.intro-content p:not(.eyebrow):not(.note){font-size:.95rem;line-height:1.78;margin-bottom:14px}.eyebrow{font-size:.66rem;letter-spacing:.12em}.tag-list{gap:7px;margin:22px 0}.tag-list span{font-size:.73rem;padding:5px 10px}.hero-actions{margin-top:25px}.primary-action,.secondary-action{font-size:.82rem;padding:11px 14px}.section:not(.hero){padding-top:70px;padding-bottom:70px}.research-card{padding:24px}.wave-section::before{background-size:auto 100%}.contact-area{gap:16px}}
@media(max-width:385px){.shell{padding-left:17px;padding-right:17px}.profile{grid-template-columns:82px 1fr;gap:13px;padding:15px}.portrait{width:82px;height:82px}.profile h1{font-size:1.23rem}.profile-org{font-size:.73rem}.intro-content h2{font-size:2.15rem}.site-title{font-size:1rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.research-card,.primary-action,.secondary-action{transition:none}}

/* Final academic portfolio refinements */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
body{font-family:'DM Sans',system-ui,-apple-system,sans-serif}
h1,h2,h3,.site-title,.intro-content h2{font-family:'Manrope','DM Sans',sans-serif;letter-spacing:-.035em}
.intro-content h2{letter-spacing:-.047em;font-weight:800}
.hero{background:linear-gradient(117deg,#d9ecff 0%,#f2f9ff 45%,#c6e3fa 100%)}
.hero::before{background:radial-gradient(ellipse 60% 80% at 92% 12%,rgba(66,144,225,.28),transparent 72%),radial-gradient(ellipse 50% 70% at 0% 100%,rgba(88,175,237,.19),transparent 76%)}
.project-list{display:grid;gap:27px}
.project-card{display:grid;grid-template-columns:minmax(230px,35%) 1fr;gap:28px;align-items:stretch;border:1px solid #cfe3f4;border-radius:20px;overflow:hidden;background:linear-gradient(115deg,#f2f8ff,#fff);box-shadow:0 12px 35px rgba(27,99,153,.055)}
.project-card>img{display:block;width:100%;height:100%;min-height:260px;max-height:370px;object-fit:contain;background:#e7f0fa;padding:12px}
.project-copy{padding:28px 30px 28px 0}
.project-copy h3{font-size:1.28rem;color:#173c61}
.project-copy>p{color:#49677e}
.project-copy details{border-top:1px solid #d9e8f3;margin-top:18px;padding-top:12px}
.project-copy summary{font-weight:700;color:#1769ac;cursor:pointer;list-style-position:inside}
.project-copy details[open] summary{margin-bottom:18px}
.project-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:18px;margin-top:18px}
.project-gallery figure{margin:0;background:#edf5fc;border:1px solid #d5e5f2;border-radius:12px;overflow:hidden}
.project-gallery img{width:100%;height:auto;display:block;object-fit:contain;max-height:420px}
.project-gallery figcaption{font-size:.78rem;line-height:1.5;color:#4e667b;padding:10px 13px}
.scholar-list{display:grid;gap:36px}.publication{max-width:1050px}
.thesis-block{border-top:1px solid var(--line);margin-top:56px;padding-top:42px}
.thesis-layout{display:grid;grid-template-columns:195px minmax(0,1fr);align-items:start;gap:30px;max-width:1000px}
.thesis-cover{width:100%;height:auto;border-radius:6px;border:1px solid #d4e2ef;box-shadow:0 12px 26px rgba(20,50,90,.12)}
.thesis-layout h3{font-size:1.4rem;color:#173c61}
body.dark .project-card{background:#172e44;border-color:#305270}
body.dark .project-copy h3,body.dark .thesis-layout h3{color:#eaf6ff}
body.dark .project-copy>p{color:#bbd1e3}
body.dark .project-gallery figure{background:#213b54;border-color:#325470}
body.dark .project-gallery figcaption{color:#b2c8dc}
body.dark .hero{background:linear-gradient(115deg,#10253c 0%,#102a46 54%,#193d5b 100%)}
@media(max-width:980px){.navigation{gap:12px}.navigation a{font-size:.75rem}}
@media(max-width:780px){.menu-toggle{display:block}.navigation{display:none;position:absolute;left:0;right:0;top:74px;background:var(--nav);padding:20px;flex-direction:column;align-items:stretch;gap:10px;border-bottom:1px solid var(--line)}.navigation.open{display:flex}.navigation a{font-size:1rem;padding:5px}}
@media(max-width:690px){.project-card{grid-template-columns:1fr;gap:0}.project-card>img{height:auto;min-height:0;max-height:300px;object-fit:contain;padding:8px}.project-copy{padding:23px}.project-gallery{grid-template-columns:1fr}.thesis-layout{grid-template-columns:110px minmax(0,1fr);gap:17px}.thesis-layout h3{font-size:1.13rem}.intro-content h2{font-size:clamp(2rem,8vw,3.2rem)}.navigation{top:67px}}
@media(max-width:380px){.thesis-layout{grid-template-columns:1fr}.thesis-cover{max-width:145px}}


/* Approved hero treatment — October 2026 */
body{font-family:'DM Sans',system-ui,-apple-system,'Segoe UI',Arial,sans-serif}
.site-title,.profile h1,.intro-content h2{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.025em}
.hero .intro-inner{grid-template-columns:305px minmax(0,750px);gap:clamp(50px,6vw,95px);justify-content:center}
.hero .profile{border-radius:14px;padding:32px 24px}
.hero .profile h1{font-size:23px;line-height:1.25}
.hero .intro-content{padding:42px 48px;background:rgba(250,253,255,.33);border:1px solid rgba(255,255,255,.5);border-radius:12px}
.hero .intro-content h2{font:700 clamp(34px,3.4vw,47px)/1.1 Georgia,'Times New Roman',serif;letter-spacing:-.025em;margin:16px 0 26px;color:#173f64}
.hero .intro-content h2::after{content:'';display:block;background:#258bcc;width:52px;height:3px;margin-top:18px}
.hero .intro-content p:not(.eyebrow):not(.note){font-size:15px;line-height:1.82}
body.dark .hero .intro-content{padding:48px 54px;background:rgba(21,48,73,.80);border:1px solid #345c7a;box-shadow:0 20px 60px #07142245}
body.dark .hero .intro-content h2{color:#edf7ff}
body.dark .hero .intro-content p:not(.eyebrow):not(.note){color:#c7dced}
.project-gallery img{object-fit:contain;height:auto;max-height:390px}
.project-card>img{object-fit:contain;background:rgba(231,242,250,.5)}
@media(max-width:900px){.hero .intro-inner{grid-template-columns:240px minmax(0,1fr);gap:28px}.hero .intro-content{padding:30px}.hero .intro-content h2{font-size:36px}body.dark .hero .intro-content{padding:36px}}
@media(max-width:690px){.hero .intro-inner{display:flex;flex-direction:column;gap:21px;padding-top:24px;padding-bottom:50px}.hero .profile{width:100%;padding:16px;grid-template-columns:92px 1fr;border-radius:12px}.hero .portrait{width:92px;height:92px}.hero .profile h1{font-size:19px}.hero .intro-content{width:100%;padding:27px 22px;background:rgba(255,255,255,.45);border-radius:10px}.hero .intro-content h2{font-size:33px;margin:12px 0 24px}body.dark .hero .intro-content{padding:30px 24px}.hero .intro-content p:not(.eyebrow):not(.note){font-size:14px;line-height:1.74}.project-gallery img{max-height:none}}
@media(max-width:370px){.hero .intro-content{padding:23px 18px}body.dark .hero .intro-content{padding:26px 20px}}