:root{--ink:#15232b;--muted:#52646b;--paper:#f7f5ef;--white:#fff;--coral:#cc5744;--coral-dark:#9e3f31;--sage:#9dac9f;--blue:#246d8a;--line:#d7ddd8;--shadow:0 24px 70px rgba(21,35,43,.12);--radius:22px;--max:1180px}
*{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}img{max-width:100%;display:block}a{color:inherit}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:1rem;top:1rem;background:#fff;padding:.7rem 1rem;z-index:1000}.site-header{position:sticky;top:0;z-index:100;background:rgba(247,245,239,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(21,35,43,.08)}.nav-wrap{max-width:var(--max);margin:auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:11px;align-items:center;text-decoration:none}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--coral);color:white;font-weight:800}.brand strong,.brand small{display:block}.brand small{font-size:.72rem;color:var(--muted);letter-spacing:.04em}nav{display:flex;gap:28px}nav a{text-decoration:none;font-size:.94rem;font-weight:650}nav a:hover{color:var(--coral)}.menu-button{display:none;background:none;border:1px solid var(--line);border-radius:999px;padding:.45rem .8rem}.hero{overflow:hidden;padding:72px 24px 76px;background:linear-gradient(135deg,#f7f5ef 0%,#edf1ed 100%)}.hero-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1.12fr .88fr;gap:64px;align-items:center}.eyebrow,.section-kicker{text-transform:uppercase;letter-spacing:.16em;font-size:.74rem;font-weight:800;color:var(--coral)}h1,h2,h3{line-height:1.13;margin:0}h1{font-size:clamp(3.1rem,6.2vw,6.6rem);letter-spacing:-.055em;max-width:920px}h2{font-size:clamp(2rem,4vw,4rem);letter-spacing:-.035em}.lede{font-size:1.3rem;color:var(--muted);max-width:680px;margin:24px 0 32px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 1.2rem;border-radius:999px;text-decoration:none;font-weight:760}.primary{background:var(--coral);color:#fff}.primary:hover{background:var(--coral-dark)}.secondary{border:1px solid var(--ink)}.quick-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:44px 0 0}.quick-facts div{border-top:1px solid var(--line);padding-top:14px}.quick-facts dt{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.quick-facts dd{margin:3px 0 0;font-size:.9rem;font-weight:670}.hero-art{min-height:570px;position:relative;border-radius:40px;background:#132730;overflow:hidden;box-shadow:var(--shadow)}.orb{position:absolute;border-radius:50%;filter:blur(2px)}.orb-one{width:340px;height:340px;background:rgba(204,87,68,.72);right:-80px;top:-80px}.orb-two{width:280px;height:280px;background:rgba(54,131,157,.6);left:-100px;bottom:-80px}.dna{position:absolute;inset:70px 90px;display:flex;flex-direction:column;justify-content:space-around;transform:rotate(-7deg)}.dna span{height:3px;background:linear-gradient(90deg,#f2b7a9 0 18%,#fff 18% 82%,#8fc5d3 82%);border-radius:3px;position:relative;transform:rotate(var(--r,0deg))}.dna span:nth-child(odd){--r:17deg}.dna span:nth-child(even){--r:-17deg}.dna span:before,.dna span:after{content:"";position:absolute;width:17px;height:17px;border-radius:50%;top:-7px;background:#fff}.dna span:before{left:-5px}.dna span:after{right:-5px}.hero-card{position:absolute;left:28px;right:28px;bottom:28px;background:rgba(255,255,255,.9);backdrop-filter:blur(8px);border-radius:18px;padding:18px;display:flex;gap:8px;flex-wrap:wrap}.hero-card span,.impact-tags span{padding:.45rem .7rem;border-radius:999px;background:#eef0eb;font-size:.82rem;font-weight:700}.section-pad{max-width:var(--max);margin:auto;padding:104px 24px}.statement{text-align:center;max-width:1030px}.statement h2{font-size:clamp(2rem,4.5vw,4.6rem)}.section-heading{display:grid;grid-template-columns:1fr .65fr;gap:64px;align-items:end;margin-bottom:44px}.section-heading>p{color:var(--muted);font-size:1.05rem}.research-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.research-card{background:var(--white);padding:30px;border:1px solid var(--line);border-radius:var(--radius);transition:.25s}.research-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.card-number{color:var(--coral);font-weight:850;font-size:.82rem;margin-bottom:46px}.research-card h3{font-size:1.45rem}.research-card p{color:var(--muted)}.research-card ul{padding-left:18px;margin-bottom:0}.visual-story{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:28px}.visual-story figure,.impact-image{margin:0;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.visual-story img,.impact-image img{width:100%;aspect-ratio:4/3;object-fit:cover}.visual-story figcaption,.impact-image figcaption{padding:16px 20px;font-size:.85rem;color:var(--muted)}.impact{display:grid;grid-template-columns:1fr .82fr;gap:22px}.impact-panel{background:var(--ink);color:#fff;padding:52px;border-radius:var(--radius)}.impact-panel h2{font-size:clamp(2.2rem,4vw,4.2rem)}.impact-panel>p:not(.section-kicker){color:#c7d0d2;font-size:1.08rem}.impact-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:30px}.impact-tags span{background:rgba(255,255,255,.1)}.impact-image img{height:100%;object-fit:cover}.text-link{font-weight:750;color:var(--coral);text-decoration:none}.pub-list{border-top:1px solid var(--line)}.pub-list article{display:grid;grid-template-columns:90px 1fr;gap:22px;padding:28px 0;border-bottom:1px solid var(--line)}.pub-year{font-weight:850;color:var(--coral)}.pub-list h3{font-size:1.25rem;max-width:880px}.pub-list p{margin:.5rem 0;color:var(--muted)}.pub-list a{color:var(--blue);font-weight:700;text-decoration:none}.about{border-top:1px solid var(--line)}.about-grid{display:grid;grid-template-columns:1fr .82fr;gap:80px}.bio{font-size:1.2rem;color:var(--muted)}.timeline{border-left:1px solid var(--line);padding-left:36px}.timeline div{position:relative;margin-bottom:30px}.timeline div:before{content:"";position:absolute;left:-42px;top:7px;width:11px;height:11px;border-radius:50%;background:var(--coral)}.timeline span{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--coral);font-weight:850}.timeline strong{display:block;font-size:1.12rem}.timeline p{margin:0;color:var(--muted)}.join-card{background:linear-gradient(135deg,#dce6df,#f2e3de);border-radius:34px;padding:58px;display:grid;grid-template-columns:1fr .6fr;gap:60px}.join-card h2{font-size:clamp(2.2rem,4vw,4.5rem)}.contact-block{align-self:end}.contact-block p{margin-top:24px;color:var(--muted)}footer{max-width:var(--max);margin:auto;padding:30px 24px 50px;display:flex;justify-content:space-between;border-top:1px solid var(--line);font-size:.85rem;color:var(--muted)}footer div{display:flex;gap:18px}footer a{text-decoration:none;font-weight:700;color:var(--ink)}
@media(max-width:900px){.hero-grid,.impact,.about-grid,.join-card,.section-heading{grid-template-columns:1fr}.hero-art{min-height:430px}.quick-facts,.research-grid{grid-template-columns:1fr}.visual-story{grid-template-columns:1fr}.section-heading{gap:16px}.about-grid{gap:40px}.join-card{padding:36px}.menu-button{display:block}nav{display:none;position:absolute;top:70px;left:16px;right:16px;background:#fff;padding:18px;border-radius:16px;box-shadow:var(--shadow);flex-direction:column;gap:12px}nav.open{display:flex}}
@media(max-width:600px){h1{font-size:3.1rem}.hero{padding-top:46px}.hero-art{min-height:350px}.dna{inset:50px}.hero-card{display:none}.section-pad{padding:72px 18px}.impact-panel{padding:34px 26px}.pub-list article{grid-template-columns:1fr;gap:6px}.join-card{padding:30px 24px}footer,footer div{flex-direction:column;gap:8px}.brand small{display:none}}

/* People page */
.people-main{overflow:hidden}.people-intro{padding-bottom:54px}.people-intro h1{font-size:clamp(4.2rem,9vw,8rem)}.people-intro .lede{max-width:820px}.people-section,.group-section,.members-section{border-top:1px solid var(--line)}.people-heading{display:grid;grid-template-columns:.42fr 1fr;gap:36px;align-items:end;margin-bottom:42px}.people-heading .section-kicker{margin:0}.pi-section{display:grid;grid-template-columns:minmax(280px,.72fr) 1.28fr;gap:64px;align-items:start}.pi-portrait{margin:0;position:relative}.pi-portrait:after{content:"";position:absolute;inset:18px -18px -18px 18px;border:1px solid var(--coral);border-radius:var(--radius);z-index:-1}.pi-photo{width:100%;aspect-ratio:1/1.08;object-fit:cover;object-position:center top;border-radius:var(--radius);box-shadow:var(--shadow)}.pi-details{padding-top:8px}.pi-role{font-size:1.18rem;color:var(--muted);margin-top:0}.pi-details>p:not(.pi-role){font-size:1.08rem;max-width:720px}.pi-details h3{font-size:1.15rem;margin-top:30px}.credential-list{list-style:none;padding:0;margin:16px 0 28px;border-top:1px solid var(--line)}.credential-list li{display:grid;grid-template-columns:105px 1fr;gap:18px;padding:13px 0;border-bottom:1px solid var(--line)}.credential-list span{font-weight:850;color:var(--coral)}.people-actions{display:flex;gap:12px;flex-wrap:wrap}.group-photo-container{margin:0;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.group-photo-container a{display:block;background:#e8ece8}.group-photo{width:100%;aspect-ratio:16/8.4;object-fit:cover}.group-photo-container figcaption{padding:16px 20px;color:var(--muted);font-size:.88rem}.lab-members-list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.member-category{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px;min-height:260px}.member-category h3{font-size:1.45rem;margin-bottom:12px}.member-category p{color:var(--muted)}.member-category .card-number{display:block;margin-bottom:58px}.member-callout{background:linear-gradient(135deg,#dce6df,#f2e3de)}
@media(max-width:900px){.people-heading,.pi-section{grid-template-columns:1fr}.people-heading{gap:8px}.pi-section{gap:38px}.pi-portrait{max-width:520px}.lab-members-list{grid-template-columns:1fr}.member-category{min-height:auto}.member-category .card-number{margin-bottom:30px}}
@media(max-width:600px){.people-intro h1{font-size:4rem}.credential-list li{grid-template-columns:1fr;gap:2px}.group-photo{aspect-ratio:4/3}.pi-portrait:after{inset:10px -10px -10px 10px}}

/* Merged people/about and publications page */
.career-grid{display:grid;grid-template-columns:1fr .82fr;gap:80px;margin-top:88px;padding-top:64px;border-top:1px solid var(--line)}
.publications-main{overflow:hidden}.publications-intro{padding-bottom:54px}.publications-intro h1{font-size:clamp(4.2rem,9vw,8rem)}.publications-intro .lede{max-width:820px}.publications-page{border-top:1px solid var(--line)}
nav a[aria-current="page"]{color:var(--coral)}
@media(max-width:900px){.career-grid{grid-template-columns:1fr;gap:40px}}
@media(max-width:600px){.publications-intro h1{font-size:4rem}.career-grid{margin-top:64px;padding-top:48px}}

/* People page refinements */
.pi-section{grid-template-columns:minmax(210px,.48fr) 1.52fr}
.pi-portrait{max-width:330px}
.pi-photo{aspect-ratio:3/4;object-position:center 18%}
.credential-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0 28px}
.credential-card{display:flex;gap:14px;align-items:flex-start;padding:17px;border-radius:18px;border:1px solid transparent}
.credential-card strong{display:block;font-size:1rem}
.credential-card p{margin:4px 0 0;color:var(--muted);font-size:.9rem;line-height:1.45}
.credential-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;color:#fff;font-size:.76rem}
.credential-purple{background:#f3edf9;border-color:#dfd0ef}.credential-purple .credential-icon{background:#7a3db1}
.credential-blue{background:#ebf3fb;border-color:#cfe0f4}.credential-blue .credential-icon{background:#2f78bf}
.credential-green{background:#eef6e9;border-color:#d5e7c8}.credential-green .credential-icon{background:#5a962e}
.credential-gold{background:#fff6df;border-color:#f0dfac}.credential-gold .credential-icon{background:#c48a16}
.history-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.history-card{padding:20px;border-radius:20px;border:1px solid transparent;min-height:120px}
.history-card strong{display:block;font-size:1.08rem}.history-card p{margin:8px 0 0;color:var(--muted)}
.history-coral{background:#fbeae6;border-color:#efc8bf}.history-blue{background:#eaf3fa;border-color:#c9dfef}.history-purple{background:#f2ebf8;border-color:#ddccec}.history-green{background:#edf5e9;border-color:#d2e3c7}
.member-category .card-number{margin-bottom:24px;text-transform:uppercase;letter-spacing:.12em}
.student-slots{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:10px}
.student-slots li{padding:14px 15px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.72)}
.student-slots strong,.student-slots span{display:block}.student-slots span{color:var(--muted);font-size:.86rem;margin-top:2px}
.graduate-members{background:#f6f0fa}.graduate-members .card-number{color:#7a3db1}.graduate-members .student-slots li{border-color:#ddccec}
.undergraduate-members{background:#f0f6eb}.undergraduate-members .card-number{color:#5a962e}.undergraduate-members .student-slots li{border-color:#d2e3c7}
@media(max-width:900px){.pi-portrait{max-width:280px}.credential-cards,.history-cards{grid-template-columns:1fr}}
@media(max-width:600px){.pi-portrait{max-width:230px}.credential-card{padding:14px}}

/* People page — simplified color treatment */
.credential-cards{
  grid-template-columns:1fr;
  gap:0;
  margin:16px 0 28px;
  border-top:1px solid var(--line);
}
.credential-card{
  padding:15px 0;
  border:0;
  border-bottom:1px solid var(--line);
  border-radius:0;
  background:transparent;
}
.credential-icon{
  width:30px;
  height:30px;
  flex-basis:30px;
  background:var(--coral) !important;
}
.credential-purple,
.credential-blue,
.credential-green,
.credential-gold{
  background:transparent;
  border-color:var(--line);
}
.history-cards{
  grid-template-columns:1fr;
  gap:12px;
}
.history-card{
  min-height:0;
  padding:18px 20px;
  border:1px solid var(--line);
  border-left:4px solid var(--coral);
  border-radius:16px;
  background:var(--white);
}
.history-coral,
.history-blue,
.history-purple,
.history-green{
  background:var(--white);
  border-color:var(--line);
  border-left-color:var(--coral);
}
.graduate-members,
.undergraduate-members{
  background:var(--white);
}
.graduate-members .card-number,
.undergraduate-members .card-number{
  color:var(--coral);
}
.graduate-members .student-slots li,
.undergraduate-members .student-slots li{
  border-color:var(--line);
  background:var(--paper);
}
.member-callout{
  background:linear-gradient(135deg,#eef1ed,#f4ebe7);
}

/* Homepage concept: experimental paradigm panel */
.paradigm-panel{
  position:relative;
  overflow:hidden;
  min-height:620px;
  padding:38px 34px 30px;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:
    radial-gradient(circle at 88% 8%,rgba(204,87,68,.13),transparent 28%),
    linear-gradient(160deg,#fff 0%,#f0f3ef 100%);
  box-shadow:var(--shadow);
}
.paradigm-panel:before{
  content:"";
  position:absolute;
  width:220px;
  height:220px;
  right:-95px;
  bottom:-105px;
  border:0px solid rgba(36,109,138,.18);
  border-radius:50%;
}
.paradigm-head{position:relative;z-index:2;max-width:500px}
.paradigm-head .section-kicker{margin:0 0 8px}
.paradigm-head h3{font-size:clamp(1.7rem,2.6vw,2.65rem);letter-spacing:-.035em}
.paradigm-chart{
  position:relative;
  height:360px;
  margin:30px 4px 20px 52px;
  border-left:2px solid #95a79d;
  border-bottom:2px solid #95a79d;
  overflow:visible;
}
.axis-label{position:absolute;color:var(--ink);font-size:.72rem;font-weight:780;letter-spacing:.01em;line-height:1.25}
.axis-y{left:-54px;top:50%;width:92px;white-space:normal;transform:translate(-50%,-50%);text-align:center}
.axis-x{right:2px;bottom:-31px;font-size:.76rem}
.axis-arrow{position:absolute;background:#95a79d}
.axis-arrow-y{width:10px;height:10px;left:-6px;top:-2px;clip-path:polygon(50% 0,100% 100%,0 100%)}
.axis-arrow-x{width:10px;height:10px;right:-2px;bottom:-6px;clip-path:polygon(100% 50%,0 0,0 100%)}
.paradigm-region{position:absolute;z-index:0;opacity:.92}
.region-single{left:0;bottom:0;width:51%;height:48%;border-radius:52% 52% 0 0 / 72% 72% 0 0;background:#f6d778}
.region-ensemble{right:2%;bottom:0;width:34%;height:28%;border-radius:52% 52% 0 0 / 75% 75% 0 0;background:#f2a16d}
.region-new{left:46%;top:2%;width:39%;height:52%;border-radius:49% 54% 48% 55% / 55% 48% 58% 50%;background:#9db8d8;transform:rotate(-12deg)}
.region-label{position:absolute;z-index:2;font-size:.82rem;line-height:1.3}
.label-new{left:22%;top:4%;color:#4a79b7}
.label-single{left:3%;top:45%;color:#d59b00;text-align:center}
.label-ensemble{right:10%;top:58%;color:#e56500;text-align:center}
.plot-item{position:absolute;z-index:3;display:flex;align-items:flex-start;gap:7px;color:var(--ink);font-size:.72rem;line-height:1.18}
.plot-ring{flex:0 0 auto;width:11px;height:11px;border:2px solid #2773d5;border-radius:50%;margin-top:2px;background:transparent}
.item-swarming{left:64%;top:20%;font-size:.9rem}
.item-microscopy{left:24%;bottom:30%}
.item-multiplexed{left:2%;bottom:18%}
.item-single-tech{left:10%;bottom:5%}
.item-test-tube{right:8%;bottom:10%;font-size:.8rem}
.swarm-glyph{position:absolute;z-index:3;right:0;top:16%;width:78px;height:100px;border:3px dashed rgba(54,112,179,.8);border-radius:42% 58% 52% 48%;transform:rotate(10deg)}
.swarm-glyph i{position:absolute;width:13px;height:13px;border-radius:50%;background:#2a77d4;box-shadow:0 0 0 2px rgba(255,255,255,.8)}
.swarm-glyph i:nth-child(1){left:7px;top:17px;background:#4b9c2f}.swarm-glyph i:nth-child(2){right:12px;top:22px;background:#ef6c1b}.swarm-glyph i:nth-child(3){left:28px;top:48px;background:#c51f4e}.swarm-glyph i:nth-child(4){right:3px;top:55px;background:#8b48d1}.swarm-glyph i:nth-child(5){left:7px;bottom:8px;background:#1439b6}.swarm-glyph i:nth-child(6){right:26px;bottom:13px;background:#c28b08}.swarm-glyph i:nth-child(7){left:2px;top:48px;background:#14751c}.swarm-glyph i:nth-child(8){right:-3px;bottom:2px;background:#287fa0}
.tube-glyph{position:absolute;right:1%;bottom:2%;width:24px;height:58px;border:2px solid #637078;border-top:0;border-radius:0 0 45% 45%;transform:rotate(-4deg);opacity:.8}
.tube-glyph:before{content:"";position:absolute;left:-5px;top:-5px;width:31px;height:7px;border:2px solid #637078;background:#eef1ed;transform:skewX(18deg)}
.tube-glyph span{position:absolute;left:3px;right:3px;bottom:3px;height:21px;border-radius:0 0 45% 45%;background:linear-gradient(#d6e7ef,#a9c9d8)}
.paradigm-steps{display:grid;gap:8px;margin-top:28px}
.paradigm-steps>div{display:grid;grid-template-columns:36px 1fr;gap:10px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.72)}
.paradigm-steps span{font-size:.7rem;font-weight:850;letter-spacing:.1em;color:var(--muted)}
.paradigm-steps p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.4}
.paradigm-steps strong{color:var(--ink)}
.paradigm-steps .is-highlighted{border-color:rgba(204,87,68,.4);background:#f9ebe7}
.paradigm-steps .is-highlighted span{color:var(--coral)}
@media(max-width:900px){.paradigm-panel{min-height:auto}.paradigm-chart{height:380px}}
@media(max-width:600px){.paradigm-panel{padding:30px 18px 26px}.paradigm-chart{height:330px;margin-left:46px}.axis-y{left:-48px;font-size:.62rem}.axis-x{font-size:.64rem}.region-label{font-size:.67rem}.plot-item{font-size:.59rem}.item-swarming{font-size:.69rem;left:59%}.swarm-glyph{width:58px;height:78px}.paradigm-steps>div{grid-template-columns:28px 1fr}}


/* Hero option D: interdisciplinary molecular-tools hub */
.hero-art-hub{
  min-height:570px;
  position:relative;
  overflow:hidden;
  border-radius:40px;
  background:
    radial-gradient(circle at 50% 45%,rgba(255,255,255,.98) 0 16%,rgba(255,255,255,.48) 17% 31%,transparent 32%),
    linear-gradient(145deg,#f9f8f3 0%,#edf2ef 52%,#f3e9e5 100%);
  border:1px solid rgba(21,35,43,.08);
  box-shadow:var(--shadow);
}
.hero-art-hub:before,.hero-art-hub:after{content:"";position:absolute;border-radius:50%;filter:blur(1px)}
.hero-art-hub:before{width:240px;height:240px;right:-78px;top:-84px;background:rgba(204,87,68,.12)}
.hero-art-hub:after{width:220px;height:220px;left:-88px;bottom:-78px;background:rgba(36,109,138,.12)}
.hub-orbit{position:absolute;left:50%;top:47%;border:1px solid rgba(21,35,43,.12);border-radius:50%;transform:translate(-50%,-50%)}
.orbit-one{width:300px;height:300px}.orbit-two{width:410px;height:410px;border-style:dashed;opacity:.7}
.hub-center{position:absolute;left:50%;top:47%;z-index:3;transform:translate(-50%,-50%);width:180px;height:180px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#fff;border:1px solid rgba(21,35,43,.12);box-shadow:0 18px 50px rgba(21,35,43,.12);padding:22px}
.hub-center strong{font-size:1.15rem;line-height:1.18}.hub-center small{color:var(--muted);font-size:.72rem;margin-top:8px}
.hub-dna{display:grid;place-items:center;width:48px;height:48px;margin-bottom:9px;border-radius:50%;background:var(--coral);color:#fff;font-weight:850;font-size:.7rem;letter-spacing:.08em}
.hub-node{position:absolute;z-index:4;width:145px;text-align:center;padding:15px 12px;border-radius:18px;background:rgba(255,255,255,.9);border:1px solid rgba(21,35,43,.1);box-shadow:0 10px 28px rgba(21,35,43,.08)}
.hub-node strong,.hub-node small{display:block}.hub-node strong{font-size:.88rem}.hub-node small{font-size:.68rem;color:var(--muted);margin-top:3px}
.node-icon{display:grid;place-items:center;width:34px;height:34px;margin:0 auto 7px;border-radius:50%;font-weight:850}
.node-chemistry{left:8%;top:15%}.node-chemistry .node-icon{background:#f9e7e2;color:var(--coral)}
.node-biology{left:7%;bottom:13%}.node-biology .node-icon{background:#e9f1e8;color:#5d8462}
.node-nano{right:7%;top:15%}.node-nano .node-icon{background:#e8f0f5;color:var(--blue)}
.node-biomed{right:6%;bottom:13%}.node-biomed .node-icon{background:#f0e9f5;color:#7d5b91}
.hub-line{position:absolute;z-index:1;height:1px;width:112px;background:linear-gradient(90deg,transparent,rgba(21,35,43,.28),transparent);transform-origin:left center}
.line-chemistry{left:27%;top:33%;transform:rotate(21deg)}
.line-biology{left:27%;bottom:30%;transform:rotate(-21deg)}
.line-nano{right:27%;top:33%;transform:rotate(-21deg)}
.line-biomed{right:27%;bottom:30%;transform:rotate(21deg)}

/* Minimal paradigm plot — fine-tune this block to adjust the sidebar chart. */
.paradigm-chart-minimal{
  height:305px; /* overall plot height */
  margin:30px 6px 54px 54px; /* bottom space reserves room for labels */
  border-left:2px solid #9aa8a1;
  border-bottom:2px solid #9aa8a1;
  background:linear-gradient(rgba(21,35,43,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(21,35,43,.035) 1px,transparent 1px);
  background-size:25% 25%;
  overflow:visible;
}
.paradigm-chart-minimal .axis-y{left:-43px} /* y-axis title distance from axis */
.paradigm-chart-minimal .axis-x{right:1px;bottom:-44px} /* x-axis title position */
.axis-note{position:absolute;font-size:.62rem;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.note-more-y{left:-42px;top:-8px;color:var(--coral)}
.note-less-y{left:-38px;bottom:1px}
.note-less-x{left:2px;bottom:-24px}
.note-more-x{right:0;bottom:-24px;color:var(--coral)}
.minimal-point{position:absolute;z-index:3;max-width:145px;font-size:.72rem;line-height:1.15;color:var(--ink)}
.minimal-point strong,.minimal-point small{display:block}
.minimal-point small{margin-top:4px;color:var(--muted);font-size:.65rem}
.point-dot{position:absolute;width:14px;height:14px;left:-21px;top:1px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 5px rgba(36,109,138,.1)}
.point-ensemble{right:2%;bottom:8%;max-width:125px}
.point-ensemble .point-dot{background:var(--ink);box-shadow:0 0 0 5px rgba(21,35,43,.08)}
/* Blue-group ordering: microscopy (low), single-molecule techniques (middle), multiplexed (high). */
.point-single-tech{left:17%;bottom:9%}
.point-multiplexed{left:26.2%;bottom:20%;max-width:100px}
.point-microscopy{left:35%;bottom:35%}
.point-swarming{left:58%;top:16%;max-width:158px;color:var(--coral);font-size:.85rem}
.point-star{position:absolute;left:-30px;top:-7px;color:var(--coral);font-size:1.52rem;filter:drop-shadow(0 3px 8px rgba(204,87,68,.22))}
.point-swarming small{color:var(--ink);font-weight:650;font-size:.72rem}
.paradigm-guide{position:absolute;inset:0;z-index:1;width:100%;height:100%;overflow:visible}
.paradigm-guide path{fill:none;stroke:rgba(204,87,68,.42);stroke-width:1.1;stroke-dasharray:3 4;vector-effect:non-scaling-stroke}

@media(max-width:900px){
  .hero-art-hub{min-height:520px}
  .hub-node{width:138px}
  .paradigm-chart-minimal{height:330px}
}
@media(max-width:600px){
  .hero-art-hub{min-height:430px}
  .hub-center{width:136px;height:136px;padding:14px}
  .hub-center strong{font-size:.92rem}
  .hub-center small{font-size:.6rem}
  .hub-dna{width:38px;height:38px}
  .hub-node{width:108px;padding:10px 7px}
  .hub-node strong{font-size:.72rem}
  .hub-node small{display:none}
  .node-chemistry{left:3%;top:11%}
  .node-biology{left:3%;bottom:9%}
  .node-nano{right:3%;top:11%}
  .node-biomed{right:3%;bottom:9%}
  .orbit-one{width:220px;height:220px}
  .orbit-two{width:310px;height:310px}
  .hub-line{display:none}
  .paradigm-chart-minimal{height:300px;margin-left:48px;margin-bottom:54px}
  .paradigm-chart-minimal .axis-y{left:-39px}
  .minimal-point{font-size:.6rem;max-width:105px}
  .minimal-point small{font-size:.55rem}
  .point-multiplexed{left:36%}
  .point-swarming{left:54%;max-width:120px}
  .point-star{font-size:1.18rem;left:-23px}
}

/* Mobile navigation and narrow-screen layout fixes */
.nav-wrap{position:relative}
@media(max-width:900px){
  .menu-button{position:relative;z-index:202;cursor:pointer;color:var(--ink);font:inherit;font-weight:750;background:rgba(255,255,255,.72)}
  #site-nav{z-index:201;top:calc(100% + 8px);left:16px;right:16px;width:auto;max-height:calc(100vh - 100px);overflow-y:auto}
  #site-nav.open{display:flex}
  #site-nav a{display:block;width:100%;padding:.72rem .82rem;border-radius:10px}
  #site-nav a:hover,#site-nav a:focus-visible{background:var(--paper)}
  body.menu-open{overflow:hidden}
}
@media(max-width:700px){
  .pi-section{display:flex;flex-direction:column;gap:30px;align-items:stretch}
  .pi-portrait{width:min(78vw,280px);max-width:none;margin:0 auto}
  .pi-details{width:100%;padding-top:0;min-width:0}
  .pi-details>p,.pi-role{max-width:none;overflow-wrap:anywhere}
  .credential-cards{width:100%}
  .people-actions{align-items:stretch}
  .people-actions .button{flex:1 1 100%}
  .group-photo-container{width:100%}
  .group-photo{width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
  .lab-members-list{gap:26px}
  .past-members-section{padding-top:64px}
  .pub-list h3,.pub-list p,.patent-card h3,.patent-card p{overflow-wrap:anywhere;word-break:normal}
.point-single-tech{left:17%;bottom:9%}
.point-multiplexed{left:26.2%;bottom:20%;max-width:80px}
.point-microscopy{left:35%;bottom:35%}
.point-swarming{left:58%;top:16%;max-width:158px;color:var(--coral);font-size:.85rem}
.point-star{position:absolute;left:-30px;top:-7px;color:var(--coral);font-size:1.52rem;filter:drop-shadow(0 3px 8px rgba(204,87,68,.22))}
.point-swarming small{color:var(--ink);font-weight:650;font-size:.72rem}
.axis-y{left:-34px;top:50%;width:52px;white-space:normal;transform:translate(-50%,-50%);text-align:center}
}