:root{--bg:#f4f1ea;--ink:#0c1014;--muted:#6d7279;--line:#d9d6cf;--blue:#8bc6ff;--black:#080b0f;--gold:#cfb87c}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;background:var(--bg);color:var(--ink)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.shell{width:min(1380px,calc(100% - 48px));margin:auto}
.nav{height:78px;background:rgba(8,11,15,.97);color:white;position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(255,255,255,.09)}.navin{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand.single{font-size:18px;font-weight:800;letter-spacing:.1em;white-space:nowrap}.menu{display:flex;gap:28px;align-items:center;font-size:14px}.menu a{opacity:.78}.menu a:hover,.menu a.active{opacity:1}.join-btn{opacity:1!important;border:1px solid rgba(255,255,255,.5);padding:10px 16px;border-radius:9px;font-weight:700;background:#fff;color:#0b0e12}.join-btn:hover{background:var(--gold);border-color:var(--gold)}.burger{display:none;background:none;border:0;color:white;font-size:24px}
.hero-v51{background:var(--black);color:white;min-height:calc(100vh - 78px);display:flex;align-items:center;overflow:hidden}.hero-v51-inner{display:grid;grid-template-columns:.88fr 1.12fr;gap:26px;align-items:center;padding:48px 0 58px;min-height:calc(100vh - 78px)}.hero-v51-copy{position:relative;z-index:3}.hero-v51 h1{font-size:clamp(58px,7.6vw,116px);line-height:.92;letter-spacing:-.06em;margin:0 0 26px;font-weight:800}.hero-summary{font-size:clamp(17px,1.6vw,22px);line-height:1.55;color:#cfd5dc;max-width:680px;margin:0}
.circle-cluster-touch{width:min(650px,48vw);height:min(570px,43vw);position:relative;margin-left:auto}.circle-frame{position:absolute;width:52%;aspect-ratio:1/1;border-radius:50%;overflow:hidden;background:#0e1116;border:1px solid rgba(255,255,255,.14);box-shadow:0 24px 70px rgba(0,0,0,.32)}.circle-one{left:0;top:24%}.circle-two{right:0;top:0}.circle-three{right:0;bottom:0}.circle-frame .layer{position:absolute;inset:7%;background-position:center;background-size:contain;background-repeat:no-repeat;transition:opacity .8s ease}.circle-frame .layer-b{opacity:0}.circle-frame:after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 40px rgba(255,255,255,.04);pointer-events:none}
.section{padding:90px 0}.section-title{font-size:clamp(42px,5vw,76px);line-height:.95;letter-spacing:-.045em;margin:0 0 50px}.section-title.simple{font-size:clamp(36px,4.1vw,58px);margin-bottom:34px}.highlights-v5{display:grid;grid-template-columns:1.08fr .92fr;gap:22px}.side-v5{display:grid;grid-template-rows:repeat(3,1fr);gap:22px}.highlight-card{position:relative;overflow:hidden;border-radius:28px;background:#111;color:white}.highlight-card.feature{min-height:680px}.highlight-card.mini{min-height:210px}.highlight-card img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.highlight-card:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(5,7,9,.9),rgba(5,7,9,.14) 62%)}.overlay{position:absolute;left:26px;right:26px;bottom:24px;z-index:2}.journal-tag{display:inline-block;font-size:17px;letter-spacing:.07em;text-transform:uppercase;font-weight:800;color:#fff;background:rgba(0,0,0,.58);padding:8px 11px;border-radius:8px;margin-bottom:13px;backdrop-filter:blur(4px)}.paper-title{font-size:clamp(23px,2.2vw,42px);line-height:1.08;font-weight:700;letter-spacing:-.025em}.mini .paper-title{font-size:clamp(20px,1.7vw,28px)}
.pagehead{background:var(--black);color:white;padding:86px 0 70px}.pagehead h1{font-size:clamp(64px,9vw,128px);letter-spacing:-.065em;line-height:.9;margin:0}.content{padding:80px 0 110px}.scholar{display:inline-flex;align-items:center;gap:10px;border:1px solid #aaa;padding:13px 18px;border-radius:999px;margin-bottom:72px;background:#fff}.subhead{font-size:32px;letter-spacing:-.03em;margin:0 0 28px}.rep-list{counter-reset:rep;margin:0 0 86px;padding:0;list-style:none;border-top:1px solid var(--line)}.rep-list li{display:grid;grid-template-columns:52px 1fr;padding:22px 0;border-bottom:1px solid var(--line);font-size:18px;line-height:1.45}.rep-list li:before{counter-increment:rep;content:counter(rep);color:#989da4}.rep-list .journal{color:var(--muted)}.yearblock{display:grid;grid-template-columns:160px 1fr;gap:42px;padding:42px 0;border-top:1px solid var(--line)}.yearblock h2{font-size:44px;margin:0;letter-spacing:-.045em}.publist{margin:0;padding:0;list-style:none}.publist li{padding:0 0 24px;margin-bottom:24px;border-bottom:1px solid #e4e1da;line-height:1.52;font-size:16px}.publist li:last-child{margin-bottom:0}.publist em{font-style:normal;color:#666}
.team-section{padding:70px 0;border-top:1px solid var(--line)}.team-section:first-child{border-top:0;padding-top:0}.team-section h2{font-size:42px;letter-spacing:-.04em;margin:0 0 36px}.pi{display:grid;grid-template-columns:320px 1fr;gap:46px;align-items:start}.pi-photo,.member-photo{overflow:hidden;background:#ddd}.pi-photo{aspect-ratio:4/5;border-radius:22px}.pi-photo img,.member-photo img{width:100%;height:100%;object-fit:cover;object-position:center top}.pi h3{font-size:36px;letter-spacing:-.03em;margin:2px 0 16px}.pi-copy p{margin:6px 0;line-height:1.5;font-size:17px;color:#2d3238}.pi-copy .contact{margin-top:22px}.faculty-link{display:inline-block;margin-top:8px;text-decoration:underline;text-underline-offset:4px;font-weight:700}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:36px 24px}.member{min-width:0}.member-photo{aspect-ratio:4/5;border-radius:18px;margin-bottom:18px}.member h3{font-size:22px;line-height:1.2;margin:0 0 10px}.member p{font-size:16px;color:#343a40;margin:5px 0;line-height:1.48}.member .email{font-size:15px;word-break:break-all;color:#555d66}.member-role,.member-status{font-weight:500}.alumni-grid{grid-template-columns:repeat(3,1fr)}.alumni-grid .member-photo{aspect-ratio:4/5}.alumni-grid .member h3{font-size:23px}.alumni-grid .member p{font-size:17px;color:#30363c}.footer{background:var(--black);color:#c9ced5;padding:34px 0}.foot{display:flex;justify-content:space-between;gap:24px;font-size:13px}.foot strong{color:white}.foot a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:980px){.shell{width:min(100% - 28px,1380px)}.burger{display:block}.menu{position:absolute;top:78px;left:0;right:0;background:#0a0d11;display:none;flex-direction:column;align-items:flex-start;padding:22px 28px 28px;gap:18px}.menu.open{display:flex}.join-btn{display:inline-block}.hero-v51-inner{grid-template-columns:1fr;padding-top:52px}.circle-cluster-touch{width:min(620px,92vw);height:min(520px,78vw);margin:16px auto 0}.highlights-v5{grid-template-columns:1fr}.highlight-card.feature{min-height:520px}.side-v5{grid-template-columns:1fr 1fr 1fr;grid-template-rows:none}.pagehead{padding:58px 0 50px}.yearblock{grid-template-columns:1fr;gap:18px}.yearblock h2{font-size:36px}.pi{grid-template-columns:1fr}.pi-photo{max-width:320px}.grid{grid-template-columns:repeat(2,1fr)}.alumni-grid{grid-template-columns:repeat(2,1fr)}.foot{flex-direction:column}}
@media(max-width:640px){.brand.single{font-size:14px;letter-spacing:.07em}.hero-v51 h1{font-size:17vw}.hero-summary{font-size:16px}.circle-cluster-touch{height:86vw;max-height:440px}.circle-frame{width:55%}.highlight-card.feature{min-height:440px}.side-v5{grid-template-columns:1fr}.highlight-card.mini{min-height:250px}.overlay{left:20px;right:20px;bottom:18px}.journal-tag{font-size:14px}.paper-title{font-size:clamp(22px,7vw,30px)}.mini .paper-title{font-size:clamp(18px,5vw,24px)}.grid,.alumni-grid{grid-template-columns:1fr 1fr;gap:28px 14px}.member h3{font-size:18px}.member p,.alumni-grid .member p{font-size:14px}.pi h3{font-size:30px}.section{padding:68px 0}}

.hero-static-three .circle-frame .layer{inset:0;background-size:cover;background-position:center}.hero-static-three .circle-two .layer{background-size:contain;background-color:#fff}.hero-static-three .circle-three .layer{background-size:cover;background-position:center}
.group-gallery-wrap{margin-top:-8px;margin-bottom:16px}.group-gallery{position:relative;width:100%;aspect-ratio:16/7;overflow:hidden;border-radius:26px;background:#111;box-shadow:0 18px 48px rgba(0,0,0,.12)}.gallery-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .7s ease}.gallery-image.active{opacity:1}
.alumni-grid{grid-template-columns:repeat(4,1fr)}
@media(max-width:980px){.group-gallery{aspect-ratio:4/3}.alumni-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.alumni-grid{grid-template-columns:1fr 1fr}.group-gallery{aspect-ratio:1/1}}

/* Refinement pass */
.hero-v51-inner{gap:18px}
.circle-cluster-touch{width:min(620px,46vw);height:min(520px,39vw);margin-left:auto;transform:translateX(8px)}
.circle-frame{width:53%;border:1px solid rgba(255,255,255,.18);box-shadow:0 20px 55px rgba(0,0,0,.34)}
.circle-one{left:1%;top:23%}
.circle-two{right:4%;top:4%}
.circle-three{right:2%;bottom:3%}
.hero-static-three .circle-frame .layer{inset:0;background-repeat:no-repeat}
.hero-static-three .probe-circle .layer{background-size:128%;background-position:center}
.hero-static-three .plasmonic-circle .layer{background-size:92%;background-position:center;background-color:#fff}
.hero-static-three .third-circle .layer{background-size:220%;background-position:70% 72%;background-color:#85785a}
.hero-static-three .circle-frame{outline:10px solid rgba(255,255,255,.03)}

.group-gallery-wrap{margin-top:-8px;margin-bottom:28px}
.group-gallery{position:relative;width:100%;aspect-ratio:16/6.2;overflow:hidden;border-radius:28px;background:#111;box-shadow:0 18px 48px rgba(0,0,0,.12)}
.gallery-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 42%;opacity:0;transition:opacity .7s ease}
.gallery-image.active{opacity:1}
.gallery-dots{display:flex;gap:10px;justify-content:center;margin-top:12px}.dot{width:9px;height:9px;border-radius:50%;background:#c9c3b8;display:inline-block}.dot.active{background:#383d43}

.members-grid .member,.alumni-grid .member{background:#fff;border:1px solid #e6e1d8;border-radius:18px;padding:14px 14px 18px;box-shadow:0 8px 18px rgba(0,0,0,.03)}
.member-photo{aspect-ratio:4/5;border-radius:14px;margin-bottom:16px;background:#e8e5de}
.member-photo img{object-fit:cover;object-position:center 24%}
.members-grid .member{min-height:100%}
.alumni-grid .member{min-height:100%}
.member h3{font-size:21px;margin-bottom:8px}
.member p{font-size:15px;line-height:1.42}
.member .email{font-size:14px}
.alumni-grid{grid-template-columns:repeat(5,1fr);gap:28px 20px}
.alumni-grid .member h3{font-size:22px}.alumni-grid .member p{font-size:16px}
.pi-photo img{object-position:center 18%}

@media(max-width:1180px){
  .circle-cluster-touch{width:min(580px,48vw);height:min(500px,41vw)}
  .alumni-grid{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:980px){
  .circle-cluster-touch{width:min(620px,92vw);height:min(500px,78vw);transform:none}
  .group-gallery{aspect-ratio:4/3}
  .alumni-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:640px){
  .circle-cluster-touch{height:88vw;max-height:430px}
  .circle-frame{width:56%}
  .hero-static-three .probe-circle .layer{background-size:136%}
  .hero-static-three .plasmonic-circle .layer{background-size:96%}
  .hero-static-three .third-circle .layer{background-size:235%;background-position:71% 72%}
  .alumni-grid{grid-template-columns:1fr 1fr}
  .members-grid .member,.alumni-grid .member{padding:12px 12px 16px}
}

/* V5.4 focused hero/research refinement */
.hero-v51 h1{font-size:clamp(47px,5.67vw,86px);line-height:.91;letter-spacing:-.055em;margin-bottom:24px}
.research-jump{display:inline-flex;align-items:center;margin-top:24px;font-size:15px;font-weight:700;letter-spacing:.04em;color:#fff;border-bottom:1px solid rgba(255,255,255,.55);padding-bottom:5px}.research-jump:hover{color:var(--gold);border-color:var(--gold)}
.hero-static-three .circle-frame .layer{inset:0;background-repeat:no-repeat;background-color:#111}
.hero-static-three .stm-circle .layer{background-size:cover;background-position:center 50%}
.hero-static-three .plasmonic-circle .layer{background-size:cover;background-position:center;background-color:#111}
.hero-static-three .ztpv-circle .layer{background-size:cover;background-position:center;background-color:#111}
.highlights-v5{grid-template-columns:1.08fr .92fr}
.side-v5{grid-template-rows:1fr 1fr}
.journal-tag{font-size:15px;padding:7px 10px;letter-spacing:.06em}
@media(max-width:980px){.side-v5{grid-template-columns:1fr 1fr;grid-template-rows:none}}
@media(max-width:640px){.side-v5{grid-template-columns:1fr}.journal-tag{font-size:13px}}


/* V5.5 refinement */
.brand.single{font-size:16px;letter-spacing:.075em}
.circle-cluster-touch{width:min(660px,48vw);height:min(560px,42vw);transform:translateX(0)}
.circle-frame{width:49%}
.circle-one{left:0;top:24%}
.circle-two{right:0;top:0}
.circle-three{right:1%;bottom:-1%}
.hero-static-three .stm-circle .layer{background-size:112%;background-position:center center}
.hero-static-three .plasmonic-circle .layer{background-size:108%;background-position:center 44%}
.hero-static-three .ztpv-circle .layer{background-size:210%;background-position:90% 50%;background-color:#d9e2ef}
.feature-fit img{object-fit:contain;background:#0d1015}
.mini-ztpv img{object-fit:cover;object-position:left center}
.journal-tag{font-size:14px}
@media(max-width:980px){.brand.single{font-size:14px}.circle-cluster-touch{width:min(630px,94vw);height:min(520px,80vw)}.circle-frame{width:48%}}
@media(max-width:640px){.brand.single{font-size:12px;letter-spacing:.04em}.hero-static-three .stm-circle .layer{background-size:118%}.hero-static-three .plasmonic-circle .layer{background-size:114%}.hero-static-three .ztpv-circle .layer{background-size:225%;background-position:92% 50%}}


/* v58 highlight tuning */
.feature-split img{object-fit:cover;object-position:center center;background:#0d1015}
.mini-phononics img{object-fit:cover;object-position:center 42%;background:#081120}
.mini-ztpv img{object-fit:cover;object-position:left center;background:#dbe4f0}


/* V6.0 — tilted research cards that expand into a front-facing panel. */
.hero-v51-inner{
  grid-template-columns:minmax(280px,.78fr) minmax(560px,1.22fr);
  gap:clamp(28px,3vw,46px);
}
.research-accordion{
  position:relative;
  display:flex;
  align-items:stretch;
  gap:14px;
  height:clamp(450px,38vw,550px);
  min-width:0;
  padding:22px 9px 30px;
  perspective:1000px;
  perspective-origin:50% 44%;
  isolation:isolate;
}
.research-accordion::before{
  content:"";
  position:absolute;
  inset:12% -4% -8%;
  z-index:-1;
  pointer-events:none;
  background:radial-gradient(ellipse at 50% 62%,rgba(117,151,190,.12),transparent 68%);
}
.research-card{
  --card-yaw:22deg;
  --card-roll:-4deg;
  --card-rise:14px;
  --card-depth:-34px;
  appearance:none;
  -webkit-appearance:none;
  position:relative;
  flex:1 1 0;
  min-width:0;
  padding:0;
  margin:0;
  border:1px solid rgba(220,231,242,.28);
  border-radius:21px;
  overflow:hidden;
  background:#13171d;
  color:#fff;
  text-align:left;
  font:inherit;
  cursor:pointer;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
  transform-origin:center center;
  transform:translate3d(0,var(--card-rise),var(--card-depth)) rotateX(5deg) rotateY(var(--card-yaw)) rotateZ(var(--card-roll));
  backface-visibility:hidden;
  box-shadow:10px 24px 34px rgba(0,0,0,.48),2px 1px 0 rgba(216,230,246,.12);
  transition:flex-grow .62s cubic-bezier(.22,.75,.22,1),transform .62s cubic-bezier(.22,.75,.22,1),box-shadow .5s ease,border-color .35s ease,filter .4s ease;
  will-change:transform;
}
.research-card:nth-child(2){--card-yaw:14deg;--card-roll:-2deg;--card-rise:-8px;--card-depth:-12px}
.research-card:nth-child(3){--card-yaw:-14deg;--card-roll:2deg;--card-rise:3px;--card-depth:-18px}
.research-card:nth-child(4){--card-yaw:-22deg;--card-roll:4deg;--card-rise:19px;--card-depth:-42px}
.research-card::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  border-radius:inherit;
  pointer-events:none;
  box-shadow:inset 1px 1px 0 rgba(255,255,255,.2),inset -4px 0 0 rgba(0,0,0,.2);
  background:linear-gradient(115deg,rgba(255,255,255,.12),transparent 30%,transparent 78%,rgba(255,255,255,.04));
  opacity:.85;
  transition:opacity .4s ease;
}
.research-card img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
  transform:scale(1.035);
  transition:transform .7s cubic-bezier(.22,.75,.22,1),object-position .6s ease;
  pointer-events:none;
}
.card-sensing img{object-position:center 42%}
.card-phononics img{object-position:48% 44%}
.card-thermal-photonics img{object-position:center 48%}
/* V6.2: use the uncropped original and center the entire flake in the upper image area. */
.card-optoelectronics{background:#615638}
.card-optoelectronics img{
  inset:auto;
  left:50%;
  top:35%;
  width:430%;
  height:auto;
  aspect-ratio:3 / 4;
  object-fit:contain;
  object-position:center;
  transform:translate(-73.333%,-45%);
  transform-origin:73.333% 45%;
}
.card-optoelectronics .research-card-shade{
  background:linear-gradient(180deg,transparent 45%,rgba(5,8,12,.2) 62%,rgba(5,8,12,.88) 80%,rgba(5,8,12,.97) 100%);
}
.research-card-shade{
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(5,8,12,.08) 12%,rgba(5,8,12,.03) 36%,rgba(5,8,12,.52) 64%,rgba(5,8,12,.95) 100%);
}
.research-card-number{
  position:absolute;
  top:17px;
  left:15px;
  z-index:2;
  font-size:12px;
  line-height:1;
  letter-spacing:.12em;
  font-weight:700;
  color:rgba(255,255,255,.94);
  padding:9px 10px;
  border:1px solid rgba(255,255,255,.38);
  border-radius:999px;
  background:rgba(5,8,12,.4);
  backdrop-filter:blur(8px);
}
.research-card-copy{
  position:absolute;
  left:17px;
  right:17px;
  bottom:24px;
  z-index:2;
  display:flex;
  flex-direction:column;
  gap:8px;
  transition:opacity .2s ease,transform .4s ease;
}
.research-card-kicker{
  font-size:9px;
  line-height:1.3;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-weight:700;
  color:rgba(255,255,255,.62);
}
.research-card-title{
  font-size:clamp(17px,1.42vw,22px);
  line-height:1.12;
  letter-spacing:-.025em;
  font-weight:700;
  white-space:normal;
  overflow-wrap:break-word;
  text-wrap:balance;
  text-shadow:0 2px 15px rgba(0,0,0,.3);
  transition:font-size .55s cubic-bezier(.22,.75,.22,1),line-height .55s ease;
}
.research-card-line{
  font-size:14px;
  line-height:1.45;
  color:rgba(255,255,255,.84);
  max-width:390px;
  max-height:0;
  overflow:hidden;
  opacity:0;
  transform:translateY(8px);
  transition:opacity .3s ease .12s,transform .45s ease,max-height .4s ease;
}
.research-accordion.has-active .research-card:not(.is-active){
  flex-grow:.72;
  filter:saturate(.82) brightness(.8);
}
.research-accordion.has-active .research-card:not(.is-active) .research-card-copy{
  opacity:0;
  transform:translateY(10px);
}
.research-accordion .research-card.is-active{
  flex-grow:4.7;
  transform:translate3d(0,-4px,26px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  z-index:5;
  filter:none;
  border-color:rgba(225,237,255,.65);
  box-shadow:0 30px 64px rgba(0,0,0,.62),0 0 0 1px rgba(225,237,255,.08);
}
.research-card.is-active::after{opacity:.25}
.research-card.is-active img{transform:scale(1.025)}
.card-sensing.is-active img{object-position:center 40%;transform:scale(1.06)}
.card-phononics.is-active img{object-position:48% 42%}
.card-thermal-photonics.is-active img{object-position:center 46%}
.card-optoelectronics.is-active img{width:min(430%,2100px);transform:translate(-73.333%,-45%)}
.research-card.is-active .research-card-copy{left:24px;right:24px;bottom:25px}
.research-card.is-active .research-card-title{font-size:clamp(24px,2.15vw,32px);line-height:1.06}
.research-card.is-active .research-card-kicker{font-size:10px}
.research-card.is-active .research-card-line{max-height:120px;opacity:1;transform:none}
.research-card:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
@media(max-width:1180px){
  .hero-v51-inner{grid-template-columns:minmax(280px,.78fr) minmax(510px,1.22fr);gap:24px}
  .research-accordion{height:460px;gap:12px;padding-left:5px;padding-right:5px}
  .research-card-copy{left:13px;right:13px}
  .research-card-title{font-size:17px}
}
@media(max-width:980px){
  .hero-v51-inner{grid-template-columns:1fr;gap:30px}
  .research-accordion{width:100%;max-width:880px;margin:0 auto;height:500px;gap:16px;padding:20px 12px 30px}
  .research-card-copy{left:17px;right:17px}
  .research-card-title{font-size:20px}
  .research-card.is-active .research-card-title{font-size:30px}
}
@media(max-width:720px){
  .research-accordion{height:auto;flex-direction:column;gap:13px;padding:6px 5px 18px;perspective:1100px}
  .research-card{
    flex:none;
    height:134px;
    min-height:0;
    border-radius:19px;
    transform:translateZ(-6px) rotateX(3deg) rotateY(-3deg) rotateZ(-.8deg);
    box-shadow:4px 12px 24px rgba(0,0,0,.34);
    transition:height .55s cubic-bezier(.22,.75,.22,1),transform .55s cubic-bezier(.22,.75,.22,1),filter .4s ease,border-color .35s ease;
  }
  .research-card:nth-child(even){transform:translateZ(-6px) rotateX(3deg) rotateY(3deg) rotateZ(.8deg)}
  .research-accordion.has-active .research-card:not(.is-active){flex:none;filter:saturate(.9) brightness(.9)}
  .research-accordion.has-active .research-card:not(.is-active) .research-card-copy{opacity:1;transform:none}
  .research-accordion .research-card.is-active{flex:none;height:340px;transform:translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg)}
  .research-card-copy{left:68px;right:17px;bottom:21px}
  .research-card-title{font-size:21px;line-height:1.13;text-wrap:pretty}
  .research-card-kicker{display:none}
  .research-card-number{top:16px;left:15px}
  .research-card-shade{background:linear-gradient(180deg,rgba(5,8,12,.16),rgba(5,8,12,.78))}
  .research-card.is-active .research-card-copy{left:22px;right:22px;bottom:24px}
  .research-card.is-active .research-card-title{font-size:27px}
  .research-card.is-active .research-card-shade{background:linear-gradient(180deg,rgba(5,8,12,.07) 28%,rgba(5,8,12,.26) 55%,rgba(5,8,12,.94) 100%)}
  .card-optoelectronics img{left:60px;top:84px;width:480px}
  .card-optoelectronics .research-card-copy{left:119px;right:17px}
  .card-optoelectronics .research-card-title{font-size:19px}
  .card-optoelectronics .research-card-shade{background:linear-gradient(90deg,transparent 22%,rgba(5,8,12,.64) 43%,rgba(5,8,12,.9) 100%)}
  .card-optoelectronics.is-active img{left:50%;top:31%;width:clamp(840px,330%,1240px)}
  .card-optoelectronics.is-active .research-card-copy{left:22px;right:22px}
  .card-optoelectronics.is-active .research-card-title{font-size:27px}
  .card-optoelectronics.is-active .research-card-shade{background:linear-gradient(180deg,transparent 45%,rgba(5,8,12,.2) 58%,rgba(5,8,12,.96) 80%)}
}
@media(max-width:390px){
  .research-card-title{font-size:19px}
  .research-card.is-active .research-card-title{font-size:25px}
}
@media(prefers-reduced-motion:reduce){
  .research-card,.research-card::after,.research-card img,.research-card-copy,.research-card-title,.research-card-line{transition:none!important}
}


/* V6.1 — complete scientific figures with separate captions. */
.section-highlights-v5 .highlights-v5{
  grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);
  gap:24px;
  align-items:stretch;
}
.section-highlights-v5 .side-v5{grid-template-rows:auto auto;gap:24px;min-width:0}
.section-highlights-v5 .highlight-card{
  display:flex;
  flex-direction:column;
  min-height:0;
  min-width:0;
  background:#111720;
  border:1px solid rgba(17,23,32,.12);
  border-radius:24px;
}
.section-highlights-v5 .highlight-card::after{display:none}
.section-highlights-v5 .highlight-media{
  position:relative;
  width:100%;
  flex:none;
  overflow:hidden;
  background:#070d18;
}
.section-highlights-v5 .feature .highlight-media{flex:1;min-height:480px;background:#08152d}
.section-highlights-v5 .mini-phononics .highlight-media{aspect-ratio:712 / 424;background:#090909}
.section-highlights-v5 .mini-ztpv .highlight-media{aspect-ratio:1920 / 934;background:#dbe9f5}
.section-highlights-v5 .highlight-media img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  background:transparent;
}
.section-highlights-v5 .overlay{
  position:static;
  flex:none;
  padding:22px 24px 25px;
  background:#111720;
}
.section-highlights-v5 .journal-tag{
  font-size:12px;
  line-height:1.4;
  letter-spacing:.07em;
  padding:0;
  margin-bottom:12px;
  color:#d6c69d;
  background:none;
  border-radius:0;
  backdrop-filter:none;
}
.section-highlights-v5 .paper-title{font-size:clamp(25px,2.05vw,32px);line-height:1.14}
.section-highlights-v5 .mini .paper-title{font-size:clamp(21px,1.65vw,25px);line-height:1.16}
.section-highlights-v5 .highlight-card:focus-visible{outline:3px solid #526f92;outline-offset:5px}
@media(max-width:980px){
  .section-highlights-v5 .highlights-v5{grid-template-columns:1fr}
  .section-highlights-v5 .side-v5{grid-template-columns:1fr 1fr;grid-template-rows:auto;align-items:start}
  .section-highlights-v5 .feature .highlight-media{flex:none;min-height:0;height:620px}
}
@media(max-width:640px){
  .section-highlights-v5 .side-v5{grid-template-columns:1fr;gap:22px}
  .section-highlights-v5 .feature .highlight-media{height:auto;aspect-ratio:406 / 540}
  .section-highlights-v5 .overlay{padding:20px}
  .section-highlights-v5 .journal-tag{font-size:11px}
  .section-highlights-v5 .paper-title{font-size:25px}
  .section-highlights-v5 .mini .paper-title{font-size:23px}
}