:root{--navy:#071b2b;--navy2:#0c2e42;--teal:#16a6a0;--cyan:#73d7d2;--ice:#eef8f7;--paper:#fbfdfc;--ink:#102a39;--muted:#607480;--line:#dce8e8;--white:#fff;--radius:24px;--shadow:0 24px 70px rgba(6,35,50,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}a{color:inherit}.shell{width:min(1180px,calc(100% - 42px));margin:auto}.progress{position:fixed;left:0;top:0;height:3px;width:0;background:linear-gradient(90deg,var(--teal),var(--cyan));z-index:100}
.nav-wrap{position:sticky;top:0;z-index:90;background:rgba(251,253,252,.83);backdrop-filter:blur(18px);border-bottom:1px solid rgba(220,232,232,.8)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:var(--navy);color:white;font-weight:900}.brand b,.brand small{display:block}.brand b{letter-spacing:-.02em}.brand small{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.09em}.nav-links{display:flex;gap:24px}.nav-links a{text-decoration:none;font-size:13px;font-weight:750;color:#49616d}.nav-links a:hover{color:var(--teal)}.menu{display:none;border:0;background:transparent;font-size:24px}
.hero{min-height:calc(100vh - 76px);display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:70px;padding-top:60px;padding-bottom:70px}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--teal);font-size:12px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;margin:0 0 18px}.eyebrow span{width:24px;height:2px;background:currentColor}.hero h1{font-size:clamp(58px,7.2vw,104px);line-height:.92;letter-spacing:-.065em;margin:0 0 28px;max-width:800px}.hero h1 em{font-style:normal;color:var(--teal)}.lead{font-size:clamp(19px,2vw,25px);line-height:1.45;color:#49616d;max-width:780px}.hero-actions,.contact-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;border-radius:12px;text-decoration:none;font-size:13px;font-weight:850;transition:.25s}.button:hover{transform:translateY(-2px)}.primary{background:var(--navy);color:white}.ghost{border:1px solid var(--line);background:white}.quick{display:flex;gap:38px;margin-top:45px;padding-top:25px;border-top:1px solid var(--line)}.quick strong{display:block;font-size:29px;letter-spacing:-.04em;color:var(--navy)}.quick span{font-size:11px;color:var(--muted)}
.portrait-wrap{position:relative;display:grid;place-items:center}.portrait-card{position:relative;width:min(440px,100%);padding:14px;background:white;border:1px solid var(--line);border-radius:36px;box-shadow:var(--shadow);transform:rotate(1.5deg)}.portrait-card img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center top;border-radius:26px}.portrait-note{position:absolute;left:-30px;bottom:38px;padding:15px 18px;background:rgba(7,27,43,.94);color:white;border-radius:16px;box-shadow:var(--shadow);max-width:240px}.portrait-note span,.portrait-note b{display:block}.portrait-note span{font-size:10px;color:var(--cyan);text-transform:uppercase;letter-spacing:.12em}.portrait-note b{font-size:13px;margin-top:3px}.orbit{position:absolute;border:1px solid rgba(22,166,160,.24);border-radius:50%;z-index:-1}.orbit-a{width:500px;height:500px}.orbit-b{width:590px;height:590px;border-style:dashed;animation:spin 25s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.ticker{overflow:hidden;background:var(--navy);color:white;padding:15px 0}.ticker-track{display:flex;gap:28px;width:max-content;animation:ticker 28s linear infinite;font-size:12px;text-transform:uppercase;letter-spacing:.11em;font-weight:800}.ticker i{color:var(--cyan)}@keyframes ticker{to{transform:translateX(-50%)}}
.section{padding:105px 0}.section-head{display:grid;grid-template-columns:.48fr 1fr;gap:50px;margin-bottom:48px}.section-head .eyebrow{grid-column:1}.section-head h2{grid-column:1/3;font-size:clamp(40px,5.3vw,68px);line-height:1.02;letter-spacing:-.05em;margin:-6px 0 0;max-width:920px}.section-head>p:last-child{grid-column:2;color:var(--muted);margin:0;max-width:650px}.about-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:50px}.big-copy{font-size:clamp(21px,2.4vw,31px);line-height:1.48;letter-spacing:-.02em}.big-copy p:first-child{margin-top:0}.fact-card{background:var(--ice);padding:30px;border-radius:var(--radius);border:1px solid #d7eeee}.label,.tag{font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:var(--teal)}dl{margin:15px 0 0}dl div{display:grid;grid-template-columns:110px 1fr;gap:15px;padding:14px 0;border-bottom:1px solid #d7e8e8}dt{font-size:12px;color:var(--muted)}dd{margin:0;font-size:13px;font-weight:750}
.dark{background:var(--navy);color:white}.light h2{color:white}.light>p:last-child{color:#a9bdc7}.research-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.research-card{min-height:300px;padding:27px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.02));transition:.3s}.research-card:hover{transform:translateY(-6px);border-color:rgba(115,215,210,.55);background:rgba(255,255,255,.08)}.research-card>b{font-size:11px;color:var(--cyan)}.research-card h3{font-size:25px;line-height:1.15;margin:55px 0 12px;letter-spacing:-.03em}.research-card p{font-size:13px;color:#a9bdc7}.research-card span{display:inline-block;margin-top:18px;font-size:10px;color:var(--cyan);text-transform:uppercase;letter-spacing:.08em;font-weight:800}
.project-list{border-top:1px solid var(--line)}.project{display:grid;grid-template-columns:100px 1fr;gap:30px;padding:35px 0;border-bottom:1px solid var(--line)}.project-num{font-size:13px;color:var(--teal);font-weight:900}.project h3{font-size:clamp(24px,3vw,38px);line-height:1.18;letter-spacing:-.035em;margin:7px 0 12px;max-width:950px}.project p:last-child{color:var(--muted);max-width:800px}.soft{background:#f0f7f6}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:25px}.filter{border:1px solid var(--line);background:white;border-radius:999px;padding:9px 14px;font-weight:800;color:var(--muted);cursor:pointer}.filter.active{background:var(--navy);color:white;border-color:var(--navy)}.pub-list{background:white;border:1px solid var(--line);border-radius:22px;overflow:hidden}.pub{display:grid;grid-template-columns:80px 1fr 35px;gap:18px;padding:25px;border-bottom:1px solid var(--line);transition:.25s}.pub:last-child{border-bottom:0}.pub:hover{background:var(--ice)}.pub>span{font-size:12px;font-weight:900;color:var(--teal)}.pub h3{margin:0;font-size:17px;line-height:1.4}.pub p{margin:5px 0 0;color:var(--muted);font-size:12px}.pub>b{color:var(--teal)}.pub.hidden{display:none}.center{text-align:center;margin-top:28px}.dark-button{background:var(--navy);color:white}
.timeline{position:relative;margin-left:160px;border-left:1px solid var(--line)}.time{display:grid;grid-template-columns:180px 1fr;gap:25px;padding:0 0 42px 28px;position:relative}.time:before{content:"";position:absolute;width:11px;height:11px;border-radius:50%;background:var(--teal);left:-6px;top:7px;box-shadow:0 0 0 6px var(--ice)}.time>span{font-size:12px;color:var(--teal);font-weight:900}.time h3{margin:0;font-size:22px;letter-spacing:-.025em}.time p{margin:5px 0;color:var(--muted)}
.contact-card{padding:55px;border-radius:30px;background:linear-gradient(135deg,var(--navy),#0b5260);color:white;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;box-shadow:var(--shadow)}.contact-card h2{font-size:clamp(40px,5vw,65px);line-height:1;margin:0 0 15px;letter-spacing:-.05em}.contact-card p{color:#c2d6dc;max-width:650px}.pale{color:var(--cyan)}.white{background:white;color:var(--navy)}.glass{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:white}
footer{padding:28px 0 45px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:12px}footer b,footer span{display:block}footer b{color:var(--ink);font-size:14px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:65px}.portrait-wrap{margin-top:15px}.portrait-card{max-width:500px}.research-grid{grid-template-columns:1fr 1fr}.section-head{grid-template-columns:1fr}.section-head h2,.section-head>p:last-child{grid-column:1}.about-grid,.contact-card{grid-template-columns:1fr}.timeline{margin-left:0}.nav-links{position:absolute;left:20px;right:20px;top:68px;display:none;flex-direction:column;padding:20px;background:white;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.nav-links.open{display:flex}.menu{display:block}}
@media(max-width:620px){.shell{width:min(100% - 26px,1180px)}.hero{gap:35px;min-height:auto}.hero h1{font-size:55px}.quick{gap:18px;justify-content:space-between}.quick strong{font-size:24px}.portrait-note{left:10px;bottom:20px}.orbit{display:none}.section{padding:75px 0}.section-head h2{font-size:42px}.research-grid{grid-template-columns:1fr}.research-card{min-height:250px}.project{grid-template-columns:45px 1fr;gap:12px}.pub{grid-template-columns:50px 1fr}.pub>b{display:none}.timeline{border-left:0}.time{grid-template-columns:1fr;padding-left:22px}.time:before{left:-5px}.contact-card{padding:32px 23px}footer{flex-direction:column}}


/* V3 — bright academic blue/teal redesign */
:root{
  --navy:#083b66;
  --navy2:#0b5683;
  --teal:#079f9a;
  --cyan:#58c9d1;
  --ice:#eef9fb;
  --paper:#ffffff;
  --ink:#092b4a;
  --muted:#536d82;
  --line:#d6e5ef;
  --white:#ffffff;
  --shadow:0 22px 65px rgba(8,59,102,.12)
}
body{background:#fff}
.nav-wrap{background:rgba(255,255,255,.92);border-bottom:1px solid #d9e8f1}
.hero{
  position:relative;
  max-width:none;
  width:100%;
  padding-left:max(calc((100vw - 1180px)/2),21px);
  padding-right:max(calc((100vw - 1180px)/2),21px);
  background:
    linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.92) 36%,rgba(255,255,255,.45) 62%,rgba(255,255,255,.12) 100%),
    url("hero-background.png") center/cover no-repeat;
}
.hero:before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(220,242,255,.12),rgba(255,255,255,.06));
  pointer-events:none
}
.hero-copy,.portrait-wrap{position:relative;z-index:1}
.hero h1{color:#082f56;text-shadow:0 2px 18px rgba(255,255,255,.55)}
.hero h1 em{color:#087e9b}
.lead{color:#365b73;font-weight:520}
.primary{background:linear-gradient(135deg,#07508a,#087a9d)}
.ghost{background:rgba(255,255,255,.88);border-color:#bcd6e5}
.quick{border-color:#cfe1eb}
.quick strong{color:#07508a}
.ticker{background:linear-gradient(90deg,#07508a,#087a9d)}
.dark{background:linear-gradient(180deg,#eef8fc,#f8fcfe);color:var(--ink)}
.light h2{color:#082f56}.light>p:last-child{color:var(--muted)}
.research-card{
  background:#fff;border:1px solid #d6e6ef;color:var(--ink);
  box-shadow:0 10px 30px rgba(8,59,102,.055)
}
.research-card:hover{background:#f7fcff;border-color:#73c9d2;box-shadow:0 18px 38px rgba(8,59,102,.10)}
.research-card>b{color:#079f9a}
.research-card p{color:#5a7183}
.research-card h3{margin-top:55px}
.soft{background:#f3f9fc}
.fact-card{background:#f0f9fb;border-color:#d4ebef}
.contact-card{background:linear-gradient(135deg,#07508a,#079f9a)}
.portrait-card{border-color:#c9dde8}
.orbit{border-color:rgba(7,159,154,.26)}


/* V4 — research-theme image cards */
.research-card{
  overflow:hidden;
  padding:0 0 28px;
}
.research-card > b,
.research-card > h3,
.research-card > p,
.research-card > span{
  margin-left:28px;
  margin-right:28px;
}
.research-card > b{
  display:block;
  padding-top:24px;
}
.research-card .research-image{
  width:100%;
  height:190px;
  margin-top:22px;
  overflow:hidden;
  background:#eaf4f8;
}
.research-card .research-image img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transition:transform .55s ease;
}
.research-card:hover .research-image img{
  transform:scale(1.045);
}
.research-card .research-image + h3{
  margin-top:24px;
}
@media (max-width:760px){
  .research-card .research-image{height:220px}
}

/* V5 research cards and theme switcher */
.theme-switcher{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.75);margin-left:12px}
.theme-btn{width:31px;height:31px;border:0;border-radius:50%;cursor:pointer;background:transparent;color:var(--ink)}
.theme-btn.active{background:#087a9d;color:#fff}
.research-card{padding:0 0 28px!important;overflow:hidden}
.research-card>b{display:block;padding:18px 28px 14px!important;margin:0!important;color:#079f9a}
.research-card .research-image{margin:0!important;width:100%;height:190px}
.research-card .research-image img{width:100%;height:100%;object-fit:cover;display:block}
.research-card .research-image+h3{margin-top:22px!important}
.research-card h3,.research-card p{margin-left:28px!important;margin-right:28px!important}
html[data-theme="hybrid"] .nav-wrap{background:rgba(6,43,73,.95);border-color:rgba(255,255,255,.12)}
html[data-theme="hybrid"] .nav-wrap a,html[data-theme="hybrid"] .brand{color:#fff}
html[data-theme="hybrid"] .theme-switcher{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2)}
html[data-theme="hybrid"] .theme-btn{color:#fff}
html[data-theme="dark"] body{background:#071827;color:#eaf5fb}
html[data-theme="dark"] .nav-wrap{background:rgba(5,20,33,.95);border-color:#18364c}
html[data-theme="dark"] .nav-wrap a,html[data-theme="dark"] .brand{color:#eef8fc}
html[data-theme="dark"] .theme-switcher{background:#0d2638;border-color:#24475d}
html[data-theme="dark"] .theme-btn{color:#dff6f7}
html[data-theme="dark"] section,html[data-theme="dark"] .dark,html[data-theme="dark"] .soft{background:#071827;color:#eaf5fb}
html[data-theme="dark"] h2,html[data-theme="dark"] h3{color:#f5fbff}
html[data-theme="dark"] p{color:#a9bfce}
html[data-theme="dark"] .research-card,html[data-theme="dark"] .fact-card{background:#0d2334;border-color:#234357;color:#eef8fc}
html[data-theme="dark"] .hero{background:linear-gradient(90deg,rgba(5,20,33,.96),rgba(5,20,33,.78) 38%,rgba(5,20,33,.2)),url("hero-background.png") center/cover no-repeat}
html[data-theme="dark"] .hero h1{color:#fff;text-shadow:none}
html[data-theme="dark"] .lead{color:#c1d5df}
@media(max-width:900px){.theme-switcher{margin:8px 0}}


/* V6 — readability, blue–teal academic palette, titles above images */
:root{
  --navy:#173d68;
  --navy2:#245f99;
  --teal:#37a8a5;
  --cyan:#4aaed2;
  --ice:#f2f9fc;
  --paper:#ffffff;
  --ink:#102a4c;
  --muted:#506c83;
  --line:#cfe0ea;
  --shadow:0 18px 50px rgba(23,61,104,.10);
}

/* General readability */
body{font-size:17px;line-height:1.68;color:var(--ink)}
p{font-size:17px;line-height:1.7}
.eyebrow{font-size:14px;letter-spacing:.13em}
.lead{font-size:20px;line-height:1.65}
.section-head p,.section-intro{font-size:18px;line-height:1.7}

/* Larger identity and navigation */
.brand{gap:12px}
.brand-mark{width:46px;height:46px;font-size:16px}
.brand strong{font-size:17px;line-height:1.15}
.brand small{font-size:11px;letter-spacing:.11em;opacity:.78}
.nav-links a,.nav-wrap nav>a{font-size:15px;font-weight:700}
.nav-inner{min-height:82px}
.theme-btn{width:34px;height:34px;font-size:16px}

/* Buttons / calls to action */
.btn,.primary,.ghost,.hero-actions a{font-size:16px;font-weight:750;padding:14px 20px}
.quick span{font-size:15px}
.quick strong{font-size:24px}

/* Research cards: title BEFORE image, larger descriptions */
.research-card{
  display:flex;
  flex-direction:column;
  padding:0 0 25px!important;
  border-radius:22px;
}
.research-card>b{
  order:1;
  padding:18px 28px 4px!important;
  font-size:13px;
}
.research-card h3{
  order:2;
  margin:4px 28px 16px!important;
  font-size:26px!important;
  line-height:1.18;
  color:var(--ink);
}
.research-card .research-image{
  order:3;
  height:205px!important;
  margin:0!important;
}
.research-card p{
  order:4;
  margin:18px 28px 0!important;
  font-size:16.5px!important;
  line-height:1.65!important;
  color:var(--muted);
}
.research-card .research-image+h3{margin-top:4px!important}
.research-card .research-image img{object-fit:cover}

/* Headings use strong, clean academic typography */
h1,h2,h3,.brand strong,.nav-links a,.btn,.primary,.ghost{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
}
h2{letter-spacing:-.035em}
.hero h1{letter-spacing:-.05em}

/* Requested blue–teal visual direction */
.nav-wrap{background:rgba(23,61,104,.97);border-bottom:1px solid rgba(255,255,255,.12)}
.nav-wrap .brand,.nav-wrap .brand strong,.nav-wrap .brand small,
.nav-wrap a{color:#fff!important}
.theme-switcher{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.24)}
.theme-btn{color:#fff}
.theme-btn.active{background:linear-gradient(135deg,#2c79c5,#42aaa5);color:#fff}
.primary{background:linear-gradient(135deg,#286ec1,#3da9a4)}
.contact-card{background:linear-gradient(115deg,#285f9c 0%,#39a8a3 100%)}

/* Visible email gets room if it is inside a contact button */
.contact-card a{font-size:16px}

/* Dark mode keeps the same blue–teal identity */
html[data-theme="dark"] .nav-wrap,
html[data-theme="hybrid"] .nav-wrap{background:rgba(23,61,104,.98)}
html[data-theme="dark"] .research-card h3{color:#f4fbff}

@media(max-width:900px){
  body,p{font-size:16px}
  .nav-inner{min-height:72px}
  .brand strong{font-size:16px}
  .research-card h3{font-size:23px!important}
  .research-card .research-image{height:220px!important}
}


/* V7 FINAL — hero identity hierarchy and finishing polish */
.hero-name{
  margin:0 0 14px;
  font-size:clamp(3.2rem,5.8vw,5.6rem);
  line-height:.94;
  font-weight:900;
  letter-spacing:-.055em;
  color:#123b69;
  max-width:850px;
}
.hero .eyebrow{
  margin-top:0;
  margin-bottom:18px;
  font-size:15px;
  font-weight:800;
  letter-spacing:.13em;
  color:#198f9e;
}
.hero-statement{
  margin:0 0 22px;
  max-width:760px;
  font-size:clamp(2.35rem,4.25vw,4.5rem);
  line-height:1.01;
  font-weight:850;
  letter-spacing:-.05em;
  color:#102a4c;
}
.hero-statement em{color:#2c8fa4;font-style:normal}
.hero-copy{padding-top:10px}
.hero .lead{max-width:720px;font-size:20px;line-height:1.65}
.hero-actions{margin-top:28px}

/* Header identity — readable without competing with hero */
.brand strong{font-size:22px!important;font-weight:850!important;letter-spacing:-.025em}
.brand small{font-size:12px!important;font-weight:650;letter-spacing:.09em}
.nav-links a,.nav-wrap nav>a{font-size:15.5px!important}

/* Consistent section typography */
.section-head h2,.light h2,.dark h2{font-size:clamp(2.5rem,4vw,4.25rem);line-height:1.02}
.section-head p{max-width:720px}
.research-card h3{font-weight:820}

/* Contact finishing */
.contact-email{margin-top:12px!important}
.contact-email a{color:#fff;text-decoration:none;font-size:17px;font-weight:700}
.contact-email a:hover{text-decoration:underline}

/* Smooth visual polish */
.research-card,.fact-card,.project-card,.pub-card{transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.research-card:hover{transform:translateY(-5px)}
.hero-actions a,.contact-card a{transition:transform .2s ease,box-shadow .2s ease}
.hero-actions a:hover,.contact-card a:hover{transform:translateY(-2px)}

html[data-theme="dark"] .hero-name,
html[data-theme="dark"] .hero-statement{color:#f6fbff}
html[data-theme="dark"] .hero .eyebrow{color:#65d2d0}
html[data-theme="hybrid"] .hero-name{color:#123b69}

@media(max-width:760px){
  .hero-name{font-size:clamp(2.8rem,13vw,4.2rem)}
  .hero-statement{font-size:clamp(2rem,9vw,3.2rem)}
  .hero .lead{font-size:17px}
  .brand strong{font-size:18px!important}
  .brand small{font-size:10px!important}
}


/* V7.1 — corrected hero name placement */
.hero-copy .hero-name{
  display:block!important;
  position:relative!important;
  margin:0 0 12px!important;
  padding:0!important;
  font-size:clamp(3.8rem,6.2vw,6.4rem)!important;
  line-height:.92!important;
  font-weight:900!important;
  letter-spacing:-.06em!important;
  color:#173d68!important;
  z-index:2;
}
.hero-copy .hero-name + .eyebrow{
  margin:0 0 24px!important;
}
.hero-copy .hero-statement{
  margin:0 0 24px!important;
  font-size:clamp(2.5rem,4.5vw,4.8rem)!important;
  line-height:1.02!important;
  font-weight:850!important;
  letter-spacing:-.05em!important;
  color:#173d68!important;
}
.hero-copy .hero-statement em{
  color:#348fa7!important;
  font-style:normal!important;
}
html[data-theme="dark"] .hero-copy .hero-name,
html[data-theme="dark"] .hero-copy .hero-statement{color:#f7fbff!important}

@media(max-width:760px){
  .hero-copy .hero-name{font-size:clamp(3rem,14vw,4.8rem)!important}
  .hero-copy .hero-statement{font-size:clamp(2.1rem,10vw,3.4rem)!important}
}


/* V8 FINAL — streamlined header + profile sections */
.brand{min-width:48px}
.brand > span:not(.brand-mark){display:none!important}
.nav-inner{gap:28px}
.nav-links{gap:22px}
.nav-links a,.nav-wrap nav>a{font-size:14.5px!important;white-space:nowrap}

.profile-section{
  padding:105px max(calc((100vw - 1180px)/2),24px);
  background:#fff;
}
.profile-section.soft{background:#f3f9fc}
.profile-section .section-head{max-width:820px;margin-bottom:48px}
.profile-section .section-head h2{margin:8px 0 16px}
.profile-section .section-head>p:last-child{font-size:18px;color:var(--muted)}

.timeline-grid,.experience-grid,.conference-grid{
  display:grid;
  gap:22px;
}
.timeline-grid{grid-template-columns:repeat(3,1fr)}
.experience-grid,.conference-grid{grid-template-columns:repeat(2,1fr)}

.timeline-card,.experience-card,.conference-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:20px;
  padding:30px;
  box-shadow:0 14px 38px rgba(23,61,104,.06);
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
}
.profile-section:not(.soft) .experience-card{background:#f9fcfe}
.timeline-card:hover,.experience-card:hover,.conference-card:hover{
  transform:translateY(-5px);
  border-color:#73c9d2;
  box-shadow:0 20px 45px rgba(23,61,104,.10);
}
.timeline-year,.experience-card>span,.conference-year{
  display:inline-block;
  color:#178f9d;
  font-size:14px;
  font-weight:850;
  letter-spacing:.06em;
  margin-bottom:14px;
}
.timeline-card h3,.experience-card h3,.conference-card h3{
  margin:0 0 8px;
  color:#173d68;
  font-size:23px;
  line-height:1.25;
}
.timeline-place,.experience-card strong{
  display:block;
  color:#2c6f9d;
  font-size:15.5px;
  font-weight:750;
  margin-bottom:14px;
}
.timeline-card p,.experience-card p,.conference-card p{
  font-size:16px;
  line-height:1.65;
  color:#536d82;
}
html[data-theme="dark"] .profile-section,
html[data-theme="dark"] .profile-section.soft{background:#071827}
html[data-theme="dark"] .timeline-card,
html[data-theme="dark"] .experience-card,
html[data-theme="dark"] .conference-card{
  background:#0d2334;border-color:#234357
}
html[data-theme="dark"] .timeline-card h3,
html[data-theme="dark"] .experience-card h3,
html[data-theme="dark"] .conference-card h3{color:#f5fbff}
html[data-theme="dark"] .timeline-card p,
html[data-theme="dark"] .experience-card p,
html[data-theme="dark"] .conference-card p{color:#abc0ce}

@media(max-width:1050px){
  .nav-links{gap:13px}
  .nav-links a,.nav-wrap nav>a{font-size:13px!important}
}
@media(max-width:900px){
  .timeline-grid,.experience-grid,.conference-grid{grid-template-columns:1fr}
  .profile-section{padding:78px 22px}
}


/* V9 FINAL — readability pass for About, profile and publications */
.about-copy p,
.about-grid > div:first-child p{
  font-size:19px!important;
  line-height:1.72!important;
  color:#193653;
}
.fact-card,.profile-card{font-size:17px!important}
.fact-card small,.profile-card small{font-size:14px!important}
.fact-card strong,.profile-card strong{font-size:17px!important}

/* Research profile card */
.profile-card p,.profile-card li,
.fact-card p,.fact-card li{font-size:16.5px!important;line-height:1.6!important}

/* Publication filters and entries */
.pub-filters button,.filter-btn{
  font-size:16px!important;
  font-weight:750!important;
  padding:10px 17px!important;
}
.pub-item,.publication-item{padding-top:27px!important;padding-bottom:27px!important}
.pub-item h3,.publication-item h3,
.pub-item .pub-title,.publication-item .pub-title{
  font-size:19px!important;
  line-height:1.42!important;
  font-weight:800!important;
}
.pub-item p,.publication-item p,
.pub-item .journal,.publication-item .journal{
  font-size:15.5px!important;
  line-height:1.55!important;
}
.pub-item .year,.publication-item .year{
  font-size:15px!important;
  font-weight:850!important;
}

/* Contact/profile buttons */
.contact-card .contact-actions,
.contact-card .actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}
.contact-card a{
  font-size:15.5px!important;
  font-weight:750!important;
}

/* Keep larger readable text in dark mode */
html[data-theme="dark"] .about-copy p,
html[data-theme="dark"] .about-grid > div:first-child p{color:#c2d4df}

@media(max-width:760px){
  .about-copy p,.about-grid > div:first-child p{font-size:17px!important}
  .pub-item h3,.publication-item h3,
  .pub-item .pub-title,.publication-item .pub-title{font-size:17.5px!important}
}