:root{
  --bg:#000;--panel:#070707;--text:#fff;--muted:rgba(255,255,255,.72);--muted2:rgba(255,255,255,.52);--line:rgba(255,255,255,.18);
  --header-h:72px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#000;color:#fff;font-family:Arial,Helvetica,sans-serif}a{color:inherit}.site-header{position:fixed;top:0;left:0;right:0;height:var(--header-h);display:flex;align-items:center;justify-content:space-between;padding:0 48px;z-index:100;background:linear-gradient(to bottom,rgba(0,0,0,.62),rgba(0,0,0,0))}.brand{text-decoration:none;font-weight:900;letter-spacing:.1em;font-size:20px}.site-nav{display:flex;gap:22px}.site-nav a{text-decoration:none;text-transform:uppercase;font-size:12px;font-weight:900;letter-spacing:.04em}.site-nav a:hover{opacity:.7}.nav-toggle{display:none;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.35);padding:9px 13px;text-transform:uppercase;font-size:11px;font-weight:900;letter-spacing:.08em}.hero{position:relative;height:100vh;min-height:650px;background:linear-gradient(90deg,rgba(0,0,0,.68),rgba(0,0,0,.08)),url('assets/research.png') center/cover no-repeat;overflow:hidden}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.hero-video-mobile{display:none}.hero-overlay,.panel-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.35) 42%,rgba(0,0,0,.10) 100%),linear-gradient(0deg,rgba(0,0,0,.35),rgba(0,0,0,0));z-index:1}.hero-grid{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.045;background-image:linear-gradient(rgba(255,255,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.18) 1px,transparent 1px);background-size:34px 34px}.hero-content,.panel-content,.page-hero-content{position:relative;z-index:3}.hero-content{height:100%;display:flex;flex-direction:column;justify-content:flex-end;max-width:980px;padding:0 8vw 12vh}.eyebrow{margin:0 0 18px;color:rgba(255,255,255,.68);text-transform:uppercase;font-size:12px;font-weight:900;letter-spacing:.22em}.hero h1,.page-hero h1{margin:0;line-height:.95;text-transform:uppercase;font-size:clamp(44px,6.7vw,104px);font-weight:900;letter-spacing:-.05em;text-shadow:0 2px 8px rgba(0,0,0,.35)}.hero-subtitle,.page-hero p,.panel-content p{max-width:760px;color:var(--muted);font-size:clamp(17px,1.5vw,23px);line-height:1.55}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-width:160px;padding:14px 28px;border:2px solid #fff;color:#fff;background:rgba(0,0,0,.08);text-decoration:none;text-transform:uppercase;font-size:12px;font-weight:900;letter-spacing:.06em;transition:.22s}.button:hover{background:#fff;color:#000}.button.ghost{border-color:rgba(255,255,255,.42);background:rgba(0,0,0,.14)}.landing-panel{position:relative;min-height:92vh;background-image:var(--bg);background-size:cover;background-position:center;display:flex;align-items:flex-end;overflow:hidden}.landing-panel::after,.page-hero::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(circle at 70% 40%,rgba(255,255,255,.06),transparent 24%)}.panel-content{padding:0 8vw 10vh;max-width:980px}.panel-content h2{margin:0;max-width:860px;text-transform:uppercase;font-size:clamp(36px,5.4vw,78px);line-height:.96;letter-spacing:-.045em}.keyword-row{display:flex;flex-wrap:wrap;gap:9px;margin:26px 0 30px}.keyword-row span{border:1px solid rgba(255,255,255,.28);padding:8px 11px;text-transform:uppercase;font-size:11px;font-weight:900;color:rgba(255,255,255,.76);letter-spacing:.04em}.metric-grid{display:grid;gap:14px}.metric-grid.compact{grid-template-columns:repeat(3,minmax(140px,1fr));max-width:760px;margin:28px 0 32px}.metric-grid div{padding:18px 20px;border:1px solid rgba(255,255,255,.22);background:rgba(0,0,0,.22);backdrop-filter:blur(2px)}.metric-grid strong{display:block;font-size:clamp(30px,4vw,54px);line-height:1;font-weight:900}.metric-grid span{display:block;margin-top:8px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:12px;font-weight:800}.page-hero{position:relative;min-height:74vh;background-image:var(--bg);background-size:cover;background-position:center;display:flex;align-items:flex-end;overflow:hidden}.page-hero-content{padding:0 8vw 9vh;max-width:1100px}.page-metrics{margin-top:34px}.content-section{padding:110px 8vw;background:linear-gradient(180deg,#050505,#000)}.section-inner{max-width:1280px;margin:0 auto}.block-title{margin:0 0 30px;text-transform:uppercase;font-size:clamp(28px,3.6vw,52px);line-height:1;letter-spacing:-.035em}.card-grid{display:grid;gap:18px}.card-grid.four{grid-template-columns:repeat(4,1fr)}.card{min-height:260px;padding:28px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025))}.card span{display:block;color:var(--muted2);font-weight:900;letter-spacing:.14em;margin-bottom:34px}.card h3,.feature-card h3,.timeline h3,.profile-grid h3,.profile-large h3,.contact-cards h3,.two-column h3{margin:0 0 14px;text-transform:uppercase;line-height:1.1}.card p,.feature-card p,.timeline p,.profile-grid p,.profile-large p,.contact-cards p,.clean-list li{color:var(--muted);line-height:1.62}.feature-list{display:grid;gap:20px;margin-bottom:76px}.feature-card{padding:40px;border:1px solid rgba(255,255,255,.18);background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.025))}.feature-card h3{font-size:clamp(28px,4vw,56px);letter-spacing:-.035em}.status{font-size:12px!important;color:#fff!important;text-transform:uppercase;font-weight:900;letter-spacing:.12em}.timeline{border-top:1px solid rgba(255,255,255,.14);margin-bottom:76px}.timeline div{display:grid;grid-template-columns:190px 1fr;gap:28px;padding:24px 0;border-bottom:1px solid rgba(255,255,255,.11)}.timeline time{font-size:13px;color:var(--muted2);font-weight:900;letter-spacing:.07em}.publication-list{padding-left:22px}.publication-list li{margin-bottom:16px;color:var(--muted);line-height:1.55}.publication-years details{border-top:1px solid rgba(255,255,255,.14);padding:22px 0}.publication-years details:last-child{border-bottom:1px solid rgba(255,255,255,.14)}.publication-years summary{cursor:pointer;font-weight:900;text-transform:uppercase;font-size:22px}.publication-years li{margin:13px 0;color:var(--muted);line-height:1.55}.profile-large{display:grid;grid-template-columns:260px 1fr;gap:34px;align-items:center;padding:34px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.04);margin-bottom:70px}.profile-large img{width:260px;aspect-ratio:1/1;object-fit:cover;border:1px solid rgba(255,255,255,.16)}.profile-large h3{font-size:clamp(30px,4vw,54px);letter-spacing:-.035em}.profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:70px}.profile-grid article{padding:24px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.035)}.profile-grid img{width:100%;aspect-ratio:4/5;object-fit:cover;margin-bottom:18px;background:#111}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:50px}.clean-list{padding:0;margin:0;list-style:none;border-top:1px solid rgba(255,255,255,.14)}.clean-list li{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.12)}.contact-cards{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:18px}.contact-cards article{padding:30px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.04)}.contact-cards a{font-weight:900;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.45)}.site-footer{display:flex;justify-content:space-between;gap:20px;padding:34px 8vw;background:#000;color:rgba(255,255,255,.48);font-size:12px;text-transform:uppercase;letter-spacing:.07em}
.metric-grid.compact.four-metrics{grid-template-columns:repeat(4,minmax(130px,1fr));max-width:980px}
@media(max-width:1100px){.metric-grid.compact.four-metrics{grid-template-columns:repeat(2,minmax(140px,1fr));max-width:760px}.site-nav{gap:14px}.site-nav a{font-size:11px}.card-grid.four{grid-template-columns:repeat(2,1fr)}.contact-cards{grid-template-columns:1fr}.profile-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.site-header{height:64px;padding:0 20px;background:rgba(0,0,0,.86)}.nav-toggle{display:block}.site-nav{position:absolute;top:64px;right:20px;display:none;flex-direction:column;background:rgba(0,0,0,.92);padding:18px;border:1px solid rgba(255,255,255,.18);min-width:210px}.site-nav.open{display:flex}.hero{min-height:560px}.hero-video-pc{display:none}.hero-video-mobile{display:block}.hero-content{padding:0 6vw 7vh}.hero h1,.page-hero h1{font-size:clamp(34px,11vw,56px)}.panel-content,.page-hero-content{padding:0 6vw 8vh}.landing-panel{min-height:86vh}.panel-content h2{font-size:clamp(32px,10vw,52px)}.metric-grid.compact{grid-template-columns:1fr}.content-section{padding:82px 6vw}.card-grid.four,.profile-grid,.two-column{grid-template-columns:1fr}.timeline div{grid-template-columns:1fr;gap:8px}.profile-large{grid-template-columns:1fr}.profile-large img{width:210px}.site-footer{flex-direction:column;padding:30px 6vw}}
@media(min-aspect-ratio:19/9){.hero-video-pc{object-fit:contain;background:#000}}

/* v29 mobile: keep the SpaceX-like crop instead of shrinking the whole image */
@media(max-width:760px){
  .landing-panel,
  .page-hero{
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
  }
  .hero-video-mobile{
    object-fit:cover !important;
    object-position:center center !important;
  }
}

/* v29 wide-screen typography: prevent long titles from breaking into one-word lines */
@media(min-width:1400px){
  .hero-content{
    max-width:1180px;
  }
  .panel-content{
    max-width:1180px;
  }
  .panel-content h2{
    max-width:1120px;
    font-size:clamp(48px,4.45vw,84px);
    line-height:.96;
    letter-spacing:-.048em;
  }
  .hero h1,
  .page-hero h1{
    max-width:1180px;
    font-size:clamp(54px,5.7vw,108px);
  }
  .page-hero-content{
    max-width:1260px;
  }
}

@media(min-width:1800px){
  .panel-content{
    max-width:1320px;
  }
  .panel-content h2{
    max-width:1260px;
    font-size:clamp(56px,4.0vw,88px);
  }
  .hero h1,
  .page-hero h1{
    max-width:1320px;
  }
}

/* v30: wide monitor and detail-page balance */
@media(min-aspect-ratio:19/9){
  .hero-video-pc{
    object-fit:cover !important;
    object-position:center center !important;
    background:transparent !important;
  }
}

.page-hero{
  min-height:62vh;
}

.page-hero-content{
  max-width:1220px;
  padding:0 8vw 7vh;
}

.page-hero h1{
  max-width:1080px;
  font-size:clamp(34px,4.6vw,76px);
  line-height:1.02;
  letter-spacing:-.045em;
}

.page-hero p{
  max-width:840px;
  font-size:clamp(16px,1.25vw,21px);
}

.page-metrics{
  margin-top:26px;
}

@media(min-width:1500px){
  .page-hero{
    min-height:60vh;
  }
  .page-hero h1{
    max-width:1180px;
    font-size:clamp(42px,4.0vw,78px);
  }
  .panel-content{
    max-width:1240px;
  }
  .panel-content h2{
    max-width:1160px;
    font-size:clamp(44px,4.1vw,80px);
  }
}

/* v30 mobile: keep cinematic crop, not contain */
@media(max-width:760px){
  .landing-panel,
  .page-hero{
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
  }
  .hero-video-mobile{
    object-fit:cover !important;
    object-position:center center !important;
  }
  .page-hero{
    min-height:64vh;
  }
  .page-hero-content{
    padding:0 6vw 6vh;
  }
  .page-hero h1{
    font-size:clamp(30px,9vw,46px);
    line-height:1.02;
  }
  .page-metrics{
    margin-top:22px;
  }
}

/* v31: detail-page vertical balance and wide-monitor readability */
@media(min-aspect-ratio:19/9){
  .hero-video-pc{
    object-fit:cover !important;
    object-position:center center !important;
    background:transparent !important;
  }
}

/* Detail pages: move title block down, reduce title burden, unify heights */
.page-hero{
  min-height:78vh !important;
  display:flex !important;
  align-items:flex-end !important;
}

.page-hero-content{
  width:100%;
  max-width:1180px !important;
  padding:0 8vw 10vh !important;
}

.page-hero .eyebrow{
  margin-bottom:16px !important;
}

.page-hero h1{
  max-width:980px !important;
  font-size:clamp(34px,4.05vw,64px) !important;
  line-height:1.04 !important;
  letter-spacing:-.042em !important;
}

.page-hero p{
  max-width:780px !important;
  font-size:clamp(16px,1.15vw,20px) !important;
  line-height:1.55 !important;
}

.page-metrics{
  margin-top:24px !important;
}

.page-metrics.metric-grid.compact,
.page-hero .metric-grid.compact{
  gap:12px !important;
  max-width:940px !important;
}

.page-hero .metric-grid div{
  padding:14px 16px !important;
}

.page-hero .metric-grid strong{
  font-size:clamp(26px,2.8vw,42px) !important;
}

.page-hero .metric-grid span{
  font-size:10.5px !important;
  line-height:1.25 !important;
}

/* More horizontal room on wide monitors, but keep title smaller */
@media(min-width:1500px){
  .page-hero-content{
    max-width:1320px !important;
  }
  .page-hero h1{
    max-width:1120px !important;
    font-size:clamp(42px,3.55vw,66px) !important;
  }
  .page-hero p{
    max-width:850px !important;
  }
}

/* Very wide and short browser windows: prevent top crowding */
@media(min-width:1500px) and (max-height:760px){
  .page-hero{
    min-height:88vh !important;
  }
  .page-hero-content{
    padding-bottom:8vh !important;
  }
  .page-hero h1{
    font-size:clamp(36px,3.05vw,58px) !important;
    max-width:1080px !important;
  }
  .page-hero p{
    font-size:16px !important;
    max-width:760px !important;
  }
  .page-hero .metric-grid div{
    padding:12px 14px !important;
  }
  .page-hero .metric-grid strong{
    font-size:34px !important;
  }
}

/* Landing-page panels remain cinematic, but avoid one-word line breaks on wide screens */
@media(min-width:1500px){
  .panel-content{
    max-width:1280px !important;
  }
  .panel-content h2{
    max-width:1160px !important;
    font-size:clamp(46px,3.9vw,78px) !important;
    line-height:.98 !important;
  }
}

/* Mobile: keep cinematic crop, not full-image shrink */
@media(max-width:760px){
  .landing-panel,
  .page-hero{
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
  }
  .hero-video-mobile{
    object-fit:cover !important;
    object-position:center center !important;
  }
  .page-hero{
    min-height:72vh !important;
  }
  .page-hero-content{
    padding:0 6vw 7vh !important;
  }
  .page-hero h1{
    font-size:clamp(30px,8.8vw,44px) !important;
    line-height:1.04 !important;
  }
}

/* v33: joinus image/link safety + unified detail-page hero */
.page-hero{
  min-height:74vh !important;
  height:74vh !important;
  display:flex !important;
  align-items:flex-end !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}
.page-hero-content{
  width:100% !important;
  max-width:1180px !important;
  padding:0 8vw 8.5vh !important;
}
.page-hero h1{
  max-width:980px !important;
  font-size:clamp(34px,3.85vw,64px) !important;
  line-height:1.04 !important;
  letter-spacing:-.042em !important;
}
.page-hero p{
  max-width:780px !important;
  font-size:clamp(16px,1.15vw,20px) !important;
  line-height:1.55 !important;
}
@media(min-aspect-ratio:19/9){
  .hero-video-pc{
    object-fit:cover !important;
    object-position:center center !important;
    background:transparent !important;
  }
}
@media(max-width:760px){
  .landing-panel,
  .page-hero{
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
  }
  .hero-video-mobile{
    object-fit:cover !important;
    object-position:center center !important;
  }
  .page-hero{
    min-height:72vh !important;
    height:72vh !important;
  }
  .page-hero-content{
    padding:0 6vw 7vh !important;
  }
  .page-hero h1{
    font-size:clamp(30px,8.8vw,44px) !important;
  }
}

/* v34: mobile detail hero lower height + PI profile layout */
@media(max-width:760px){
  .page-hero{
    min-height:56vh !important;
    height:56vh !important;
  }
  .page-hero-content{
    padding:0 6vw 5.5vh !important;
  }
  .page-hero h1{
    font-size:clamp(28px,8vw,40px) !important;
    line-height:1.04 !important;
  }
  .page-hero p{
    font-size:15px !important;
    line-height:1.5 !important;
    max-width:92vw !important;
  }
  .page-hero .metric-grid.compact,
  .page-metrics.metric-grid.compact{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
    max-width:100% !important;
  }
  .page-hero .metric-grid div{
    padding:10px 11px !important;
  }
  .page-hero .metric-grid strong{
    font-size:26px !important;
  }
  .page-hero .metric-grid span{
    font-size:9px !important;
    line-height:1.2 !important;
  }
}

/* PI page style */
.pi-profile-wide{
  display:grid;
  grid-template-columns:280px 1fr;
  gap:38px;
  align-items:start;
  padding:36px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.04);
  margin-bottom:54px;
}
.pi-photo-wrap img{
  width:280px;
  aspect-ratio:1/1;
  object-fit:cover;
  border:1px solid rgba(255,255,255,.18);
  background:#111;
}
.pi-info h3{
  margin:0 0 12px;
  font-size:clamp(34px,4.2vw,58px);
  line-height:1;
  text-transform:uppercase;
  letter-spacing:-.04em;
}
.pi-affiliation{
  color:rgba(255,255,255,.82)!important;
  font-weight:700;
}
.profile-link-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:22px;
}
.profile-link-row a{
  padding:10px 12px;
  border:1px solid rgba(255,255,255,.28);
  text-decoration:none;
  text-transform:uppercase;
  font-size:11px;
  font-weight:900;
  letter-spacing:.05em;
}
.profile-link-row a:hover{
  background:#fff;
  color:#000;
}
.pi-detail-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:24px;
  margin-bottom:76px;
}
.pi-detail-grid article{
  padding:28px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.035);
}
.pi-detail-grid h3{
  margin:0 0 18px;
  text-transform:uppercase;
}
.members-grid{
  grid-template-columns:repeat(5,1fr);
}
.profile-placeholder{
  width:100%;
  aspect-ratio:4/5;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:18px;
  border:1px solid rgba(255,255,255,.16);
  background:
    linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.02)),
    radial-gradient(circle at 70% 20%,rgba(255,255,255,.12),transparent 28%);
  font-size:42px;
  font-weight:900;
  letter-spacing:.08em;
  color:rgba(255,255,255,.72);
}
@media(max-width:1200px){
  .members-grid{
    grid-template-columns:repeat(3,1fr);
  }
}
@media(max-width:900px){
  .pi-profile-wide,
  .pi-detail-grid{
    grid-template-columns:1fr;
  }
  .pi-photo-wrap img{
    width:220px;
  }
  .members-grid{
    grid-template-columns:repeat(2,1fr);
  }
}
@media(max-width:560px){
  .members-grid{
    grid-template-columns:1fr;
  }
}

/* v35: PI refinement, icon links, less-cropped professor photo, lower mobile hero height */
.pi-profile-wide{
  grid-template-columns:220px 1fr !important;
  align-items:center !important;
}

.pi-photo-wrap{
  width:220px !important;
  height:280px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#0a0a0a !important;
  border:1px solid rgba(255,255,255,.16) !important;
  overflow:hidden !important;
}

.pi-photo-wrap img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  border:0 !important;
  background:#0a0a0a !important;
}

.icon-links a{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  padding:9px 12px !important;
}

.profile-icon{
  width:22px !important;
  height:22px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  font-size:10px !important;
  font-weight:900 !important;
  line-height:1 !important;
  letter-spacing:0 !important;
}

.scholar-icon{
  background:#fff !important;
  color:#111 !important;
}

.orcid-icon{
  background:#a6ce39 !important;
  color:#fff !important;
}

.pure-icon{
  background:#1f5f9f !important;
  color:#fff !important;
}

.award-list{
  padding:0 !important;
  margin:0 !important;
  list-style:none !important;
  border-top:1px solid rgba(255,255,255,.14) !important;
}

.award-list li{
  display:grid !important;
  grid-template-columns:78px 1fr !important;
  gap:14px !important;
  padding:12px 0 !important;
  border-bottom:1px solid rgba(255,255,255,.12) !important;
}

.award-list time{
  color:rgba(255,255,255,.52) !important;
  font-size:12px !important;
  font-weight:900 !important;
}

.award-list strong{
  display:block !important;
  color:#fff !important;
  font-size:14px !important;
  line-height:1.35 !important;
}

.award-list span{
  display:block !important;
  color:rgba(255,255,255,.62) !important;
  font-size:12px !important;
  margin-top:3px !important;
}

/* Mobile detail pages: make hero significantly shorter */
@media(max-width:760px){
  .page-hero{
    min-height:46vh !important;
    height:46svh !important;
  }

  .page-hero-content{
    padding:0 6vw 4.5vh !important;
  }

  .page-hero h1{
    font-size:clamp(25px,7.4vw,36px) !important;
    line-height:1.04 !important;
    max-width:94vw !important;
  }

  .page-hero p{
    font-size:13.5px !important;
    line-height:1.45 !important;
    max-width:92vw !important;
    margin-top:10px !important;
  }

  .page-hero .metric-grid.compact,
  .page-metrics.metric-grid.compact{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:6px !important;
    margin-top:14px !important;
  }

  .page-hero .metric-grid div{
    padding:8px 9px !important;
  }

  .page-hero .metric-grid strong{
    font-size:22px !important;
  }

  .page-hero .metric-grid span{
    font-size:8.5px !important;
    line-height:1.15 !important;
  }

  .pi-profile-wide{
    grid-template-columns:1fr !important;
    padding:24px !important;
  }

  .pi-photo-wrap{
    width:190px !important;
    height:240px !important;
  }

  .pi-info h3{
    font-size:36px !important;
  }

  .award-list li{
    grid-template-columns:72px 1fr !important;
  }
}

/* v36: real profile icons for Google Scholar / ORCID / Elsevier Pure */
.real-icon-links{
  gap:12px !important;
}

.real-icon-links a{
  display:inline-flex !important;
  align-items:center !important;
  gap:9px !important;
  padding:9px 12px !important;
  border:1px solid rgba(255,255,255,.28) !important;
  border-radius:0 !important;
  background:rgba(0,0,0,.18) !important;
}

.real-icon-links a:hover{
  background:#fff !important;
  color:#000 !important;
}

.real-icon-links img{
  width:24px !important;
  height:24px !important;
  object-fit:contain !important;
  display:block !important;
  border:0 !important;
  background:transparent !important;
  flex:0 0 24px !important;
}

.real-icon-links span{
  display:inline-block !important;
  font-size:11px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.05em !important;
}

@media(max-width:560px){
  .real-icon-links{
    flex-direction:column !important;
    align-items:flex-start !important;
  }
}

/* v37: refined Members page */
.members-content{
  background:
    radial-gradient(circle at 78% 12%, rgba(255,255,255,.075), transparent 26%),
    linear-gradient(180deg,#030303,#000 38%,#030303);
}

.pi-feature-block{
  display:grid;
  grid-template-columns:260px 1fr;
  gap:34px;
  align-items:stretch;
  margin-bottom:34px;
}

.pi-portrait-panel,
.pi-main-panel,
.refined-panel,
.service-strip,
.researcher-card,
.track-grid article{
  border:1px solid rgba(255,255,255,.13);
  background:
    linear-gradient(135deg, rgba(255,255,255,.055), rgba(255,255,255,.018));
  box-shadow:0 22px 70px rgba(0,0,0,.28);
}

.pi-portrait-panel{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
}

.pi-portrait-frame{
  width:210px;
  height:275px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#070707;
  border:1px solid rgba(255,255,255,.16);
  overflow:hidden;
}

.pi-portrait-frame img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center center;
  background:#070707;
  border:0;
}

.pi-main-panel{
  padding:44px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.eyebrow.small{
  font-size:11px;
  letter-spacing:.18em;
  margin-bottom:14px;
}

.pi-main-panel h2{
  margin:0;
  text-transform:uppercase;
  font-size:clamp(46px,5.2vw,84px);
  line-height:.9;
  letter-spacing:-.055em;
}

.pi-title{
  margin:22px 0 0;
  color:rgba(255,255,255,.78);
  font-size:clamp(16px,1.4vw,21px);
  line-height:1.55;
}

.real-icon-links{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:28px;
}

.real-icon-links a{
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:9px 12px;
  border:1px solid rgba(255,255,255,.26);
  background:rgba(0,0,0,.20);
  text-decoration:none;
  transition:.22s;
}

.real-icon-links a:hover{
  background:#fff;
  color:#000;
}

.real-icon-links img{
  width:24px;
  height:24px;
  object-fit:contain;
  border:0;
  background:transparent;
}

.real-icon-links span{
  text-transform:uppercase;
  font-size:11px;
  font-weight:900;
  letter-spacing:.05em;
}

.pi-info-layout{
  display:grid;
  grid-template-columns:.92fr 1.18fr;
  gap:24px;
  align-items:start;
  margin-bottom:32px;
}

.pi-info-left{
  display:grid;
  gap:24px;
}

.refined-panel{
  padding:30px;
}

.refined-panel h3,
.service-strip h3{
  margin:0 0 22px;
  text-transform:uppercase;
  font-size:17px;
  letter-spacing:.04em;
}

.refined-panel .clean-list{
  border-top:1px solid rgba(255,255,255,.10);
}

.refined-panel .clean-list li{
  padding:15px 0;
  border-bottom:1px solid rgba(255,255,255,.08);
  color:rgba(255,255,255,.82);
  line-height:1.55;
}

.awards-panel{
  min-height:100%;
}

.refined-awards{
  padding:0;
  margin:0;
  list-style:none;
  border-top:1px solid rgba(255,255,255,.10);
}

.refined-awards li{
  display:grid;
  grid-template-columns:86px 1fr;
  gap:18px;
  padding:13px 0;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.refined-awards time{
  color:rgba(255,255,255,.50);
  font-size:12px;
  font-weight:900;
  letter-spacing:.03em;
}

.refined-awards strong{
  display:block;
  color:#fff;
  font-size:15px;
  line-height:1.36;
}

.refined-awards span{
  display:block;
  margin-top:4px;
  color:rgba(255,255,255,.55);
  font-size:12px;
}

.service-strip{
  padding:26px 30px 30px;
  margin-bottom:84px;
}

.service-strip .eyebrow{
  margin:0 0 16px;
}

.service-tags{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.service-tags span{
  display:inline-flex;
  align-items:center;
  padding:9px 12px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.035);
  color:rgba(255,255,255,.78);
  font-size:13px;
  line-height:1.35;
}

.members-section,
.track-section{
  margin-top:72px;
}

.section-heading-row{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:32px;
  margin-bottom:24px;
}

.section-heading-row .block-title{
  margin:0;
}

.section-heading-row p{
  max-width:440px;
  color:rgba(255,255,255,.58);
  line-height:1.55;
  margin:0 0 5px;
}

.researcher-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:18px;
}

.researcher-card{
  padding:18px;
  min-height:430px;
  display:flex;
  flex-direction:column;
  transition:.22s;
}

.researcher-card:hover,
.track-grid article:hover{
  transform:translateY(-3px);
  border-color:rgba(255,255,255,.26);
  background:linear-gradient(135deg, rgba(255,255,255,.075), rgba(255,255,255,.024));
}

.researcher-card img,
.member-photo-placeholder{
  width:100%;
  aspect-ratio:4/5;
  object-fit:cover;
  object-position:center top;
  background:#111;
  border:1px solid rgba(255,255,255,.13);
  margin-bottom:18px;
}

.member-photo-placeholder{
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:40px;
  font-weight:900;
  letter-spacing:.08em;
  color:rgba(255,255,255,.78);
  background:
    radial-gradient(circle at 50% 25%, rgba(255,255,255,.10), transparent 30%),
    linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.015));
}

.member-role{
  display:block;
  color:rgba(255,255,255,.52);
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  line-height:1.35;
  min-height:30px;
}

.researcher-card h3{
  margin:10px 0 8px;
  font-size:17px;
  text-transform:uppercase;
  line-height:1.05;
}

.researcher-card p{
  margin:0 0 18px;
  color:rgba(255,255,255,.78);
  line-height:1.48;
}

.researcher-card small{
  display:block;
  color:rgba(255,255,255,.58);
  line-height:1.55;
  font-size:13px;
}

.track-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}

.track-grid article{
  min-height:245px;
  padding:26px;
}

.track-grid span{
  display:block;
  margin-bottom:28px;
  color:rgba(255,255,255,.48);
  font-size:13px;
  font-weight:900;
  letter-spacing:.12em;
}

.track-grid h3{
  margin:0 0 16px;
  text-transform:uppercase;
  font-size:19px;
  line-height:1.04;
}

.track-grid p{
  margin:0;
  color:rgba(255,255,255,.66);
  line-height:1.55;
}

@media(max-width:1180px){
  .researcher-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .track-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:980px){
  .pi-feature-block,
  .pi-info-layout{
    grid-template-columns:1fr;
  }
  .pi-portrait-panel{
    justify-content:flex-start;
  }
  .section-heading-row{
    display:block;
  }
  .section-heading-row p{
    margin-top:12px;
  }
}

@media(max-width:760px){
  .members-content{
    padding-top:70px;
  }
  .pi-main-panel,
  .refined-panel,
  .service-strip{
    padding:24px;
  }
  .pi-main-panel h2{
    font-size:44px;
  }
  .pi-portrait-frame{
    width:180px;
    height:232px;
  }
  .researcher-grid,
  .track-grid{
    grid-template-columns:1fr;
  }
  .researcher-card{
    min-height:auto;
  }
  .researcher-card img,
  .member-photo-placeholder{
    max-width:260px;
  }
  .refined-awards li{
    grid-template-columns:76px 1fr;
  }
  .service-strip{
    margin-bottom:64px;
  }
}

/* v38: minimal Members copy + keyword-driven cards */
.simple-heading{
  margin-bottom:28px !important;
}

.simple-heading .block-title{
  margin:0 !important;
}

.member-keywords{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:auto;
}

.member-keywords span{
  display:inline-flex;
  align-items:center;
  padding:6px 8px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.035);
  color:rgba(255,255,255,.68);
  font-size:11px;
  line-height:1.25;
  font-weight:700;
}

.track-keywords{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap:9px;
}

.track-keywords li{
  position:relative;
  padding-left:16px;
  color:rgba(255,255,255,.72);
  font-size:14px;
  line-height:1.45;
}

.track-keywords li::before{
  content:"";
  position:absolute;
  left:0;
  top:.72em;
  width:5px;
  height:5px;
  border-radius:999px;
  background:rgba(255,255,255,.55);
}

.researcher-card p{
  margin-bottom:18px !important;
}

.track-grid article{
  min-height:230px !important;
}

.track-grid h3{
  margin-bottom:18px !important;
}

.track-grid p{
  display:none;
}

@media(max-width:760px){
  .simple-heading{
    margin-bottom:20px !important;
  }

  .member-keywords{
    margin-top:16px;
  }

  .track-grid article{
    min-height:auto !important;
  }
}

/* v39: compact one-line research track titles */
.track-grid h3{
  font-size:18px !important;
  letter-spacing:-.025em !important;
  white-space:normal !important;
}

@media(min-width:1000px){
  .track-grid h3{
    min-height:24px !important;
  }
}

/* v40: refined Join page */
.join-content{
  background:
    radial-gradient(circle at 78% 10%, rgba(255,255,255,.075), transparent 26%),
    linear-gradient(180deg,#030303,#000 40%,#030303);
}

.join-intro-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin-bottom:86px;
}

.join-intro-grid article,
.position-grid article,
.join-track-grid article,
.apply-timeline article,
.join-final-cta{
  border:1px solid rgba(255,255,255,.13);
  background:linear-gradient(135deg, rgba(255,255,255,.055), rgba(255,255,255,.018));
  box-shadow:0 22px 70px rgba(0,0,0,.28);
}

.join-intro-grid article{
  padding:30px;
  min-height:240px;
  transition:.22s;
}

.join-intro-grid article:hover,
.position-grid article:hover,
.join-track-grid article:hover,
.apply-timeline article:hover{
  transform:translateY(-3px);
  border-color:rgba(255,255,255,.26);
  background:linear-gradient(135deg, rgba(255,255,255,.075), rgba(255,255,255,.024));
}

.join-intro-grid span,
.position-index,
.join-track-grid > article > span,
.apply-timeline > article > span{
  display:block;
  margin:0 0 30px;
  color:rgba(255,255,255,.48);
  font-size:13px;
  font-weight:900;
  letter-spacing:.12em;
}

.join-intro-grid h2{
  margin:0 0 18px;
  text-transform:uppercase;
  font-size:clamp(22px,2vw,32px);
  line-height:1.02;
  letter-spacing:-.035em;
}

.join-intro-grid p{
  margin:0;
  color:rgba(255,255,255,.65);
  line-height:1.55;
}

.join-section{
  margin-top:82px;
}

.position-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:18px;
}

.position-grid article{
  padding:28px;
  min-height:260px;
  display:flex;
  flex-direction:column;
}

.position-grid article:nth-child(1),
.position-grid article:nth-child(2),
.position-grid article:nth-child(3){
  grid-column:span 2;
}

.position-grid article:nth-child(4),
.position-grid article:nth-child(5){
  grid-column:span 3;
}

.position-grid h3{
  margin:0 0 24px;
  text-transform:uppercase;
  font-size:clamp(20px,1.8vw,30px);
  line-height:1.04;
  letter-spacing:-.035em;
}

.position-tags{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:auto;
}

.position-tags span{
  display:inline-flex;
  align-items:center;
  padding:7px 9px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.035);
  color:rgba(255,255,255,.68);
  font-size:12px;
  line-height:1.25;
  font-weight:700;
}

.join-track-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}

.join-track-grid article{
  min-height:230px;
  padding:26px;
}

.join-track-grid h3{
  margin:0 0 18px;
  text-transform:uppercase;
  font-size:18px;
  line-height:1.04;
  letter-spacing:-.025em;
}

.join-track-grid ul{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap:9px;
}

.join-track-grid li{
  position:relative;
  padding-left:16px;
  color:rgba(255,255,255,.72);
  font-size:14px;
  line-height:1.45;
}

.join-track-grid li::before{
  content:"";
  position:absolute;
  left:0;
  top:.72em;
  width:5px;
  height:5px;
  border-radius:999px;
  background:rgba(255,255,255,.55);
}

.apply-timeline{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}

.apply-timeline article{
  padding:26px;
  min-height:215px;
}

.apply-timeline h3{
  margin:0 0 14px;
  text-transform:uppercase;
  font-size:22px;
  line-height:1.04;
}

.apply-timeline p{
  margin:0;
  color:rgba(255,255,255,.66);
  line-height:1.55;
}

.apply-timeline a{
  color:#fff;
  font-weight:900;
  text-decoration:none;
  border-bottom:1px solid rgba(255,255,255,.48);
}

.join-final-cta{
  margin-top:92px;
  padding:48px;
}

.join-final-cta h2{
  margin:0;
  max-width:920px;
  text-transform:uppercase;
  font-size:clamp(30px,4vw,62px);
  line-height:.98;
  letter-spacing:-.045em;
}

@media(max-width:1100px){
  .join-intro-grid,
  .join-track-grid,
  .apply-timeline{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .position-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .position-grid article:nth-child(n){
    grid-column:auto;
  }
}

@media(max-width:760px){
  .join-intro-grid,
  .join-track-grid,
  .apply-timeline,
  .position-grid{
    grid-template-columns:1fr;
  }

  .join-intro-grid{
    margin-bottom:64px;
  }

  .join-section{
    margin-top:64px;
  }

  .join-intro-grid article,
  .position-grid article,
  .join-track-grid article,
  .apply-timeline article{
    min-height:auto;
    padding:24px;
  }

  .join-final-cta{
    margin-top:70px;
    padding:30px 24px;
  }

  .join-final-cta h2{
    font-size:34px;
  }
}

/* v41: highest-polish Join page + hamburger mobile navigation */
.nav-toggle{
  width:42px !important;
  height:38px !important;
  padding:0 !important;
  align-items:center !important;
  justify-content:center !important;
  flex-direction:column !important;
  gap:5px !important;
  font-size:0 !important;
}

.nav-toggle span{
  display:block !important;
  width:19px !important;
  height:2px !important;
  background:#fff !important;
  border-radius:2px !important;
  transition:.22s !important;
}

.nav-toggle[aria-expanded="true"] span:nth-child(1){
  transform:translateY(7px) rotate(45deg) !important;
}

.nav-toggle[aria-expanded="true"] span:nth-child(2){
  opacity:0 !important;
}

.nav-toggle[aria-expanded="true"] span:nth-child(3){
  transform:translateY(-7px) rotate(-45deg) !important;
}

/* Join page: make the hero clean, no application button clutter */
.join-hero .hero-actions{
  display:none !important;
}

.join-intro-section{
  margin-top:0 !important;
}

.join-intro-grid{
  margin-bottom:76px !important;
}

.join-intro-grid article{
  min-height:210px !important;
}

.join-intro-grid h2{
  font-size:clamp(20px,1.75vw,28px) !important;
}

/* Open Positions: desktop one-line, balanced 5-card layout */
.position-grid{
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:16px !important;
}

.position-grid article:nth-child(n){
  grid-column:auto !important;
}

.position-grid article{
  min-height:245px !important;
  padding:24px !important;
}

.position-grid h3{
  font-size:clamp(18px,1.28vw,23px) !important;
  line-height:1.06 !important;
  min-height:52px !important;
}

.position-tags span{
  font-size:11px !important;
  padding:6px 8px !important;
}

/* Smaller, cleaner final CTA */
.refined-join-cta{
  margin-top:86px !important;
  padding:38px 40px !important;
  max-width:980px !important;
}

.refined-join-cta h2{
  max-width:760px !important;
  font-size:clamp(26px,2.8vw,44px) !important;
  line-height:1.02 !important;
  letter-spacing:-.04em !important;
}

.refined-join-cta p:not(.eyebrow){
  max-width:620px !important;
  margin:18px 0 0 !important;
  color:rgba(255,255,255,.64) !important;
  font-size:16px !important;
  line-height:1.55 !important;
}

.refined-join-cta .hero-actions{
  margin-top:28px !important;
}

/* Tablet fallback: 3 + 2, but not before typical desktop width */
@media(max-width:1180px){
  .position-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}

/* Mobile */
@media(max-width:760px){
  .nav-toggle{
    display:flex !important;
  }

  .join-intro-grid,
  .join-track-grid,
  .apply-timeline,
  .position-grid{
    grid-template-columns:1fr !important;
  }

  .join-intro-grid{
    margin-bottom:58px !important;
  }

  .position-grid article{
    min-height:auto !important;
  }

  .position-grid h3{
    min-height:auto !important;
  }

  .refined-join-cta{
    margin-top:64px !important;
    padding:28px 22px !important;
  }

  .refined-join-cta h2{
    font-size:30px !important;
  }

  .refined-join-cta p:not(.eyebrow){
    font-size:14px !important;
  }
}

/* v42: compact final Join CTA, one Contact Page button only */
.compact-join-cta,
.refined-join-cta{
  margin-top:78px !important;
  padding:34px 38px !important;
  max-width:860px !important;
}

.compact-join-cta h2,
.refined-join-cta h2{
  max-width:680px !important;
  font-size:clamp(24px,2.15vw,36px) !important;
  line-height:1.06 !important;
  letter-spacing:-.035em !important;
}

.compact-join-cta p:not(.eyebrow),
.refined-join-cta p:not(.eyebrow){
  max-width:590px !important;
  margin:16px 0 0 !important;
  color:rgba(255,255,255,.64) !important;
  font-size:15px !important;
  line-height:1.55 !important;
}

.compact-join-cta .hero-actions,
.refined-join-cta .hero-actions{
  margin-top:24px !important;
}

.compact-join-cta .button,
.refined-join-cta .button{
  min-width:170px !important;
}

@media(max-width:760px){
  .compact-join-cta,
  .refined-join-cta{
    margin-top:60px !important;
    padding:26px 22px !important;
  }

  .compact-join-cta h2,
  .refined-join-cta h2{
    font-size:28px !important;
  }

  .compact-join-cta p:not(.eyebrow),
  .refined-join-cta p:not(.eyebrow){
    font-size:14px !important;
  }
}

/* v43: refined Contact / Collaborate page */
.contact-content{
  background:
    radial-gradient(circle at 74% 8%, rgba(255,255,255,.075), transparent 28%),
    linear-gradient(180deg,#030303,#000 42%,#030303);
}

.contact-channel-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin-bottom:86px;
}

.contact-channel-grid article,
.collab-area-grid article,
.defense-experience-block,
.start-process article,
.location-section{
  border:1px solid rgba(255,255,255,.13);
  background:linear-gradient(135deg, rgba(255,255,255,.055), rgba(255,255,255,.018));
  box-shadow:0 22px 70px rgba(0,0,0,.28);
}

.contact-channel-grid article{
  padding:30px;
  min-height:245px;
  display:flex;
  flex-direction:column;
  transition:.22s;
}

.contact-channel-grid article:hover,
.collab-area-grid article:hover,
.start-process article:hover{
  transform:translateY(-3px);
  border-color:rgba(255,255,255,.26);
  background:linear-gradient(135deg, rgba(255,255,255,.075), rgba(255,255,255,.024));
}

.contact-channel-grid span,
.collab-area-grid > article > span,
.start-process > article > span{
  display:block;
  margin:0 0 28px;
  color:rgba(255,255,255,.48);
  font-size:13px;
  font-weight:900;
  letter-spacing:.12em;
}

.contact-channel-grid h2{
  margin:0 0 18px;
  text-transform:uppercase;
  font-size:clamp(22px,2vw,31px);
  line-height:1.02;
  letter-spacing:-.035em;
}

.contact-channel-grid p{
  margin:0 0 22px;
  color:rgba(255,255,255,.66);
  line-height:1.55;
}

.contact-channel-grid a{
  margin-top:auto;
  width:fit-content;
  color:#fff;
  font-weight:900;
  text-decoration:none;
  border-bottom:1px solid rgba(255,255,255,.52);
}

.contact-section{
  margin-top:82px;
}

.collab-area-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}

.collab-area-grid article{
  padding:26px;
  min-height:285px;
}

.collab-area-grid h3{
  margin:0 0 18px;
  text-transform:uppercase;
  font-size:18px;
  line-height:1.04;
  letter-spacing:-.025em;
}

.collab-area-grid ul{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap:9px;
}

.collab-area-grid li{
  position:relative;
  padding-left:16px;
  color:rgba(255,255,255,.72);
  font-size:14px;
  line-height:1.45;
}

.collab-area-grid li::before{
  content:"";
  position:absolute;
  left:0;
  top:.72em;
  width:5px;
  height:5px;
  border-radius:999px;
  background:rgba(255,255,255,.55);
}

.defense-experience-block{
  margin-top:90px;
  padding:44px;
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:48px;
  align-items:center;
}

.defense-experience-block h2{
  margin:0;
  max-width:760px;
  text-transform:uppercase;
  font-size:clamp(30px,3.7vw,58px);
  line-height:.98;
  letter-spacing:-.045em;
}

.defense-experience-block p:not(.eyebrow){
  max-width:740px;
  margin:22px 0 0;
  color:rgba(255,255,255,.64);
  line-height:1.6;
  font-size:16px;
}

.experience-keywords{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.experience-keywords span{
  display:inline-flex;
  align-items:center;
  padding:9px 11px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.035);
  color:rgba(255,255,255,.72);
  font-size:13px;
  line-height:1.35;
}

.start-process{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}

.start-process article{
  padding:26px;
  min-height:225px;
}

.start-process h3{
  margin:0 0 14px;
  text-transform:uppercase;
  font-size:22px;
  line-height:1.04;
}

.start-process p{
  margin:0;
  color:rgba(255,255,255,.66);
  line-height:1.55;
}

.location-section{
  margin-top:92px;
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:28px;
  padding:28px;
  align-items:stretch;
}

.location-info{
  padding:18px 18px 18px 10px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.location-info h2{
  margin:0;
  text-transform:uppercase;
  font-size:clamp(34px,4vw,62px);
  line-height:.96;
  letter-spacing:-.045em;
}

.location-info p:not(.eyebrow){
  margin:20px 0 0;
  color:rgba(255,255,255,.68);
  line-height:1.6;
}

.location-actions{
  margin-top:28px;
}

.map-panel{
  min-height:360px;
  border:1px solid rgba(255,255,255,.13);
  background:#090909;
  overflow:hidden;
}

.map-panel iframe{
  width:100%;
  height:100%;
  min-height:360px;
  display:block;
  border:0;
  filter:grayscale(1) invert(.88) contrast(.95);
  opacity:.82;
}

@media(max-width:1120px){
  .contact-channel-grid,
  .collab-area-grid,
  .start-process{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .defense-experience-block,
  .location-section{
    grid-template-columns:1fr;
  }
}

@media(max-width:760px){
  .contact-channel-grid,
  .collab-area-grid,
  .start-process{
    grid-template-columns:1fr;
  }

  .contact-channel-grid{
    margin-bottom:64px;
  }

  .contact-channel-grid article,
  .collab-area-grid article,
  .start-process article{
    min-height:auto;
    padding:24px;
  }

  .contact-section{
    margin-top:64px;
  }

  .defense-experience-block{
    margin-top:70px;
    padding:28px 24px;
    gap:28px;
  }

  .defense-experience-block h2{
    font-size:32px;
  }

  .location-section{
    margin-top:70px;
    padding:22px;
  }

  .map-panel,
  .map-panel iframe{
    min-height:280px;
  }

  .location-info{
    padding:4px;
  }

  .location-info h2{
    font-size:36px;
  }
}

/* v44: final Join CTA correction */
.compact-join-cta,
.refined-join-cta{
  margin-top:78px !important;
  padding:34px 38px !important;
  max-width:860px !important;
}

.compact-join-cta h2,
.refined-join-cta h2{
  max-width:680px !important;
  font-size:clamp(24px,2.15vw,36px) !important;
  line-height:1.06 !important;
  letter-spacing:-.035em !important;
}

.compact-join-cta p:not(.eyebrow),
.refined-join-cta p:not(.eyebrow){
  max-width:590px !important;
  margin:16px 0 0 !important;
  color:rgba(255,255,255,.64) !important;
  font-size:15px !important;
  line-height:1.55 !important;
}

.compact-join-cta .hero-actions,
.refined-join-cta .hero-actions{
  margin-top:24px !important;
}

.compact-join-cta .button,
.refined-join-cta .button{
  min-width:170px !important;
}

@media(max-width:760px){
  .compact-join-cta,
  .refined-join-cta{
    margin-top:60px !important;
    padding:26px 22px !important;
  }
  .compact-join-cta h2,
  .refined-join-cta h2{
    font-size:28px !important;
  }
  .compact-join-cta p:not(.eyebrow),
  .refined-join-cta p:not(.eyebrow){
    font-size:14px !important;
  }
}

/* v45: minimal, high-end Contact page */
.minimal-contact-content{
  background:
    radial-gradient(circle at 75% 10%, rgba(255,255,255,.065), transparent 26%),
    linear-gradient(180deg,#030303,#000 45%,#030303);
}

.contact-core-layout{
  display:grid;
  grid-template-columns:1.22fr .78fr;
  gap:22px;
  align-items:stretch;
  margin-bottom:48px;
}

.contact-core-panel,
.credibility-strip,
.minimal-location-section{
  border:1px solid rgba(255,255,255,.13);
  background:
    linear-gradient(135deg, rgba(255,255,255,.052), rgba(255,255,255,.016));
  box-shadow:0 22px 70px rgba(0,0,0,.30);
}

.contact-core-panel{
  padding:38px;
}

.technical-panel h2{
  margin:0;
  max-width:760px;
  text-transform:uppercase;
  font-size:clamp(28px,3vw,48px);
  line-height:1.02;
  letter-spacing:-.043em;
}

.technical-list{
  display:grid;
  gap:0;
  margin-top:34px;
  border-top:1px solid rgba(255,255,255,.10);
}

.technical-list div{
  display:grid;
  grid-template-columns:210px 1fr;
  gap:28px;
  padding:20px 0;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.technical-list h3{
  margin:0;
  text-transform:uppercase;
  font-size:15px;
  line-height:1.25;
  letter-spacing:.02em;
}

.technical-list p{
  margin:0;
  color:rgba(255,255,255,.64);
  line-height:1.55;
}

.inquiry-panel{
  display:flex;
  flex-direction:column;
}

.inquiry-block{
  padding:20px 0;
  border-bottom:1px solid rgba(255,255,255,.09);
}

.inquiry-block h3{
  margin:0 0 9px;
  text-transform:uppercase;
  font-size:16px;
  line-height:1.25;
}

.inquiry-block p{
  margin:0;
  color:rgba(255,255,255,.62);
  line-height:1.5;
}

.inquiry-email,
.inquiry-address{
  margin-top:22px;
}

.inquiry-email span,
.inquiry-address span{
  display:block;
  margin-bottom:8px;
  color:rgba(255,255,255,.46);
  text-transform:uppercase;
  font-size:11px;
  font-weight:900;
  letter-spacing:.12em;
}

.inquiry-email a{
  color:#fff;
  font-weight:900;
  text-decoration:none;
  border-bottom:1px solid rgba(255,255,255,.52);
}

.inquiry-address p{
  margin:0;
  color:rgba(255,255,255,.66);
  line-height:1.55;
}

.credibility-strip{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:36px;
  align-items:center;
  padding:34px 38px;
  margin:48px 0 72px;
}

.credibility-strip h2{
  margin:0;
  max-width:760px;
  text-transform:uppercase;
  font-size:clamp(24px,2.45vw,38px);
  line-height:1.04;
  letter-spacing:-.035em;
}

.credibility-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  justify-content:flex-end;
}

.credibility-tags span{
  display:inline-flex;
  align-items:center;
  padding:9px 11px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.035);
  color:rgba(255,255,255,.72);
  font-size:13px;
  line-height:1.3;
  font-weight:700;
}

.minimal-location-section{
  display:grid;
  grid-template-columns:.86fr 1.14fr;
  gap:24px;
  padding:24px;
  align-items:stretch;
}

.location-summary{
  padding:16px 16px 16px 10px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.location-summary h2{
  margin:0;
  text-transform:uppercase;
  font-size:clamp(32px,3.6vw,56px);
  line-height:.96;
  letter-spacing:-.045em;
}

.location-summary p:not(.eyebrow){
  margin:18px 0 0;
  color:rgba(255,255,255,.66);
  line-height:1.6;
}

.location-summary .button{
  margin-top:26px;
}

.minimal-map-panel{
  min-height:310px;
  border:1px solid rgba(255,255,255,.13);
  background:#090909;
  overflow:hidden;
}

.minimal-map-panel iframe{
  width:100%;
  height:100%;
  min-height:310px;
  display:block;
  border:0;
  filter:grayscale(1) invert(.88) contrast(.92);
  opacity:.80;
}

/* hide older contact layouts if a stale browser combines old sections */
.contact-channel-grid,
.collab-area-grid,
.defense-experience-block,
.start-process,
.location-section{
  display:none;
}

@media(max-width:1050px){
  .contact-core-layout,
  .credibility-strip,
  .minimal-location-section{
    grid-template-columns:1fr;
  }

  .credibility-tags{
    justify-content:flex-start;
  }
}

@media(max-width:760px){
  .contact-core-panel{
    padding:26px 22px;
  }

  .technical-panel h2{
    font-size:30px;
  }

  .technical-list div{
    grid-template-columns:1fr;
    gap:8px;
    padding:18px 0;
  }

  .credibility-strip{
    padding:26px 22px;
    margin:38px 0 58px;
  }

  .credibility-strip h2{
    font-size:27px;
  }

  .minimal-location-section{
    padding:20px;
  }

  .minimal-map-panel,
  .minimal-map-panel iframe{
    min-height:260px;
  }
}

/* v46: copy consistency polish */
.panel-content h2{
  text-wrap:balance;
}

.page-hero h1{
  text-wrap:balance;
}

.panel-content p,
.page-hero p{
  text-wrap:pretty;
}

/* v47: Contact page simplification - remove defense experience strip */
.credibility-strip{
  display:none !important;
}

.minimal-location-section{
  margin-top:58px !important;
}

@media(max-width:760px){
  .minimal-location-section{
    margin-top:46px !important;
  }
}

/* v48: premium Projects page */
.projects-v48{
  background:
    radial-gradient(circle at 15% 12%, rgba(255,255,255,.052), transparent 30%),
    radial-gradient(circle at 90% 30%, rgba(255,255,255,.038), transparent 26%),
    linear-gradient(180deg,#050505,#000 48%,#050505);
}

.project-section-head{
  max-width:980px;
  margin:0 0 34px;
}

.project-section-head h2{
  margin:0;
  max-width:860px;
  text-transform:uppercase;
  font-size:clamp(34px,4.2vw,72px);
  line-height:.96;
  letter-spacing:-.055em;
}

.project-section-head p:not(.eyebrow){
  max-width:820px;
  margin:18px 0 0;
  color:rgba(255,255,255,.62);
  font-size:16px;
  line-height:1.65;
}

.ongoing-project-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  align-items:stretch;
  margin-bottom:82px;
}

.ongoing-project-card{
  position:relative;
  min-height:100%;
  padding:30px;
  border:1px solid rgba(255,255,255,.14);
  background:
    linear-gradient(180deg,rgba(255,255,255,.062),rgba(255,255,255,.018)),
    #050505;
  box-shadow:0 26px 90px rgba(0,0,0,.34);
  overflow:hidden;
}

.ongoing-project-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 32%);
  opacity:.8;
  pointer-events:none;
}

.ongoing-project-card > *{
  position:relative;
  z-index:1;
}

.project-card-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:24px;
  color:rgba(255,255,255,.52);
  text-transform:uppercase;
  font-size:11px;
  font-weight:900;
  letter-spacing:.14em;
}

.project-card-top span:last-child{
  padding:6px 8px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.035);
  color:rgba(255,255,255,.72);
}

.project-class{
  margin:0 0 14px;
  color:rgba(255,255,255,.48);
  text-transform:uppercase;
  font-size:11px;
  line-height:1.45;
  font-weight:900;
  letter-spacing:.12em;
}

.ongoing-project-card h3{
  margin:0;
  text-transform:uppercase;
  font-size:clamp(22px,2.2vw,34px);
  line-height:1.02;
  letter-spacing:-.043em;
}

.project-title-ko{
  margin:13px 0 0;
  color:rgba(255,255,255,.58);
  line-height:1.55;
  font-size:14px;
  word-break:keep-all;
}

.project-meta-list{
  display:grid;
  gap:0;
  margin:26px 0 0;
  border-top:1px solid rgba(255,255,255,.09);
  border-bottom:1px solid rgba(255,255,255,.09);
}

.project-meta-list div{
  display:grid;
  grid-template-columns:82px 1fr;
  gap:14px;
  padding:11px 0;
  border-bottom:1px solid rgba(255,255,255,.07);
}

.project-meta-list div:last-child{
  border-bottom:0;
}

.project-meta-list dt{
  color:rgba(255,255,255,.44);
  text-transform:uppercase;
  font-size:11px;
  font-weight:900;
  letter-spacing:.10em;
}

.project-meta-list dd{
  margin:0;
  color:rgba(255,255,255,.72);
  font-size:13px;
  line-height:1.45;
}

.scope-block{
  margin-top:24px;
}

.scope-block h4{
  margin:0 0 12px;
  color:rgba(255,255,255,.74);
  text-transform:uppercase;
  font-size:12px;
  letter-spacing:.12em;
}

.scope-block ul{
  margin:0;
  padding-left:18px;
  color:rgba(255,255,255,.64);
  line-height:1.55;
  font-size:14px;
}

.scope-block li{
  margin:7px 0;
}

.project-keywords{
  margin-top:22px;
}

.project-keywords span{
  font-size:12px;
}

.portfolio-head{
  margin-top:12px;
}

.portfolio-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin:0 0 84px;
}

.portfolio-grid article{
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.030);
  padding:24px;
}

.portfolio-grid h3{
  margin:0 0 14px;
  text-transform:uppercase;
  font-size:16px;
  line-height:1.25;
}

.portfolio-grid p{
  margin:0;
  color:rgba(255,255,255,.60);
  line-height:1.55;
  font-size:14px;
}

.archive-head{
  margin-bottom:26px;
}

.archive-block{
  margin-top:28px;
  border:1px solid rgba(255,255,255,.13);
  background:rgba(255,255,255,.018);
}

.archive-title-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:24px;
  padding:26px 30px;
  border-bottom:1px solid rgba(255,255,255,.10);
}

.archive-title-row h2{
  margin:0;
  text-transform:uppercase;
  font-size:clamp(24px,2.4vw,38px);
  line-height:1.05;
  letter-spacing:-.035em;
}

.archive-title-row span{
  flex:0 0 auto;
  color:rgba(255,255,255,.48);
  text-transform:uppercase;
  font-size:11px;
  font-weight:900;
  letter-spacing:.13em;
}

.project-archive-list article{
  display:grid;
  grid-template-columns:145px 1fr;
  gap:28px;
  padding:22px 30px;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.project-archive-list article:last-child{
  border-bottom:0;
}

.project-archive-list time{
  color:rgba(255,255,255,.55);
  font-size:13px;
  font-weight:900;
  letter-spacing:.04em;
}

.project-archive-list h3{
  margin:0;
  text-transform:uppercase;
  font-size:17px;
  line-height:1.28;
  letter-spacing:-.015em;
}

.archive-sponsor{
  margin:9px 0 0;
  color:rgba(255,255,255,.48);
  line-height:1.5;
  font-size:13px;
}

.national-archive{
  margin-top:24px;
}

.project-disclosure-note{
  margin-top:34px;
  padding:18px 22px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.024);
}

.project-disclosure-note p{
  margin:0;
  color:rgba(255,255,255,.50);
  font-size:13px;
  line-height:1.55;
}

@media(max-width:1180px){
  .ongoing-project-grid{
    grid-template-columns:1fr;
  }

  .ongoing-project-card{
    padding:30px;
  }

  .portfolio-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:760px){
  .project-section-head h2{
    font-size:36px;
  }

  .ongoing-project-card{
    padding:24px 20px;
  }

  .ongoing-project-card h3{
    font-size:26px;
  }

  .project-meta-list div{
    grid-template-columns:72px 1fr;
  }

  .portfolio-grid{
    grid-template-columns:1fr;
  }

  .archive-title-row{
    align-items:flex-start;
    flex-direction:column;
    padding:22px 20px;
  }

  .project-archive-list article{
    grid-template-columns:1fr;
    gap:10px;
    padding:22px 20px;
  }
}

/* v49: mobile header-safe vertical spacing */
html{
  scroll-padding-top:88px;
}

@media(max-width:760px){
  :root{
    --header-h:64px;
  }

  body{
    overflow-x:hidden;
  }

  .site-header{
    height:64px !important;
    z-index:2000 !important;
    background:rgba(0,0,0,.92) !important;
    backdrop-filter:blur(10px);
  }

  .site-nav{
    top:64px !important;
    max-height:calc(100vh - 84px);
    overflow:auto;
  }

  .hero,
  .landing-panel,
  .page-hero{
    min-height:calc(100svh - 0px) !important;
    height:auto !important;
    padding-top:64px !important;
    display:flex !important;
    align-items:flex-end !important;
  }

  .hero{
    height:100svh !important;
  }

  .landing-panel{
    min-height:92svh !important;
  }

  .page-hero{
    min-height:72svh !important;
  }

  .hero-video,
  .hero-video-mobile{
    top:0 !important;
    height:100% !important;
  }

  .hero-content,
  .panel-content,
  .page-hero-content{
    width:100% !important;
    padding-left:6vw !important;
    padding-right:6vw !important;
    padding-top:26px !important;
    padding-bottom:8.5vh !important;
    transform:none !important;
  }

  .panel-content{
    padding-bottom:9vh !important;
  }

  .page-hero-content{
    padding-bottom:8vh !important;
  }

  .hero h1,
  .page-hero h1{
    font-size:clamp(31px,8.6vw,44px) !important;
    line-height:1.04 !important;
  }

  .panel-content h2{
    font-size:clamp(31px,9.2vw,48px) !important;
    line-height:1.02 !important;
  }

  .hero-subtitle,
  .page-hero p,
  .panel-content p{
    font-size:15px !important;
    line-height:1.52 !important;
    max-width:92vw !important;
  }

  .page-hero .metric-grid.compact,
  .page-metrics.metric-grid.compact{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
  }

  .page-hero .metric-grid div{
    padding:10px 9px !important;
  }

  .page-hero .metric-grid strong{
    font-size:24px !important;
  }

  .page-hero .metric-grid span{
    font-size:8.6px !important;
    line-height:1.2 !important;
  }
}

@media(max-width:420px){
  .hero,
  .landing-panel,
  .page-hero{
    padding-top:68px !important;
  }

  .hero-content,
  .panel-content,
  .page-hero-content{
    padding-bottom:9vh !important;
  }

  .page-hero{
    min-height:76svh !important;
  }

  .hero h1,
  .page-hero h1{
    font-size:clamp(29px,8.7vw,40px) !important;
  }

  .panel-content h2{
    font-size:clamp(29px,9vw,42px) !important;
  }
}

/* v50: premium typography + horizontal current R&D portfolio */
:root{
  --muv-white:#ffffff;
  --muv-text:rgba(255,255,255,.82);
  --muv-muted:rgba(255,255,255,.62);
  --muv-dim:rgba(255,255,255,.42);
  --muv-line:rgba(255,255,255,.125);
  --muv-panel:rgba(255,255,255,.032);
  --muv-panel-strong:rgba(255,255,255,.052);
}

body{
  color:var(--muv-white);
  -webkit-font-smoothing:antialiased;
  text-rendering:geometricPrecision;
}

.content-section{
  padding-top:clamp(92px,9vw,148px) !important;
  padding-bottom:clamp(92px,9vw,148px) !important;
}

.section-inner{
  max-width:1360px !important;
}

.eyebrow{
  color:var(--muv-dim) !important;
  letter-spacing:.18em !important;
}

.eyebrow.small{
  font-size:11px !important;
  letter-spacing:.16em !important;
}

.block-title,
.simple-heading,
.section-heading-row h2,
.project-section-head h2,
.archive-title-row h2,
.join-final-cta h2,
.contact-core-panel h2,
.location-summary h2{
  color:#fff !important;
  text-transform:uppercase !important;
  letter-spacing:-.045em !important;
  text-wrap:balance;
}

.block-title,
.simple-heading,
.section-heading-row h2{
  font-size:clamp(30px,3.3vw,54px) !important;
  line-height:1.02 !important;
}

.content-section p,
.card p,
.feature-card p,
.researcher-card p,
.position-grid p,
.join-intro-grid p,
.track-grid p,
.join-track-grid p,
.contact-core-panel p,
.project-title-ko,
.archive-sponsor{
  color:var(--muv-muted) !important;
  line-height:1.58 !important;
}

.card,
.feature-card,
.researcher-card,
.position-grid article,
.join-intro-grid article,
.track-grid article,
.join-track-grid article,
.contact-core-panel,
.portfolio-grid article,
.archive-block,
.pi-main-panel,
.refined-panel,
.info-panel,
.awards-panel{
  border-color:var(--muv-line) !important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.046),rgba(255,255,255,.016)) !important;
}

.card h3,
.feature-card h3,
.researcher-card h3,
.position-grid h3,
.join-intro-grid h3,
.track-grid h3,
.join-track-grid h3,
.portfolio-grid h3,
.technical-list h3,
.inquiry-block h3{
  color:#fff !important;
  letter-spacing:-.018em !important;
  text-wrap:balance;
}

/* Project section headings: title left, description right */
.projects-v48 .project-section-head{
  display:grid !important;
  grid-template-columns:minmax(260px,.42fr) minmax(0,.58fr) !important;
  column-gap:clamp(36px,5vw,90px) !important;
  align-items:end !important;
  max-width:none !important;
  margin-bottom:30px !important;
}

.projects-v48 .project-section-head .eyebrow{
  grid-column:1 !important;
  margin-bottom:13px !important;
}

.projects-v48 .project-section-head h2{
  grid-column:1 !important;
  grid-row:2 !important;
  max-width:520px !important;
  font-size:clamp(34px,3.65vw,62px) !important;
  line-height:.98 !important;
}

.projects-v48 .project-section-head p:not(.eyebrow){
  grid-column:2 !important;
  grid-row:1 / span 2 !important;
  align-self:end !important;
  max-width:720px !important;
  margin:0 0 5px !important;
  color:var(--muv-muted) !important;
  font-size:15.5px !important;
}

/* Current R&D portfolio as horizontal professional bands */
.projects-v48 .ongoing-project-grid{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:14px !important;
  margin-top:26px !important;
  margin-bottom:92px !important;
}

.projects-v48 .ongoing-project-card{
  display:grid !important;
  grid-template-columns:92px minmax(0,1.08fr) minmax(340px,.92fr) !important;
  grid-template-rows:auto auto auto auto auto !important;
  column-gap:28px !important;
  row-gap:0 !important;
  align-items:start !important;
  min-height:0 !important;
  padding:28px 30px !important;
  border-color:rgba(255,255,255,.14) !important;
  background:
    linear-gradient(90deg,rgba(255,255,255,.058),rgba(255,255,255,.018) 52%,rgba(255,255,255,.026)),
    #050505 !important;
}

.projects-v48 .ongoing-project-card::before{
  background:
    radial-gradient(circle at 8% 18%,rgba(255,255,255,.095),transparent 22%),
    linear-gradient(135deg,rgba(255,255,255,.048),transparent 34%) !important;
  opacity:.75 !important;
}

.projects-v48 .project-card-top{
  grid-column:1 !important;
  grid-row:1 / span 6 !important;
  align-self:stretch !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  align-items:flex-start !important;
  gap:14px !important;
  margin:0 !important;
  padding-right:22px !important;
  border-right:1px solid rgba(255,255,255,.12) !important;
}

.projects-v48 .project-card-top span:first-child{
  font-size:32px !important;
  line-height:.9 !important;
  color:#fff !important;
  letter-spacing:-.045em !important;
}

.projects-v48 .project-card-top span:last-child{
  padding:6px 8px !important;
  font-size:10px !important;
  letter-spacing:.12em !important;
  color:rgba(255,255,255,.68) !important;
}

.projects-v48 .project-class{
  grid-column:2 !important;
  grid-row:1 !important;
  margin:0 0 12px !important;
  color:var(--muv-dim) !important;
  font-size:10.5px !important;
}

.projects-v48 .ongoing-project-card h3{
  grid-column:2 !important;
  grid-row:2 !important;
  max-width:720px !important;
  font-size:clamp(24px,2.15vw,36px) !important;
  line-height:1.02 !important;
  letter-spacing:-.045em !important;
}

.projects-v48 .ongoing-project-card .project-title-ko{
  grid-column:2 !important;
  grid-row:3 !important;
  max-width:700px !important;
  margin-top:12px !important;
  color:rgba(255,255,255,.58) !important;
  font-size:14px !important;
  word-break:keep-all !important;
}

.projects-v48 .project-meta-list{
  grid-column:2 !important;
  grid-row:4 !important;
  max-width:720px !important;
  margin-top:22px !important;
  border-color:rgba(255,255,255,.10) !important;
}

.projects-v48 .project-meta-list div{
  grid-template-columns:82px 1fr !important;
  padding:10px 0 !important;
}

.projects-v48 .project-meta-list dt{
  color:var(--muv-dim) !important;
}

.projects-v48 .project-meta-list dd{
  color:rgba(255,255,255,.74) !important;
}

.projects-v48 .scope-block{
  grid-column:3 !important;
  grid-row:1 / span 4 !important;
  margin:0 !important;
  padding:22px 24px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  background:rgba(255,255,255,.025) !important;
}

.projects-v48 .scope-block h4{
  color:rgba(255,255,255,.72) !important;
}

.projects-v48 .scope-block ul{
  color:rgba(255,255,255,.64) !important;
  font-size:13.5px !important;
}

.projects-v48 .project-keywords{
  grid-column:3 !important;
  grid-row:5 !important;
  margin-top:14px !important;
}

.projects-v48 .project-keywords span,
.keyword-row span{
  border-color:rgba(255,255,255,.18) !important;
  background:rgba(255,255,255,.024) !important;
  color:rgba(255,255,255,.66) !important;
}

/* Archive and portfolio readability */
.projects-v48 .portfolio-grid{
  margin-top:24px !important;
  gap:12px !important;
}

.projects-v48 .portfolio-grid article{
  padding:24px 22px !important;
}

.projects-v48 .archive-block{
  box-shadow:0 24px 80px rgba(0,0,0,.28) !important;
}

.projects-v48 .project-archive-list article{
  grid-template-columns:132px 1fr !important;
}

.projects-v48 .project-archive-list h3{
  color:#fff !important;
  font-size:16px !important;
  letter-spacing:-.01em !important;
}

.projects-v48 .project-archive-list time{
  color:rgba(255,255,255,.50) !important;
}

.project-disclosure-note{
  border-color:rgba(255,255,255,.10) !important;
  background:rgba(255,255,255,.020) !important;
}

.project-disclosure-note p{
  color:rgba(255,255,255,.48) !important;
}

/* Detail pages: more consistent section tone */
.members-section,
.join-section,
.apply-section,
.track-section{
  border-top:1px solid rgba(255,255,255,.08);
  padding-top:clamp(34px,4vw,58px);
}

.section-heading-row{
  margin-bottom:28px !important;
}

@media(max-width:1180px){
  .projects-v48 .project-section-head{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }

  .projects-v48 .project-section-head p:not(.eyebrow){
    grid-column:1 !important;
    grid-row:auto !important;
    margin-top:4px !important;
  }

  .projects-v48 .ongoing-project-card{
    grid-template-columns:72px minmax(0,1fr) !important;
  }

  .projects-v48 .scope-block,
  .projects-v48 .project-keywords{
    grid-column:2 !important;
  }

  .projects-v48 .scope-block{
    grid-row:auto !important;
    margin-top:22px !important;
  }

  .projects-v48 .project-keywords{
    grid-row:auto !important;
  }
}

@media(max-width:760px){
  .content-section{
    padding-top:76px !important;
    padding-bottom:86px !important;
  }

  .block-title,
  .simple-heading,
  .section-heading-row h2,
  .project-section-head h2{
    font-size:clamp(28px,8.2vw,38px) !important;
    line-height:1.03 !important;
  }

  .projects-v48 .project-section-head{
    margin-bottom:24px !important;
  }

  .projects-v48 .project-section-head h2{
    font-size:clamp(30px,8.5vw,40px) !important;
  }

  .projects-v48 .project-section-head p:not(.eyebrow){
    font-size:14.5px !important;
    line-height:1.58 !important;
  }

  .projects-v48 .ongoing-project-grid{
    gap:12px !important;
    margin-bottom:72px !important;
  }

  .projects-v48 .ongoing-project-card{
    display:block !important;
    padding:24px 20px !important;
  }

  .projects-v48 .project-card-top{
    display:flex !important;
    flex-direction:row !important;
    justify-content:space-between !important;
    align-items:center !important;
    padding:0 0 16px !important;
    margin:0 0 18px !important;
    border-right:0 !important;
    border-bottom:1px solid rgba(255,255,255,.10) !important;
  }

  .projects-v48 .project-card-top span:first-child{
    font-size:28px !important;
  }

  .projects-v48 .ongoing-project-card h3{
    font-size:clamp(24px,7vw,32px) !important;
  }

  .projects-v48 .project-meta-list{
    max-width:none !important;
  }

  .projects-v48 .project-meta-list div{
    grid-template-columns:74px 1fr !important;
  }

  .projects-v48 .scope-block{
    margin-top:20px !important;
    padding:18px 18px !important;
  }

  .projects-v48 .portfolio-grid{
    grid-template-columns:1fr !important;
  }

  .projects-v48 .project-archive-list article{
    grid-template-columns:1fr !important;
  }

  .archive-title-row h2{
    font-size:clamp(24px,7.2vw,34px) !important;
  }
}

/* v51: compact premium projects layout - reduced whitespace and balanced headings */
.projects-v51{
  background:
    radial-gradient(circle at 18% 8%, rgba(255,255,255,.045), transparent 28%),
    linear-gradient(180deg,#050505,#000 50%,#050505);
}

.projects-v51 .section-inner{
  max-width:1320px !important;
}

.project-compact-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(360px,520px);
  gap:clamp(28px,4vw,72px);
  align-items:end;
  margin:0 0 26px;
}

.project-compact-head-spaced{
  margin-top:74px;
}

.project-compact-head .eyebrow{
  margin-bottom:12px !important;
}

.project-compact-head h2{
  margin:0;
  text-transform:uppercase;
  font-size:clamp(36px,3.7vw,60px);
  line-height:1;
  letter-spacing:-.052em;
  max-width:none;
  text-wrap:balance;
}

.project-compact-head p:not(.eyebrow){
  margin:0 0 5px;
  color:rgba(255,255,255,.60);
  font-size:15.5px;
  line-height:1.58;
}

.project-band-list{
  display:grid;
  gap:12px;
  margin:0 0 76px;
}

.project-band{
  display:grid;
  grid-template-columns:70px minmax(0,1fr) minmax(330px,.58fr);
  gap:24px;
  align-items:start;
  padding:22px 24px;
  border:1px solid rgba(255,255,255,.13);
  background:
    linear-gradient(90deg,rgba(255,255,255,.046),rgba(255,255,255,.014) 50%,rgba(255,255,255,.022)),
    #050505;
  box-shadow:0 20px 70px rgba(0,0,0,.26);
}

.project-band-index{
  min-height:100%;
  padding-right:18px;
  border-right:1px solid rgba(255,255,255,.12);
}

.project-band-index strong{
  display:block;
  color:#fff;
  font-size:30px;
  line-height:1;
  letter-spacing:-.04em;
}

.project-band-index span{
  display:inline-flex;
  margin-top:12px;
  padding:6px 7px;
  border:1px solid rgba(255,255,255,.18);
  color:rgba(255,255,255,.66);
  text-transform:uppercase;
  font-size:10px;
  font-weight:900;
  letter-spacing:.11em;
}

.project-band-type{
  margin:0 0 11px;
  color:rgba(255,255,255,.43);
  text-transform:uppercase;
  font-size:10.5px;
  font-weight:900;
  letter-spacing:.13em;
}

.project-band h3{
  margin:0;
  max-width:820px;
  color:#fff;
  text-transform:uppercase;
  font-size:clamp(24px,2.05vw,34px);
  line-height:1.04;
  letter-spacing:-.043em;
  text-wrap:balance;
}

.project-band .project-title-ko{
  margin:11px 0 0;
  max-width:780px;
  color:rgba(255,255,255,.58) !important;
  font-size:14px;
  line-height:1.5 !important;
  word-break:keep-all;
}

.project-meta-compact{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  margin:20px 0 0;
  border-top:1px solid rgba(255,255,255,.09);
  border-bottom:1px solid rgba(255,255,255,.09);
}

.project-meta-compact div{
  padding:10px 15px 10px 0;
  border-right:1px solid rgba(255,255,255,.08);
}

.project-meta-compact div:last-child{
  border-right:0;
  padding-right:0;
  padding-left:15px;
}

.project-meta-compact div:nth-child(2){
  padding-left:15px;
}

.project-meta-compact dt{
  margin:0 0 6px;
  color:rgba(255,255,255,.42);
  text-transform:uppercase;
  font-size:10px;
  font-weight:900;
  letter-spacing:.12em;
}

.project-meta-compact dd{
  margin:0;
  color:rgba(255,255,255,.72);
  font-size:13px;
  line-height:1.4;
}

.project-band-side{
  padding:18px 20px;
  border:1px solid rgba(255,255,255,.105);
  background:rgba(255,255,255,.018);
}

.project-band-side h4{
  margin:0 0 10px;
  color:rgba(255,255,255,.74);
  text-transform:uppercase;
  font-size:12px;
  font-weight:900;
  letter-spacing:.13em;
}

.project-band-side ul{
  margin:0;
  padding-left:17px;
  color:rgba(255,255,255,.62);
  font-size:13.5px;
  line-height:1.48;
}

.project-band-side li{
  margin:5px 0;
}

.project-tagline{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:15px;
}

.project-tagline span{
  display:inline-flex;
  padding:7px 9px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.018);
  color:rgba(255,255,255,.64);
  text-transform:uppercase;
  font-size:10.5px;
  font-weight:900;
  letter-spacing:.04em;
}

.portfolio-compact-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-bottom:72px;
}

.portfolio-compact-grid article{
  min-height:132px;
  padding:22px;
  border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(135deg,rgba(255,255,255,.035),rgba(255,255,255,.012));
}

.portfolio-compact-grid h3{
  margin:0 0 12px;
  color:#fff;
  text-transform:uppercase;
  font-size:15px;
  line-height:1.25;
  letter-spacing:-.01em;
}

.portfolio-compact-grid p{
  margin:0;
  color:rgba(255,255,255,.58);
  font-size:13.5px;
  line-height:1.55;
}

.compact-archive{
  margin-top:18px !important;
}

.compact-archive .archive-title-row{
  padding:22px 28px !important;
}

.compact-archive .archive-title-row h2{
  font-size:clamp(26px,2.6vw,42px) !important;
  line-height:1.02 !important;
}

.compact-archive .project-archive-list article{
  grid-template-columns:126px 1fr !important;
  gap:22px !important;
  padding:18px 28px !important;
}

.compact-archive .project-archive-list h3{
  font-size:15.5px !important;
  line-height:1.28 !important;
}

.compact-archive .project-title-ko{
  margin-top:6px !important;
}

.compact-archive .archive-sponsor{
  margin-top:7px !important;
  font-size:12.5px !important;
  color:rgba(255,255,255,.48) !important;
}

.projects-v51 .project-disclosure-note{
  margin-top:28px;
  padding:16px 20px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.018);
}

.projects-v51 .project-disclosure-note p{
  margin:0;
  color:rgba(255,255,255,.48);
  font-size:13px;
}

@media(max-width:1120px){
  .project-compact-head{
    grid-template-columns:1fr;
    gap:10px;
  }

  .project-compact-head p:not(.eyebrow){
    max-width:760px;
  }

  .project-band{
    grid-template-columns:62px 1fr;
  }

  .project-band-side{
    grid-column:2;
    margin-top:18px;
  }

  .portfolio-compact-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:760px){
  .project-compact-head{
    margin-bottom:22px;
  }

  .project-compact-head-spaced{
    margin-top:58px;
  }

  .project-compact-head h2{
    font-size:clamp(30px,8.5vw,40px);
  }

  .project-compact-head p:not(.eyebrow){
    font-size:14.5px;
  }

  .project-band{
    display:block;
    padding:20px;
  }

  .project-band-index{
    display:flex;
    justify-content:space-between;
    align-items:center;
    min-height:0;
    padding:0 0 14px;
    margin-bottom:18px;
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.10);
  }

  .project-band-index strong{
    font-size:28px;
  }

  .project-band-index span{
    margin-top:0;
  }

  .project-band h3{
    font-size:clamp(24px,7vw,32px);
  }

  .project-meta-compact{
    grid-template-columns:1fr;
  }

  .project-meta-compact div,
  .project-meta-compact div:nth-child(2),
  .project-meta-compact div:last-child{
    padding:9px 0;
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.07);
  }

  .project-meta-compact div:last-child{
    border-bottom:0;
  }

  .project-band-side{
    margin-top:18px;
    padding:17px;
  }

  .portfolio-compact-grid{
    grid-template-columns:1fr;
    margin-bottom:58px;
  }

  .compact-archive .archive-title-row{
    padding:20px !important;
  }

  .compact-archive .project-archive-list article{
    grid-template-columns:1fr !important;
    gap:8px !important;
    padding:18px 20px !important;
  }
}

/* v52: Projects page section headers without descriptive copy */
.projects-v51 .project-compact-head{
  display:block !important;
  margin-bottom:24px !important;
}

.projects-v51 .project-compact-head h2{
  max-width:980px !important;
}

.projects-v51 .project-compact-head p:not(.eyebrow){
  display:none !important;
}

.projects-v51 .project-compact-head-spaced{
  margin-top:64px !important;
}

@media(max-width:760px){
  .projects-v51 .project-compact-head{
    margin-bottom:20px !important;
  }

  .projects-v51 .project-compact-head-spaced{
    margin-top:52px !important;
  }
}

/* v53: Publications page completion + KRIT archive update */
.publications-v53{
  background:
    radial-gradient(circle at 12% 7%, rgba(255,255,255,.045), transparent 28%),
    radial-gradient(circle at 88% 28%, rgba(255,255,255,.034), transparent 26%),
    linear-gradient(180deg,#050505,#000 52%,#050505);
}

.publications-v53 .section-inner{
  max-width:1320px !important;
}

.pub-section-head{
  margin:0 0 26px;
}

.pub-head-spaced{
  margin-top:76px;
}

.pub-section-head h2{
  margin:0;
  max-width:980px;
  color:#fff;
  text-transform:uppercase;
  font-size:clamp(36px,3.8vw,64px);
  line-height:1;
  letter-spacing:-.052em;
  text-wrap:balance;
}

.pub-identity-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-bottom:70px;
}

.pub-identity-grid article{
  min-height:170px;
  padding:23px;
  border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(135deg,rgba(255,255,255,.040),rgba(255,255,255,.012));
}

.pub-identity-grid span{
  display:block;
  margin-bottom:22px;
  color:rgba(255,255,255,.42);
  font-size:12px;
  font-weight:900;
  letter-spacing:.12em;
}

.pub-identity-grid h3{
  margin:0 0 13px;
  color:#fff;
  text-transform:uppercase;
  font-size:16px;
  line-height:1.24;
  letter-spacing:-.01em;
}

.pub-identity-grid p{
  margin:0;
  color:rgba(255,255,255,.58);
  font-size:13.5px;
  line-height:1.55;
}

.landmark-list{
  border:1px solid rgba(255,255,255,.13);
  background:rgba(255,255,255,.018);
}

.landmark-paper{
  display:grid;
  grid-template-columns:145px minmax(0,1fr) minmax(260px,.42fr);
  gap:26px;
  align-items:start;
  padding:22px 26px;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.landmark-paper:last-child{
  border-bottom:0;
}

.featured-landmark{
  background:linear-gradient(90deg,rgba(255,255,255,.050),rgba(255,255,255,.015));
}

.paper-index strong{
  display:block;
  color:#fff;
  font-size:28px;
  line-height:1;
  letter-spacing:-.04em;
}

.paper-index span{
  display:block;
  margin-top:9px;
  color:rgba(255,255,255,.45);
  text-transform:uppercase;
  font-size:10.5px;
  font-weight:900;
  line-height:1.45;
  letter-spacing:.11em;
}

.paper-main h3{
  margin:0;
  color:#fff;
  text-transform:uppercase;
  font-size:clamp(18px,1.55vw,26px);
  line-height:1.12;
  letter-spacing:-.025em;
  text-wrap:balance;
}

.paper-authors{
  margin:10px 0 0;
  color:rgba(255,255,255,.62);
  font-size:13px;
  line-height:1.5;
}

.paper-theme{
  margin:8px 0 0;
  color:rgba(255,255,255,.45);
  text-transform:uppercase;
  font-size:10.5px;
  font-weight:900;
  line-height:1.45;
  letter-spacing:.08em;
}

.paper-significance{
  margin:0;
  color:rgba(255,255,255,.58);
  font-size:13.5px;
  line-height:1.55;
}

.recent-pub-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}

.recent-pub-grid article,
.theme-publication-grid article{
  padding:22px;
  border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(135deg,rgba(255,255,255,.035),rgba(255,255,255,.012));
}

.recent-pub-grid time{
  display:block;
  margin-bottom:18px;
  color:rgba(255,255,255,.42);
  font-size:11px;
  font-weight:900;
  letter-spacing:.12em;
}

.recent-pub-grid h3,
.theme-publication-grid h3{
  margin:0 0 10px;
  color:#fff;
  text-transform:uppercase;
  font-size:15px;
  line-height:1.28;
  letter-spacing:-.01em;
}

.recent-pub-grid p,
.theme-publication-grid p{
  margin:0;
  color:rgba(255,255,255,.56);
  font-size:13px;
  line-height:1.5;
}

.subtle-recent{
  opacity:.78;
}

.theme-publication-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}

.publication-profile-strip{
  display:grid;
  grid-template-columns:1fr auto;
  gap:28px;
  align-items:center;
  margin-top:72px;
  padding:28px;
  border:1px solid rgba(255,255,255,.13);
  background:rgba(255,255,255,.020);
}

.publication-profile-strip h2{
  margin:0;
  max-width:760px;
  color:#fff;
  text-transform:uppercase;
  font-size:clamp(24px,2.4vw,40px);
  line-height:1.04;
  letter-spacing:-.035em;
}

.publication-profile-strip .profile-link-row{
  margin:0;
  justify-content:flex-end;
}

@media(max-width:1120px){
  .pub-identity-grid,
  .theme-publication-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .landmark-paper{
    grid-template-columns:110px 1fr;
  }

  .paper-significance{
    grid-column:2;
  }

  .publication-profile-strip{
    grid-template-columns:1fr;
  }

  .publication-profile-strip .profile-link-row{
    justify-content:flex-start;
  }
}

@media(max-width:760px){
  .pub-head-spaced{
    margin-top:58px;
  }

  .pub-section-head h2{
    font-size:clamp(30px,8.5vw,42px);
  }

  .pub-identity-grid,
  .recent-pub-grid,
  .theme-publication-grid{
    grid-template-columns:1fr;
  }

  .landmark-paper{
    grid-template-columns:1fr;
    gap:14px;
    padding:20px;
  }

  .paper-significance{
    grid-column:auto;
  }

  .paper-main h3{
    font-size:clamp(20px,6vw,28px);
  }

  .publication-profile-strip{
    padding:22px;
  }
}

/* v54: publications and join title refinement */
.compact-theme-head{
  margin-bottom:18px !important;
}

.compact-theme-head .eyebrow{
  margin-bottom:0 !important;
}

.publications-v53 .theme-publication-grid{
  margin-top:0 !important;
}

.join-final-cta h2{
  max-width:none !important;
  white-space:nowrap;
  font-size:clamp(30px,4.2vw,58px) !important;
}

@media(max-width:760px){
  .join-final-cta h2{
    white-space:normal;
    font-size:clamp(30px,8.2vw,42px) !important;
  }
}

/* v60: final research page and global blue-gold accent polish */
:root{
  --muv-blue:#66d7ff;
  --muv-blue-soft:rgba(102,215,255,.22);
  --muv-gold:#f2b940;
  --muv-gold-soft:rgba(242,185,64,.18);
}

.eyebrow{
  color:var(--muv-blue) !important;
}

.metric-grid > div,
.pub-identity-grid article,
.landmark-paper,
.project-band,
.archive-block,
.research-stack-v60 article{
  position:relative;
}

.metric-grid > div::before,
.pub-identity-grid article::before,
.project-band::before,
.archive-block::before,
.research-stack-v60 article::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:1px;
  background:linear-gradient(90deg,var(--muv-blue),rgba(242,185,64,.85),transparent);
  opacity:.75;
  pointer-events:none;
}

.research-v60{
  background:
    radial-gradient(circle at 18% 8%, rgba(102,215,255,.075), transparent 25%),
    radial-gradient(circle at 88% 42%, rgba(242,185,64,.045), transparent 22%),
    linear-gradient(180deg,#050505,#000 52%,#050505);
}

.research-v60 .section-inner{
  max-width:1320px !important;
}

.research-lead-v60{
  max-width:1120px;
  margin-bottom:34px;
}

.research-lead-v60 h2,
.research-section-title-v60 h2{
  margin:0;
  color:#fff;
  text-transform:uppercase;
  font-size:clamp(38px,4.25vw,76px);
  line-height:.94;
  letter-spacing:-.058em;
  text-wrap:balance;
}

.research-lead-v60 > p{
  max-width:980px;
  margin:24px 0 0;
  color:rgba(255,255,255,.64);
  font-size:16px;
  line-height:1.66;
}

.research-figure-board-v60{
  display:grid;
  grid-template-columns:minmax(320px,.42fr) minmax(0,.88fr);
  gap:24px;
  align-items:stretch;
  margin-bottom:24px;
}

.figure-copy-v60{
  padding:30px;
  border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012));
}

.figure-copy-v60 h3{
  margin:0 0 16px;
  color:#fff;
  text-transform:uppercase;
  font-size:clamp(28px,3vw,52px);
  line-height:1;
  letter-spacing:-.045em;
}

.figure-copy-v60 p:not(.eyebrow){
  margin:0;
  color:rgba(255,255,255,.62);
  font-size:15px;
  line-height:1.6;
}

.research-figure-board-v60 figure,
.research-image-v60{
  margin:0;
  position:relative;
  border:1px solid rgba(255,255,255,.13);
  background:#02070c;
  overflow:hidden;
  box-shadow:0 26px 80px rgba(0,0,0,.44);
}

.research-figure-board-v60 figure a,
.research-image-v60 a{
  display:block;
  height:100%;
}

.research-figure-board-v60 img,
.research-image-v60 img{
  display:block;
  width:100%;
  height:100%;
  min-height:420px;
  object-fit:cover;
  object-position:center;
  filter:contrast(1.04) saturate(.95);
}

.research-image-v60::after,
.research-figure-board-v60 figure::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(0deg,rgba(0,0,0,.54),transparent 35%,rgba(0,0,0,.10)),
    linear-gradient(90deg,rgba(0,0,0,.12),transparent 45%,rgba(0,0,0,.18));
  pointer-events:none;
}

.research-image-v60 figcaption{
  position:absolute;
  left:20px;
  right:20px;
  bottom:16px;
  z-index:2;
  margin:0;
  color:rgba(255,255,255,.76);
  text-transform:uppercase;
  font-size:11px;
  font-weight:900;
  line-height:1.45;
  letter-spacing:.075em;
}

.research-architecture-cards-v60{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:10px;
  margin:0 0 82px;
}

.research-architecture-cards-v60 article,
.research-stack-v60 article{
  min-height:170px;
  padding:20px;
  border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(135deg,rgba(255,255,255,.035),rgba(255,255,255,.010));
}

.research-architecture-cards-v60 span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:32px;
  height:32px;
  margin-bottom:22px;
  border:1px solid rgba(242,185,64,.82);
  color:var(--muv-gold);
  font-size:11px;
  font-weight:900;
}

.research-architecture-cards-v60 h3,
.research-stack-v60 h3{
  margin:0 0 10px;
  color:#fff;
  text-transform:uppercase;
  font-size:15px;
  line-height:1.22;
  letter-spacing:.02em;
}

.research-architecture-cards-v60 p,
.research-stack-v60 p{
  margin:0;
  color:rgba(255,255,255,.56);
  font-size:13px;
  line-height:1.52;
}

.research-section-title-v60{
  margin:78px 0 28px;
}

.research-track-v60{
  display:grid;
  grid-template-columns:minmax(320px,.43fr) minmax(0,.84fr);
  gap:24px;
  align-items:stretch;
  margin-bottom:24px;
}

.research-track-v60.reverse{
  grid-template-columns:minmax(0,.84fr) minmax(320px,.43fr);
}

.research-track-v60.reverse .track-copy-v60{order:2}
.research-track-v60.reverse > *:not(.track-copy-v60){order:1}

.track-copy-v60{
  padding:30px;
  border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012));
}

.track-copy-v60 h3{
  margin:0 0 18px;
  color:#fff;
  text-transform:uppercase;
  font-size:clamp(26px,2.62vw,46px);
  line-height:1.02;
  letter-spacing:-.042em;
  text-wrap:balance;
}

.track-copy-v60 p{
  margin:0;
  color:rgba(255,255,255,.63);
  font-size:15px;
  line-height:1.65;
}

.research-list-v60{
  margin:22px 0 0;
  padding:0;
  list-style:none;
}

.research-list-v60 li{
  display:grid;
  grid-template-columns:12px 1fr;
  column-gap:12px;
  align-items:start;
  padding:10px 0;
  border-top:1px solid rgba(255,255,255,.07);
  color:rgba(255,255,255,.62);
  font-size:13.5px;
  line-height:1.45;
}

.research-list-v60 li::before{
  content:"";
  width:7px;
  height:7px;
  margin-top:.54em;
  border:1px solid rgba(102,215,255,.80);
  background:rgba(102,215,255,.16);
  box-sizing:border-box;
}

/* Global alignment fix for small blue square bullets used in older sections */
.technical-list li,
.track-copy-v57 li,
.track-copy-v58 li,
.track-copy-v59 li{
  display:grid !important;
  grid-template-columns:12px 1fr !important;
  column-gap:12px !important;
  align-items:start !important;
  padding-left:0 !important;
}

.technical-list li::before,
.track-copy-v57 li::before,
.track-copy-v58 li::before,
.track-copy-v59 li::before{
  position:static !important;
  margin-top:.54em !important;
  width:7px !important;
  height:7px !important;
  box-sizing:border-box !important;
}

.tags-v60{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:24px;
}

.tags-v60 span{
  padding:8px 10px;
  border:1px solid rgba(255,255,255,.11);
  background:rgba(255,255,255,.035);
  color:rgba(255,255,255,.68);
  text-transform:uppercase;
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
}

.mini-system-v60,
.theory-flow-v60{
  min-height:360px;
  border:1px solid rgba(255,255,255,.13);
  background:
    linear-gradient(rgba(102,215,255,.050) 1px, transparent 1px),
    linear-gradient(90deg,rgba(102,215,255,.050) 1px, transparent 1px),
    radial-gradient(circle at 72% 25%, rgba(102,215,255,.10), transparent 24%),
    #02070c;
  background-size:28px 28px,28px 28px,auto,auto;
  box-shadow:0 26px 80px rgba(0,0,0,.40);
}

.mini-system-v60{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:30px;
}

.mini-head-v60{
  margin-bottom:22px;
  color:#fff;
  text-transform:uppercase;
  font-size:12px;
  font-weight:900;
  letter-spacing:.12em;
}

.mini-flow-v60,
.theory-flow-v60{
  display:grid;
  grid-template-columns:1fr 38px 1fr 38px 1fr 38px 1fr;
  gap:0;
  align-items:center;
}

.mini-flow-v60 article,
.theory-flow-v60 article{
  min-height:90px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:14px;
  border:1px solid rgba(102,215,255,.38);
  background:rgba(255,255,255,.022);
  color:#fff;
  text-transform:uppercase;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
}

.mini-flow-v60 i,
.theory-flow-v60 i{
  height:2px;
  background:linear-gradient(90deg,rgba(102,215,255,.60),rgba(242,185,64,.86));
  position:relative;
}

.mini-flow-v60 i::after,
.theory-flow-v60 i::after{
  content:"";
  position:absolute;
  right:-1px;
  top:-5px;
  border-top:6px solid transparent;
  border-bottom:6px solid transparent;
  border-left:10px solid var(--muv-gold);
}

.mini-system-v60 > p{
  margin:24px 0 0;
  color:rgba(255,255,255,.60);
  font-size:13px;
  line-height:1.55;
}

.theory-track-v60{
  grid-template-columns:minmax(320px,.43fr) minmax(0,.84fr);
}

.theory-flow-v60{
  grid-template-columns:1fr 38px 1fr 38px 1fr 38px 1fr 38px 1fr;
  padding:34px;
}

.research-stack-v60{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
}

@media(max-width:1180px){
  .research-figure-board-v60,
  .research-track-v60,
  .research-track-v60.reverse,
  .theory-track-v60{
    grid-template-columns:1fr;
  }

  .research-track-v60.reverse .track-copy-v60,
  .research-track-v60.reverse > *:not(.track-copy-v60){
    order:initial;
  }

  .research-architecture-cards-v60{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .research-stack-v60{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .mini-flow-v60,
  .theory-flow-v60{
    grid-template-columns:1fr;
    gap:12px;
  }

  .mini-flow-v60 i,
  .theory-flow-v60 i{
    width:2px;
    height:28px;
    margin:0 auto;
  }

  .mini-flow-v60 i::after,
  .theory-flow-v60 i::after{
    right:-5px;
    top:auto;
    bottom:-1px;
    border-left:6px solid transparent;
    border-right:6px solid transparent;
    border-top:10px solid var(--muv-gold);
    border-bottom:0;
  }
}

@media(max-width:760px){
  .research-lead-v60 h2,
  .research-section-title-v60 h2{
    font-size:clamp(32px,8.5vw,44px);
  }

  .research-lead-v60 > p{
    font-size:15px;
  }

  .figure-copy-v60,
  .track-copy-v60,
  .mini-system-v60{
    padding:24px;
  }

  .research-figure-board-v60 img,
  .research-image-v60 img{
    min-height:300px;
  }

  .research-architecture-cards-v60,
  .research-stack-v60{
    grid-template-columns:1fr;
  }

  .track-copy-v60 h3{
    font-size:clamp(26px,7vw,34px);
  }

  .research-image-v60 figcaption{
    font-size:10px;
  }
}

/* v61: Research figure no-crop + 3D title wrapping fix */
.research-image-v60,
.research-figure-board-v60 figure{
  background:
    linear-gradient(rgba(102,215,255,.035) 1px, transparent 1px),
    linear-gradient(90deg,rgba(102,215,255,.035) 1px, transparent 1px),
    #02070c !important;
  background-size:28px 28px,28px 28px,auto !important;
}

.research-image-v60 img,
.research-figure-board-v60 img{
  object-fit:contain !important;
  object-position:center center !important;
  padding:18px !important;
  box-sizing:border-box !important;
  background:#02070c !important;
  transform:none !important;
  min-height:0 !important;
}

.research-image-v60::after,
.research-figure-board-v60 figure::after{
  background:
    linear-gradient(0deg,rgba(0,0,0,.26),transparent 28%,rgba(0,0,0,.04)) !important;
}

.research-image-v60 figcaption{
  background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.38),transparent) !important;
  padding:8px 10px !important;
  left:18px !important;
  right:18px !important;
  bottom:14px !important;
}

.research-track-v60 .track-copy-v60 h3{
  overflow-wrap:normal !important;
  word-break:normal !important;
  hyphens:none !important;
}

@media(min-width:1181px){
  .research-track-v60 .track-copy-v60 h3{
    font-size:clamp(24px,2.28vw,40px) !important;
    letter-spacing:-.038em !important;
  }
}

@media(max-width:760px){
  .research-image-v60 img,
  .research-figure-board-v60 img{
    padding:10px !important;
    min-height:260px !important;
  }

  .research-image-v60 figcaption{
    font-size:9.5px !important;
    line-height:1.35 !important;
  }
}

/* v62: richer mission/theory boards, project overflow fix, join one-line text */
.mission-autonomy-board-v62,
.theory-board-v62{
  min-height:360px;
  border:1px solid rgba(255,255,255,.13);
  background:
    linear-gradient(rgba(102,215,255,.050) 1px, transparent 1px),
    linear-gradient(90deg,rgba(102,215,255,.050) 1px, transparent 1px),
    radial-gradient(circle at 72% 25%, rgba(102,215,255,.10), transparent 24%),
    #02070c;
  background-size:28px 28px,28px 28px,auto,auto;
  box-shadow:0 26px 80px rgba(0,0,0,.40);
  padding:30px;
}

.mission-autonomy-grid-v62{
  display:grid;
  grid-template-columns:minmax(0,1fr) 210px;
  gap:22px;
  align-items:stretch;
}

.mission-autonomy-grid-v62 svg{
  width:100%;
  min-height:285px;
  display:block;
}

.mission-area-v62{
  fill:rgba(102,215,255,.025);
  stroke:rgba(102,215,255,.58);
  stroke-width:1.5;
}

.mission-path-v62{
  fill:none;
  stroke:#66d7ff;
  stroke-width:3.1;
  stroke-linecap:round;
  stroke-dasharray:10 10;
}

.mission-route-v62{
  fill:none;
  stroke:#f2b940;
  stroke-width:2;
  opacity:.72;
}

.mission-constraint-v62{
  fill:rgba(242,185,64,.06);
  stroke:rgba(242,185,64,.60);
  stroke-width:1.4;
  stroke-dasharray:6 6;
}

.mission-wp-v62{
  fill:#071725;
  stroke:#f2b940;
  stroke-width:3;
}

.mission-uuv-v62 rect,
.mission-uuv-v62 polygon{
  fill:#d7ad38;
  stroke:#ffd363;
  stroke-width:1.4;
}

.mission-link-v62{
  stroke:rgba(255,255,255,.65);
  stroke-width:1.6;
  stroke-dasharray:6 7;
}

.mission-svg-label-v62,
.mission-svg-caption-v62{
  font-family:Inter,Arial,sans-serif;
  fill:rgba(255,255,255,.72);
  font-size:14px;
  font-weight:800;
}

.mission-svg-caption-v62{
  fill:rgba(255,255,255,.55);
  font-size:12.5px;
  letter-spacing:.04em;
}

.mission-modules-v62{
  display:grid;
  gap:10px;
  align-content:center;
}

.mission-modules-v62 article{
  min-height:84px;
  padding:16px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.022);
}

.mission-modules-v62 span{
  display:block;
  margin-bottom:10px;
  color:#66d7ff;
  text-transform:uppercase;
  font-size:10px;
  font-weight:900;
  letter-spacing:.12em;
}

.mission-modules-v62 strong{
  display:block;
  color:#fff;
  text-transform:uppercase;
  font-size:12px;
  line-height:1.35;
  letter-spacing:.04em;
}

.theory-content-v62{
  display:grid;
  grid-template-columns:minmax(0,.58fr) minmax(0,.42fr);
  gap:18px;
  align-items:stretch;
}

.theory-methods-v62{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}

.theory-methods-v62 article{
  min-height:92px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:14px;
  border:1px solid rgba(102,215,255,.28);
  background:rgba(255,255,255,.022);
  color:rgba(255,255,255,.84);
  text-transform:uppercase;
  font-size:11px;
  line-height:1.35;
  font-weight:900;
  letter-spacing:.055em;
}

.theory-pipeline-v62{
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
}

.theory-pipeline-v62 article{
  min-height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(242,185,64,.36);
  background:rgba(242,185,64,.035);
  color:#fff;
  text-transform:uppercase;
  font-size:11px;
  font-weight:900;
  letter-spacing:.075em;
}

/* Project Current R&D: keep Ongoing badge inside its column */
.project-band{
  overflow:hidden !important;
}

.project-band-index{
  min-width:0 !important;
}

.project-band-index span{
  max-width:100% !important;
  box-sizing:border-box !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  line-height:1.15 !important;
  display:inline-block !important;
}

.project-band > *{
  min-width:0 !important;
}

/* Join final CTA sentence: avoid orphan 'page' on desktop */
.join-final-cta p:not(.eyebrow){
  max-width:none !important;
}

@media(min-width:900px){
  .join-final-cta p:not(.eyebrow){
    white-space:nowrap !important;
    font-size:clamp(14px,1.25vw,16px) !important;
  }
}

@media(max-width:1180px){
  .mission-autonomy-grid-v62,
  .theory-content-v62{
    grid-template-columns:1fr;
  }

  .theory-methods-v62{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:760px){
  .mission-autonomy-board-v62,
  .theory-board-v62{
    padding:22px;
  }

  .theory-methods-v62{
    grid-template-columns:1fr;
  }

  .mission-autonomy-grid-v62{
    overflow-x:auto;
  }

  .mission-autonomy-grid-v62 svg{
    min-width:660px;
  }

  .join-final-cta p:not(.eyebrow){
    white-space:normal !important;
  }
}

/* v63 refinements: richer mission/theory boards + ongoing badge fix */
.mission-autonomy-board-v63,
.theory-board-v63{
  min-height:360px;
  border:1px solid rgba(255,255,255,.13);
  background:
    linear-gradient(rgba(102,215,255,.045) 1px, transparent 1px),
    linear-gradient(90deg,rgba(102,215,255,.045) 1px, transparent 1px),
    radial-gradient(circle at 78% 18%, rgba(102,215,255,.12), transparent 22%),
    radial-gradient(circle at 12% 82%, rgba(242,185,64,.05), transparent 20%),
    #02070c;
  background-size:28px 28px, 28px 28px, auto, auto, auto;
  box-shadow:0 26px 80px rgba(0,0,0,.40);
  padding:28px;
}

.board-scroll-v63{
  overflow-x:auto;
  overflow-y:hidden;
}

.mission-autonomy-svg-v63,
.theory-svg-v63{
  width:100%;
  display:block;
}

.mission-autonomy-svg-v63{
  min-width:760px;
}

.mission-area-v63{
  fill:rgba(102,215,255,.025);
  stroke:rgba(102,215,255,.62);
  stroke-width:1.8;
}

.mission-surface-v63{
  stroke:rgba(255,255,255,.25);
  stroke-width:1.2;
}

.usv-relay-v63 rect,
.usv-relay-v63 polygon{
  fill:rgba(245,245,245,.90);
  stroke:rgba(255,255,255,.95);
  stroke-width:1.2;
}
.usv-relay-v63 line{
  stroke:#66d7ff;
  stroke-width:1.4;
  stroke-linecap:round;
}

.mission-ref-v63{
  fill:none;
  stroke:#66d7ff;
  stroke-width:4;
  stroke-linecap:round;
  stroke-dasharray:11 10;
}

.mission-plan-v63{
  fill:none;
  stroke:#f2b940;
  stroke-width:2.2;
  opacity:.86;
}

.mission-wp-v63{
  fill:#071725;
  stroke:#f2b940;
  stroke-width:3;
}

.mission-keepout-v63{
  fill:rgba(242,185,64,.06);
  stroke:rgba(242,185,64,.62);
  stroke-width:1.4;
  stroke-dasharray:7 6;
}

.mission-uuv-v63 rect,
.mission-uuv-v63 polygon{
  fill:#d7ad38;
  stroke:#ffd363;
  stroke-width:1.3;
}
.mission-uuv-v63 line{
  stroke:#ffe29a;
  stroke-width:1.3;
}

.mission-comms-v63{
  fill:none;
  stroke:rgba(102,215,255,.75);
  stroke-width:2.1;
  stroke-dasharray:8 8;
}

.mission-task-v63{
  fill:none;
  stroke:rgba(242,185,64,.9);
  stroke-width:2.1;
  stroke-dasharray:6 7;
}

.mission-label-v63,
.mission-keepout-label-v63,
.mission-note-v63{
  font-family:Inter,Arial,sans-serif;
  font-size:14px;
  font-weight:900;
  fill:#fff;
}

.mission-keepout-label-v63{
  fill:rgba(255,255,255,.78);
}
.mission-note-v63{
  fill:rgba(255,255,255,.55);
  font-size:12px;
  letter-spacing:.07em;
  text-transform:uppercase;
}

.theory-svg-v63{
  min-width:820px;
}

.theory-col-v63{
  fill:rgba(255,255,255,.02);
  stroke:rgba(255,255,255,.12);
  stroke-width:1.4;
}

.theory-col-title-v63{
  font-family:Inter,Arial,sans-serif;
  fill:#fff;
  font-size:15px;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.theory-chip-v63 rect{
  fill:rgba(102,215,255,.055);
  stroke:rgba(102,215,255,.38);
  stroke-width:1.2;
}
.theory-chip-alt-v63 rect{
  fill:rgba(242,185,64,.042);
  stroke:rgba(242,185,64,.34);
  stroke-width:1.2;
}
.theory-chip-v63 text,
.theory-chip-alt-v63 text{
  font-family:Inter,Arial,sans-serif;
  fill:rgba(255,255,255,.86);
  font-size:12.5px;
  font-weight:800;
}

.theory-link-v63{
  stroke:#66d7ff;
  stroke-width:2.2;
}

.theory-process-line-v63{
  stroke:rgba(255,255,255,.45);
  stroke-width:1.4;
}
.theory-process-v63 text{
  font-family:Inter,Arial,sans-serif;
  fill:rgba(255,255,255,.65);
  font-size:12px;
  font-weight:900;
  letter-spacing:.07em;
  text-transform:uppercase;
}

/* Ongoing badge */
.project-band{
  grid-template-columns:84px minmax(0,1fr) minmax(330px,.58fr);
}

.project-band-index{
  padding-right:12px;
}

.project-band-index span{
  padding:5px 6px;
  font-size:9px;
  letter-spacing:.08em;
  line-height:1;
  white-space:nowrap !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
}

@media(max-width:960px){
  .project-band{
    grid-template-columns:1fr;
  }
}

@media(max-width:760px){
  .mission-autonomy-board-v63,
  .theory-board-v63{
    padding:22px;
  }

  .mission-autonomy-svg-v63{
    min-width:720px;
  }

  .theory-svg-v63{
    min-width:800px;
  }
}

/* v64: replace selected research blocks with expert images, equal home buttons, image-copy deterrence */
.hero-actions-equal{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  align-items:center;
}

.hero-actions-equal .button,
.hero-actions-equal .button.secondary{
  min-width:190px;
  min-height:48px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  box-sizing:border-box;
}

.research-image-final-v64{
  background:#02070c !important;
}

.research-image-final-v64 img{
  object-fit:contain !important;
  object-position:center center !important;
  padding:18px !important;
  box-sizing:border-box !important;
  background:#02070c !important;
  min-height:0 !important;
  height:auto !important;
  width:100% !important;
  transform:none !important;
}

.theory-image-final-v64 img{
  padding:22px !important;
}

.protected-image,
.protected-image img,
.research-image-v60,
.research-image-v60 img,
.research-figure-board-v60 img{
  -webkit-user-drag:none;
  user-drag:none;
  user-select:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
}

/* Give the Projects ongoing badge enough room and keep it away from the divider */
.project-band{
  grid-template-columns:108px minmax(0,1fr) minmax(330px,.58fr) !important;
}

.project-band-index{
  padding-right:18px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
}

.project-band-index span{
  width:auto !important;
  max-width:72px !important;
  padding:5px 7px !important;
  font-size:9px !important;
  letter-spacing:.075em !important;
  line-height:1.05 !important;
  white-space:nowrap !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
}

@media(max-width:960px){
  .project-band{
    grid-template-columns:1fr !important;
  }

  .project-band-index{
    display:flex !important;
    flex-direction:row !important;
    justify-content:space-between !important;
    align-items:center !important;
  }

  .project-band-index span{
    max-width:none !important;
  }
}

@media(max-width:760px){
  .hero-actions-equal{
    width:100%;
  }

  .hero-actions-equal .button,
  .hero-actions-equal .button.secondary{
    flex:1 1 100%;
    min-width:0;
  }

  .research-image-final-v64 img{
    padding:10px !important;
  }

  .theory-image-final-v64 img{
    padding:12px !important;
  }
}

/* v65: research image lightbox, watermark overlay, caption removal, member photo swap */
.research-image-v60 figcaption,
.research-figure-board-v60 figcaption{
  display:none !important;
}

.research-image-v60 img,
.research-figure-board-v60 img,
.protected-image img{
  cursor:zoom-in;
}

.is-lightbox-target{
  cursor:zoom-in !important;
}

body.lightbox-open{
  overflow:hidden;
}

.muv-image-lightbox{
  position:fixed;
  inset:0;
  z-index:9999;
  display:none;
  align-items:center;
  justify-content:center;
  padding:28px;
  background:rgba(0,0,0,.88);
  backdrop-filter:blur(10px);
}

.muv-image-lightbox.is-open{
  display:flex;
}

.muv-lightbox-frame{
  position:relative;
  max-width:min(94vw,1500px);
  max-height:88vh;
  border:1px solid rgba(255,255,255,.22);
  background:#02070c;
  box-shadow:0 40px 140px rgba(0,0,0,.72);
  overflow:hidden;
}

.muv-lightbox-frame img{
  display:block;
  max-width:100%;
  max-height:88vh;
  object-fit:contain;
  user-select:none;
  -webkit-user-drag:none;
  pointer-events:none;
}

.muv-lightbox-watermark{
  position:absolute;
  inset:0;
  display:grid;
  grid-template-rows:repeat(3,1fr);
  align-items:center;
  justify-items:center;
  pointer-events:none;
  opacity:.16;
  transform:rotate(-18deg) scale(1.15);
  mix-blend-mode:screen;
}

.muv-lightbox-watermark span{
  color:rgba(255,255,255,.82);
  font-size:clamp(18px,3.4vw,54px);
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
  white-space:nowrap;
  text-shadow:0 0 20px rgba(102,215,255,.20);
}

.muv-lightbox-close{
  position:fixed;
  top:22px;
  right:26px;
  z-index:10000;
  width:44px;
  height:44px;
  border:1px solid rgba(255,255,255,.28);
  background:rgba(0,0,0,.55);
  color:#fff;
  font-size:32px;
  line-height:38px;
  cursor:pointer;
}

.muv-lightbox-close:hover{
  border-color:rgba(102,215,255,.7);
  color:#66d7ff;
}

@media(max-width:760px){
  .muv-image-lightbox{
    padding:12px;
  }

  .muv-lightbox-close{
    top:12px;
    right:12px;
  }

  .muv-lightbox-watermark{
    opacity:.18;
  }
}

/* v68: site-wide typography consistency patch
   Direction: reduce oversized display headings slightly,
   increase body/card readability slightly, and keep the same premium dark tone.
*/
:root{
  --muv-text-main: rgba(255,255,255,.92);
  --muv-text-body: rgba(255,255,255,.74);
  --muv-text-muted: rgba(255,255,255,.58);
  --muv-heading-tight: -.047em;
}

/* Global body readability */
body{
  color:var(--muv-text-main);
}

p,
li{
  color:var(--muv-text-body);
}

/* Main hero titles across all pages */
.hero-content h1,
.page-hero-content h1{
  font-size:clamp(50px,6.1vw,104px) !important;
  line-height:.96 !important;
  letter-spacing:-.056em !important;
}

/* Large section headings across the whole site */
.block-title,
.section-title h2,
.section-heading h2,
.section-heading-row h2,
.research-lead-v60 h2,
.research-section-title-v60 h2,
.pub-lead h2,
.project-compact-head h2,
.join-intro h2,
.contact-intro h2{
  font-size:clamp(42px,4.4vw,76px) !important;
  line-height:.98 !important;
  letter-spacing:var(--muv-heading-tight) !important;
}

/* Subpage large card titles */
.figure-copy-v60 h3,
.track-copy-v60 h3,
.project-band h3,
.landmark-card h3,
.publication-card h3,
.member-profile h2,
.pi-name,
.join-final-cta h2,
.refined-join-cta h2,
.contact-card h2{
  letter-spacing:-.04em !important;
}

/* Research-specific balance */
.research-lead-v60 h2{
  font-size:clamp(50px,5.2vw,88px) !important;
}

.research-lead-v60 p{
  max-width:1120px !important;
  font-size:16.5px !important;
  line-height:1.75 !important;
  color:var(--muv-text-body) !important;
}

.figure-copy-v60 h3{
  font-size:clamp(34px,3.05vw,56px) !important;
  line-height:1.02 !important;
}

.figure-copy-v60 p{
  font-size:15px !important;
  line-height:1.65 !important;
  color:var(--muv-text-body) !important;
}

.track-copy-v60 p,
.research-list-v60 li{
  font-size:15.5px !important;
  line-height:1.72 !important;
  color:var(--muv-text-body) !important;
}

.research-architecture-cards-v60 p,
.research-stack-v60 p{
  font-size:14.5px !important;
  line-height:1.65 !important;
  color:var(--muv-text-body) !important;
}

/* Projects readability */
.project-band h3{
  font-size:clamp(24px,1.85vw,32px) !important;
  line-height:1.08 !important;
}

.project-title-ko,
.project-band-main p,
.project-band-side li,
.archive-item p,
.project-archive-list p{
  font-size:14.5px !important;
  line-height:1.65 !important;
  color:var(--muv-text-body) !important;
}

/* Publications readability */
.landmark-card p,
.publication-card p,
.pub-theme-card p,
.pub-record-panel p{
  font-size:14.5px !important;
  line-height:1.65 !important;
  color:var(--muv-text-body) !important;
}

/* Members / Join / Contact readability */
.member-profile p,
.researcher-card p,
.member-keywords span,
.join-card p,
.join-process article p,
.contact-card p,
.service-tags span{
  color:var(--muv-text-body) !important;
}

.researcher-card p,
.join-card p,
.contact-card p{
  font-size:14.5px !important;
  line-height:1.65 !important;
}

/* Keep eyebrow labels consistent */
.eyebrow,
.eyebrow.small{
  color:rgba(102,215,255,.78) !important;
  letter-spacing:.14em !important;
}

/* Desktop: avoid excessive left-card title scale */
@media(min-width:1000px){
  .figure-copy-v60 h3{
    font-size:clamp(34px,2.8vw,52px) !important;
  }
}

/* Mobile: unified readable scale */
@media(max-width:760px){
  .hero-content h1,
  .page-hero-content h1{
    font-size:clamp(38px,12vw,58px) !important;
    line-height:.97 !important;
    letter-spacing:-.055em !important;
  }

  .block-title,
  .section-title h2,
  .section-heading h2,
  .section-heading-row h2,
  .research-lead-v60 h2,
  .research-section-title-v60 h2,
  .pub-lead h2,
  .project-compact-head h2,
  .join-intro h2,
  .contact-intro h2{
    font-size:clamp(30px,9.2vw,44px) !important;
    line-height:1.03 !important;
  }

  .figure-copy-v60 h3,
  .track-copy-v60 h3,
  .project-band h3{
    font-size:clamp(26px,8.2vw,38px) !important;
    line-height:1.06 !important;
  }

  p,
  li,
  .research-lead-v60 p,
  .track-copy-v60 p,
  .project-title-ko,
  .landmark-card p,
  .publication-card p,
  .join-card p,
  .contact-card p{
    font-size:15px !important;
    line-height:1.72 !important;
  }

  .content-section{
    padding-top:54px !important;
    padding-bottom:54px !important;
  }
}

/* v69: unified site-wide readability + restored mobile figure swipe
   Apply by replacing style.css. For cache busting, update HTML links to style.css?v=69.
*/

/* 1) Global typography balance: same rule across all pages */
:root{
  --muv-text-main: rgba(255,255,255,.92);
  --muv-text-body: rgba(255,255,255,.76);
  --muv-text-muted: rgba(255,255,255,.60);
  --muv-heading-tracking: -.050em;
}

body{
  color:var(--muv-text-main);
}

p,
li{
  color:var(--muv-text-body);
}

/* Big hero headings: keep SpaceX-like impact, but avoid excessive scale */
.hero-content h1,
.page-hero-content h1{
  font-size:clamp(48px,5.75vw,96px) !important;
  line-height:.97 !important;
  letter-spacing:-.055em !important;
}

/* Main section titles across Research / Projects / Publications / Members / Join / Contact */
.block-title,
.section-title h2,
.section-heading h2,
.section-heading-row h2,
.research-lead-v60 h2,
.research-section-title-v60 h2,
.pub-lead h2,
.project-compact-head h2,
.join-intro h2,
.contact-intro h2{
  font-size:clamp(40px,4.15vw,72px) !important;
  line-height:1.00 !important;
  letter-spacing:var(--muv-heading-tracking) !important;
}

/* Subsection/card titles */
.figure-copy-v60 h3,
.track-copy-v60 h3,
.project-band h3,
.landmark-card h3,
.publication-card h3,
.member-profile h2,
.pi-name,
.join-final-cta h2,
.refined-join-cta h2,
.contact-card h2{
  letter-spacing:-.041em !important;
}

/* Body/readability consistently lifted */
.research-lead-v60 p,
.figure-copy-v60 p,
.track-copy-v60 p,
.research-list-v60 li,
.project-title-ko,
.project-band-main p,
.project-band-side li,
.archive-item p,
.project-archive-list p,
.landmark-card p,
.publication-card p,
.pub-theme-card p,
.pub-record-panel p,
.member-profile p,
.researcher-card p,
.join-card p,
.join-process article p,
.contact-card p{
  font-size:15.5px !important;
  line-height:1.72 !important;
  color:var(--muv-text-body) !important;
}

/* Research first block: reduce title dominance and give the image/card room */
.research-lead-v60 h2{
  font-size:clamp(48px,4.95vw,84px) !important;
  line-height:.99 !important;
}

.research-lead-v60 p{
  max-width:1120px !important;
  color:rgba(255,255,255,.78) !important;
}

.figure-copy-v60 h3{
  font-size:clamp(32px,2.72vw,50px) !important;
  line-height:1.03 !important;
}

.research-architecture-cards-v60 p,
.research-stack-v60 p{
  font-size:14.8px !important;
  line-height:1.66 !important;
  color:var(--muv-text-body) !important;
}

/* Keep small labels consistently blue and readable */
.eyebrow,
.eyebrow.small{
  color:rgba(102,215,255,.78) !important;
  letter-spacing:.14em !important;
}

/* 2) Restore and strengthen mobile horizontal swipe for technical figures */
@media(max-width:760px){
  html,
  body{
    overflow-x:hidden;
  }

  .content-section{
    padding-top:54px !important;
    padding-bottom:54px !important;
  }

  .page-hero-content,
  .hero-content,
  .section-inner{
    width:min(100% - 36px, 1180px) !important;
  }

  .hero-content h1,
  .page-hero-content h1{
    font-size:clamp(36px,11.5vw,56px) !important;
    line-height:.98 !important;
  }

  .block-title,
  .section-title h2,
  .section-heading h2,
  .section-heading-row h2,
  .research-lead-v60 h2,
  .research-section-title-v60 h2,
  .pub-lead h2,
  .project-compact-head h2,
  .join-intro h2,
  .contact-intro h2{
    font-size:clamp(29px,8.9vw,42px) !important;
    line-height:1.04 !important;
  }

  .figure-copy-v60 h3,
  .track-copy-v60 h3,
  .project-band h3{
    font-size:clamp(25px,7.9vw,37px) !important;
    line-height:1.07 !important;
  }

  p,
  li,
  .research-lead-v60 p,
  .track-copy-v60 p,
  .project-title-ko,
  .landmark-card p,
  .publication-card p,
  .join-card p,
  .contact-card p{
    font-size:15px !important;
    line-height:1.74 !important;
  }

  .research-track-v60,
  .research-track-v60.reverse,
  .theory-track-v60{
    grid-template-columns:1fr !important;
    gap:22px !important;
    padding:34px 0 !important;
  }

  .research-architecture-cards-v60,
  .research-stack-v60{
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  /* Horizontal swipe containers */
  .research-image-final-v64,
  .research-image-v60,
  .research-figure-board-v60 figure,
  .hero-board-v60 figure{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    overscroll-behavior-x:contain !important;
    touch-action:pan-x pan-y !important;
    scrollbar-width:thin;
    padding-bottom:8px !important;
  }

  /* The image itself must be wider than the viewport, otherwise swipe disappears */
  .research-image-final-v64 img,
  .research-image-v60 img,
  .research-figure-board-v60 figure img,
  .hero-board-v60 figure img{
    display:block !important;
    width:920px !important;
    min-width:920px !important;
    max-width:none !important;
    height:auto !important;
    max-height:none !important;
    object-fit:contain !important;
    object-position:center center !important;
    padding:10px !important;
    box-sizing:border-box !important;
    transform:none !important;
  }

  .hero-board-v60{
    grid-template-columns:1fr !important;
    gap:18px !important;
    padding:22px !important;
  }

  .project-band{
    display:block !important;
    padding:18px !important;
  }

  .project-band-index{
    display:flex !important;
    flex-direction:row !important;
    justify-content:space-between !important;
    align-items:center !important;
    min-height:0 !important;
    padding:0 0 14px !important;
    margin-bottom:18px !important;
    border-right:0 !important;
    border-bottom:1px solid rgba(255,255,255,.10) !important;
  }

  .project-band-index span{
    max-width:none !important;
  }

  .hero-actions-equal .button,
  .hero-actions-equal .button.secondary,
  .hero-actions .button,
  .hero-actions .button.secondary{
    width:100% !important;
    min-width:0 !important;
  }
}

@media(max-width:420px){
  .page-hero-content,
  .hero-content,
  .section-inner{
    width:min(100% - 28px, 1180px) !important;
  }

  .research-image-final-v64 img,
  .research-image-v60 img,
  .research-figure-board-v60 figure img,
  .hero-board-v60 figure img{
    width:860px !important;
    min-width:860px !important;
  }
}

/* v70: mobile home hero visibility patch
   Purpose: keep the submarine/video visually visible on phones by reducing title dominance
   and moving the copy/buttons into a more balanced lower overlay.
*/
@media(max-width:760px){
  /* Home page only: give the visual more breathing room */
  .home-hero,
  .hero{
    min-height:calc(100svh - 62px) !important;
    display:flex !important;
    align-items:flex-end !important;
    padding-top:90px !important;
    padding-bottom:56px !important;
  }

  .home-hero .hero-content,
  .hero .hero-content{
    width:min(100% - 40px, 1180px) !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
  }

  /* Reduce home title only. Subpage titles keep their own scale. */
  .home-hero .hero-content h1,
  .hero .hero-content h1{
    max-width:720px !important;
    font-size:clamp(34px,10.1vw,48px) !important;
    line-height:1.02 !important;
    letter-spacing:-.052em !important;
    text-shadow:0 4px 24px rgba(0,0,0,.42) !important;
  }

  .home-hero .hero-content p,
  .hero .hero-content p{
    max-width:92% !important;
    margin-top:18px !important;
    font-size:15.5px !important;
    line-height:1.62 !important;
    color:rgba(255,255,255,.78) !important;
    text-shadow:0 3px 18px rgba(0,0,0,.40) !important;
  }

  .home-hero .hero-actions,
  .hero .hero-actions{
    margin-top:32px !important;
    gap:14px !important;
  }

  .home-hero .hero-actions .button,
  .home-hero .hero-actions .button.secondary,
  .hero .hero-actions .button,
  .hero .hero-actions .button.secondary{
    min-height:54px !important;
    font-size:13px !important;
    letter-spacing:.08em !important;
    background:rgba(0,0,0,.22) !important;
    backdrop-filter:blur(3px);
  }

  /* Darken the text zone slightly while keeping the center/right visual visible */
  .home-hero::after,
  .hero::after{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    pointer-events:none !important;
    background:
      linear-gradient(90deg, rgba(0,0,0,.58) 0%, rgba(0,0,0,.30) 42%, rgba(0,0,0,.08) 100%),
      linear-gradient(180deg, rgba(0,0,0,.02) 0%, rgba(0,0,0,.28) 58%, rgba(0,0,0,.58) 100%) !important;
    z-index:1 !important;
  }

  .home-hero .hero-content,
  .hero .hero-content{
    position:relative !important;
    z-index:2 !important;
  }
}

@media(max-width:420px){
  .home-hero,
  .hero{
    min-height:calc(100svh - 62px) !important;
    padding-bottom:48px !important;
  }

  .home-hero .hero-content,
  .hero .hero-content{
    width:min(100% - 34px, 1180px) !important;
  }

  .home-hero .hero-content h1,
  .hero .hero-content h1{
    font-size:clamp(32px,9.7vw,44px) !important;
    line-height:1.03 !important;
  }

  .home-hero .hero-content p,
  .hero .hero-content p{
    font-size:14.8px !important;
    line-height:1.58 !important;
  }

  .home-hero .hero-actions,
  .hero .hero-actions{
    margin-top:28px !important;
  }
}

/* v71: final hierarchy and section-division polish
   - makes internal section headings less competing with each other
   - clarifies Research page section breaks
   - keeps global typography consistent
*/

/* Site-wide readability baseline */
:root{
  --muv-text-main: rgba(255,255,255,.92);
  --muv-text-body: rgba(255,255,255,.76);
  --muv-text-muted: rgba(255,255,255,.58);
  --muv-section-line: rgba(255,255,255,.115);
}

p,
li{
  color:var(--muv-text-body);
}

/* Keep page hero strong, but make inner-page section titles calmer */
.hero-content h1,
.page-hero-content h1{
  font-size:clamp(48px,5.75vw,96px) !important;
  line-height:.97 !important;
  letter-spacing:-.055em !important;
}

/* Research lead becomes a lead statement, not another page hero */
.research-lead-v60{
  max-width:1120px !important;
  margin-bottom:42px !important;
  padding-bottom:30px !important;
  border-bottom:1px solid var(--muv-section-line);
}

.research-lead-v60 h2{
  max-width:1020px !important;
  margin:0 !important;
  text-transform:none !important;
  font-size:clamp(40px,4.25vw,68px) !important;
  line-height:1.04 !important;
  letter-spacing:-.044em !important;
  color:rgba(255,255,255,.90) !important;
  text-wrap:balance;
}

.research-lead-v60 > p{
  max-width:1040px !important;
  margin-top:22px !important;
  font-size:16.5px !important;
  line-height:1.72 !important;
  color:rgba(255,255,255,.76) !important;
}

/* Section dividers: make next blocks feel clearly separated */
.research-section-title-v60{
  margin:70px 0 30px !important;
  padding-top:34px !important;
  border-top:1px solid var(--muv-section-line);
}

.research-section-title-v60 h2{
  max-width:900px !important;
  margin:0 !important;
  text-transform:none !important;
  font-size:clamp(30px,3.2vw,52px) !important;
  line-height:1.06 !important;
  letter-spacing:-.038em !important;
  color:rgba(255,255,255,.88) !important;
  text-wrap:balance;
}

.research-section-title-v60 .eyebrow{
  margin-bottom:12px !important;
}

/* System-level card should not visually compete with the lead statement */
.figure-copy-v60 h3{
  font-size:clamp(30px,2.55vw,46px) !important;
  line-height:1.05 !important;
  letter-spacing:-.04em !important;
}

.figure-copy-v60 p{
  font-size:15px !important;
  line-height:1.65 !important;
  color:rgba(255,255,255,.74) !important;
}

/* Architecture cards: slightly calmer but more readable */
.research-architecture-cards-v60 article,
.research-stack-v60 article{
  background:linear-gradient(180deg,rgba(255,255,255,.032),rgba(255,255,255,.010)) !important;
}

.research-architecture-cards-v60 h3,
.research-stack-v60 h3{
  font-size:15px !important;
  letter-spacing:.02em !important;
}

.research-architecture-cards-v60 p,
.research-stack-v60 p{
  font-size:14.8px !important;
  line-height:1.66 !important;
  color:rgba(255,255,255,.74) !important;
}

/* Track headings remain important but below the lead statement */
.track-copy-v60 h3{
  font-size:clamp(34px,3.45vw,60px) !important;
  line-height:1.02 !important;
  letter-spacing:-.045em !important;
}

.track-copy-v60 p,
.research-list-v60 li{
  font-size:15.5px !important;
  line-height:1.72 !important;
  color:rgba(255,255,255,.76) !important;
}

/* Projects/publications/members/join/contact consistency */
.project-band h3,
.landmark-card h3,
.publication-card h3,
.join-final-cta h2,
.contact-card h2{
  letter-spacing:-.04em !important;
}

.project-title-ko,
.project-band-main p,
.project-band-side li,
.archive-item p,
.project-archive-list p,
.landmark-card p,
.publication-card p,
.pub-theme-card p,
.member-profile p,
.researcher-card p,
.join-card p,
.contact-card p{
  font-size:14.8px !important;
  line-height:1.66 !important;
  color:rgba(255,255,255,.74) !important;
}

/* Mobile: preserve restored horizontal figure swipe and keep calmer heading hierarchy */
@media(max-width:760px){
  .research-lead-v60{
    margin-bottom:34px !important;
    padding-bottom:24px !important;
  }

  .research-lead-v60 h2{
    font-size:clamp(30px,9.2vw,42px) !important;
    line-height:1.06 !important;
  }

  .research-section-title-v60{
    margin:52px 0 24px !important;
    padding-top:28px !important;
  }

  .research-section-title-v60 h2{
    font-size:clamp(27px,8.4vw,38px) !important;
    line-height:1.08 !important;
  }

  .figure-copy-v60 h3,
  .track-copy-v60 h3{
    font-size:clamp(25px,7.8vw,36px) !important;
    line-height:1.08 !important;
  }

  .research-lead-v60 > p,
  .track-copy-v60 p,
  .research-list-v60 li{
    font-size:15px !important;
    line-height:1.74 !important;
  }

  /* Ensure horizontal swipe remains active */
  .research-image-final-v64,
  .research-image-v60,
  .research-figure-board-v60 figure,
  .hero-board-v60 figure{
    overflow-x:auto !important;
    overflow-y:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    touch-action:pan-x pan-y !important;
  }

  .research-image-final-v64 img,
  .research-image-v60 img,
  .research-figure-board-v60 figure img,
  .hero-board-v60 figure img{
    width:920px !important;
    min-width:920px !important;
    max-width:none !important;
    height:auto !important;
  }
}

@media(max-width:420px){
  .research-image-final-v64 img,
  .research-image-v60 img,
  .research-figure-board-v60 figure img,
  .hero-board-v60 figure img{
    width:860px !important;
    min-width:860px !important;
  }
}

/* v72: case consistency polish
   Rule:
   - Small labels, navigation, buttons, badges, and metadata remain uppercase.
   - Main headings, card titles, project/publication/member titles use normal/title case.
   - This removes the mixed all-caps vs title-case inconsistency across pages.
*/

/* Main display and section headings: no forced uppercase */
.hero-content h1,
.page-hero-content h1,
.block-title,
.section-title h2,
.section-heading h2,
.section-heading-row h2,
.research-lead-v60 h2,
.research-section-title-v60 h2,
.figure-copy-v60 h3,
.track-copy-v60 h3,
.research-architecture-cards-v60 h3,
.research-stack-v60 h3,
.project-compact-head h2,
.project-band h3,
.archive-item h3,
.project-archive-list h3,
.pub-lead h2,
.landmark-card h3,
.publication-card h3,
.pub-theme-card h3,
.pub-record-panel h3,
.member-profile h2,
.pi-name,
.researcher-card h3,
.join-intro h2,
.join-card h3,
.join-process article h3,
.join-final-cta h2,
.contact-intro h2,
.contact-card h2,
.contact-card h3{
  text-transform:none !important;
}

/* Preserve uppercase only where it functions as UI metadata */
.eyebrow,
.eyebrow.small,
.site-nav a,
.button,
.button.secondary,
.member-role,
.project-band-type,
.project-band-index span,
.project-meta-compact span,
.pub-meta,
.service-tags span,
.tags-v60 span,
.member-keywords span,
.project-band-side h4,
.project-band-side li span,
.archive-meta,
.footer,
.site-footer,
.brand{
  text-transform:uppercase !important;
}

/* Title-case heading rhythm */
.hero-content h1,
.page-hero-content h1{
  letter-spacing:-.052em !important;
}

.research-lead-v60 h2,
.research-section-title-v60 h2,
.project-compact-head h2,
.pub-lead h2,
.join-intro h2,
.contact-intro h2{
  letter-spacing:-.042em !important;
}

.figure-copy-v60 h3,
.track-copy-v60 h3,
.project-band h3,
.landmark-card h3,
.publication-card h3,
.researcher-card h3,
.join-card h3,
.contact-card h3{
  letter-spacing:-.032em !important;
}

/* Keep short architecture-card titles compact but not shouted */
.research-architecture-cards-v60 h3,
.research-stack-v60 h3{
  font-size:15.5px !important;
  letter-spacing:.005em !important;
  font-weight:900 !important;
}

/* Buttons remain consistent with nav */
.button,
.button.secondary{
  letter-spacing:.09em !important;
  font-weight:900 !important;
}

/* Mobile consistency */
@media(max-width:760px){
  .hero-content h1,
  .page-hero-content h1{
    letter-spacing:-.048em !important;
  }

  .research-lead-v60 h2,
  .research-section-title-v60 h2,
  .figure-copy-v60 h3,
  .track-copy-v60 h3,
  .project-band h3{
    letter-spacing:-.034em !important;
  }
}

/* v73: comprehensive case-policy cleanup
   Final rule:
   1. UI labels, navigation, buttons, badges, tags, metadata -> uppercase.
   2. Long readable content: project titles, publication titles, research track titles,
      member names, card titles, and major headings -> normal/title case.
   This improves readability and removes mixed-case inconsistency.
*/

/* A. Never force uppercase on readable long titles/headings */
h1, h2, h3, h4,
.hero-content h1,
.page-hero-content h1,
.block-title,
.section-title h2,
.section-heading h2,
.section-heading-row h2,
.research-lead-v60 h2,
.research-section-title-v60 h2,
.figure-copy-v60 h3,
.track-copy-v60 h3,
.research-architecture-cards-v60 h3,
.research-stack-v60 h3,
.project-compact-head h2,
.project-band h3,
.project-title,
.project-title-ko,
.archive-item h3,
.project-archive-list h3,
.project-card h3,
.pub-lead h2,
.landmark-card h3,
.landmark-card h4,
.publication-card h3,
.publication-card h4,
.pub-theme-card h3,
.pub-record-panel h3,
.paper-title,
.publication-title,
.article-title,
.member-profile h2,
.pi-name,
.researcher-card h3,
.join-intro h2,
.join-card h3,
.join-process article h3,
.join-final-cta h2,
.contact-intro h2,
.contact-card h2,
.contact-card h3{
  text-transform:none !important;
}

/* B. Uppercase only for UI labels and short metadata */
.eyebrow,
.eyebrow.small,
.site-nav a,
.button,
.button.secondary,
.brand,
.member-role,
.project-band-type,
.project-band-index span,
.project-meta-compact span,
.project-band-side h4,
.archive-meta,
.pub-meta,
.service-tags span,
.tags-v60 span,
.member-keywords span,
.status,
.status-pill,
.badge,
.metric-label,
.site-footer,
.site-footer span{
  text-transform:uppercase !important;
}

/* C. Better title-case spacing. Uppercase needed tighter spacing; title case needs less. */
.hero-content h1,
.page-hero-content h1{
  letter-spacing:-.050em !important;
}

.research-lead-v60 h2,
.research-section-title-v60 h2,
.project-compact-head h2,
.pub-lead h2,
.join-intro h2,
.contact-intro h2{
  letter-spacing:-.040em !important;
}

.figure-copy-v60 h3,
.track-copy-v60 h3,
.project-band h3,
.landmark-card h3,
.publication-card h3,
.pub-theme-card h3,
.researcher-card h3,
.join-card h3,
.contact-card h3{
  letter-spacing:-.026em !important;
}

/* D. Project and publication titles are long: make them readable, not shouted */
.project-band h3,
.archive-item h3,
.project-archive-list h3,
.landmark-card h3,
.publication-card h3{
  line-height:1.13 !important;
  color:rgba(255,255,255,.94) !important;
}

.project-band h3{
  font-size:clamp(24px,1.82vw,32px) !important;
}

.landmark-card h3,
.publication-card h3{
  font-size:clamp(21px,1.5vw,28px) !important;
}

/* E. Short architecture cards can stay compact but not all-caps */
.research-architecture-cards-v60 h3,
.research-stack-v60 h3{
  font-size:15.5px !important;
  line-height:1.22 !important;
  letter-spacing:.003em !important;
}

/* F. Body text contrast and rhythm */
.project-title-ko,
.project-band-main p,
.project-band-side li,
.archive-item p,
.project-archive-list p,
.landmark-card p,
.publication-card p,
.pub-theme-card p,
.member-profile p,
.researcher-card p,
.join-card p,
.contact-card p{
  color:rgba(255,255,255,.76) !important;
  line-height:1.68 !important;
}

/* G. Mobile case policy and swipe preservation */
@media(max-width:760px){
  .hero-content h1,
  .page-hero-content h1{
    letter-spacing:-.046em !important;
  }

  .research-lead-v60 h2,
  .research-section-title-v60 h2,
  .figure-copy-v60 h3,
  .track-copy-v60 h3,
  .project-band h3,
  .landmark-card h3,
  .publication-card h3{
    letter-spacing:-.026em !important;
    line-height:1.08 !important;
  }

  .project-band h3,
  .landmark-card h3,
  .publication-card h3{
    font-size:clamp(22px,6.8vw,32px) !important;
  }

  .research-image-final-v64,
  .research-image-v60,
  .research-figure-board-v60 figure,
  .hero-board-v60 figure{
    overflow-x:auto !important;
    overflow-y:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    touch-action:pan-x pan-y !important;
  }

  .research-image-final-v64 img,
  .research-image-v60 img,
  .research-figure-board-v60 figure img,
  .hero-board-v60 figure img{
    width:920px !important;
    min-width:920px !important;
    max-width:none !important;
    height:auto !important;
  }
}

@media(max-width:420px){
  .research-image-final-v64 img,
  .research-image-v60 img,
  .research-figure-board-v60 figure img,
  .hero-board-v60 figure img{
    width:860px !important;
    min-width:860px !important;
  }
}

/* v74: final title capitalization policy
   - Page hero titles and home section/card titles are uppercase.
   - Long project titles and publication titles remain title case for readability.
   - UI labels/buttons/badges remain uppercase.
*/

/* Page hero and home title blocks: uppercase display style */
.hero-content h1,
.page-hero-content h1,
.home-grid h2,
.home-card h2,
.feature-card h2,
.panel-card h2{
  text-transform:uppercase !important;
  letter-spacing:-.035em !important;
}

/* Internal section headings: readable Title Case, not forced all-caps */
.research-lead-v60 h2,
.research-section-title-v60 h2,
.project-compact-head h2,
.pub-lead h2,
.join-intro h2,
.contact-intro h2,
.figure-copy-v60 h3,
.track-copy-v60 h3,
.contact-card h2{
  text-transform:none !important;
}

/* Project and publication titles: never all caps */
.project-band h3,
.archive-item h3,
.project-archive-list h3,
.landmark-card h3,
.publication-card h3,
.pub-theme-card h3,
.paper-title,
.publication-title,
.article-title{
  text-transform:none !important;
  letter-spacing:-.026em !important;
  line-height:1.13 !important;
}

/* UI labels remain uppercase */
.eyebrow,
.eyebrow.small,
.site-nav a,
.button,
.button.secondary,
.member-role,
.project-band-type,
.project-band-index span,
.project-meta-compact span,
.pub-meta,
.tags-v60 span,
.member-keywords span,
.status,
.status-pill,
.badge,
.site-footer span,
.brand{
  text-transform:uppercase !important;
}

/* Keep homepage card uppercase readable rather than overly tight */
.home-grid h2,
.home-card h2,
.feature-card h2,
.panel-card h2{
  line-height:1.02 !important;
  letter-spacing:-.032em !important;
}

@media(max-width:760px){
  .hero-content h1,
  .page-hero-content h1,
  .home-grid h2,
  .home-card h2,
  .feature-card h2,
  .panel-card h2{
    letter-spacing:-.030em !important;
    line-height:1.04 !important;
  }
}

/* v75: mobile horizontal card-scroll system
   On phones, dense card grids become horizontal swipe lanes with a subtle
   right-side cue. This improves readability and keeps the page premium/minimal.
*/
@media(max-width:760px){

  /* Generic horizontal card lane behavior */
  .research-architecture-cards-v60,
  .research-stack-v60,
  .home-grid,
  .quick-links-grid,
  .pub-theme-grid,
  .join-card-grid,
  .join-process,
  .contact-grid,
  .researcher-grid,
  .project-capability-grid{
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:14px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    overscroll-behavior-x:contain !important;
    scroll-snap-type:x mandatory !important;
    scroll-padding-left:18px !important;
    padding:0 48px 18px 0 !important;
    margin-right:-18px !important;
    position:relative !important;
    scrollbar-width:none !important;
  }

  .research-architecture-cards-v60::-webkit-scrollbar,
  .research-stack-v60::-webkit-scrollbar,
  .home-grid::-webkit-scrollbar,
  .quick-links-grid::-webkit-scrollbar,
  .pub-theme-grid::-webkit-scrollbar,
  .join-card-grid::-webkit-scrollbar,
  .join-process::-webkit-scrollbar,
  .contact-grid::-webkit-scrollbar,
  .researcher-grid::-webkit-scrollbar,
  .project-capability-grid::-webkit-scrollbar{
    display:none !important;
  }

  /* Cards inside swipe lanes */
  .research-architecture-cards-v60 > *,
  .research-stack-v60 > *,
  .home-grid > *,
  .quick-links-grid > *,
  .pub-theme-grid > *,
  .join-card-grid > *,
  .join-process > *,
  .contact-grid > *,
  .researcher-grid > *,
  .project-capability-grid > *{
    flex:0 0 min(78vw, 330px) !important;
    width:min(78vw, 330px) !important;
    min-width:min(78vw, 330px) !important;
    scroll-snap-align:start !important;
  }

  /* Research architecture and technical stack should feel like compact cards */
  .research-architecture-cards-v60 > *,
  .research-stack-v60 > *{
    flex-basis:min(74vw, 310px) !important;
    width:min(74vw, 310px) !important;
    min-width:min(74vw, 310px) !important;
  }

  /* Premium right-side visual hint: fade + small arrow label */
  .research-architecture-cards-v60::after,
  .research-stack-v60::after,
  .home-grid::after,
  .quick-links-grid::after,
  .pub-theme-grid::after,
  .join-card-grid::after,
  .join-process::after,
  .contact-grid::after,
  .researcher-grid::after,
  .project-capability-grid::after{
    content:"SWIPE →";
    position:sticky !important;
    right:0 !important;
    top:0 !important;
    align-self:stretch !important;
    flex:0 0 70px !important;
    min-width:70px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding-left:26px !important;
    background:
      linear-gradient(90deg, rgba(0,0,0,0), rgba(0,0,0,.82) 42%, rgba(0,0,0,.96) 100%) !important;
    color:rgba(102,215,255,.86) !important;
    font-size:10px !important;
    font-weight:900 !important;
    letter-spacing:.14em !important;
    writing-mode:vertical-rl !important;
    text-orientation:mixed !important;
    z-index:5 !important;
    pointer-events:none !important;
  }

  /* Section-level mini cue above card lanes */
  .research-architecture-cards-v60::before,
  .research-stack-v60::before,
  .pub-theme-grid::before,
  .join-card-grid::before,
  .contact-grid::before,
  .researcher-grid::before,
  .project-capability-grid::before{
    content:"←  swipe cards  →";
    position:absolute !important;
    right:18px !important;
    top:-24px !important;
    color:rgba(255,255,255,.38) !important;
    font-size:10px !important;
    font-weight:800 !important;
    letter-spacing:.10em !important;
    text-transform:uppercase !important;
    pointer-events:none !important;
  }

  /* Publication landmark cards: keep vertical list because titles are long */
  .landmark-grid,
  .publication-grid,
  .pub-list{
    display:block !important;
    overflow:visible !important;
  }

  /* Large project archive lists: keep vertical, but compact spacing for reading */
  .project-archive-list,
  .archive-list,
  .project-list{
    display:block !important;
    overflow:visible !important;
  }

  /* Featured project bands remain vertical because each card contains long Korean/English text */
  .project-band{
    width:100% !important;
    min-width:0 !important;
    scroll-snap-align:none !important;
  }

  /* Make the horizontal card text easier to scan on phones */
  .research-architecture-cards-v60 h3,
  .research-stack-v60 h3,
  .home-grid h2,
  .quick-links-grid h2,
  .pub-theme-grid h3,
  .join-card-grid h3,
  .join-process h3,
  .contact-grid h3,
  .researcher-grid h3,
  .project-capability-grid h3{
    line-height:1.12 !important;
  }

  .research-architecture-cards-v60 p,
  .research-stack-v60 p,
  .home-grid p,
  .quick-links-grid p,
  .pub-theme-grid p,
  .join-card-grid p,
  .join-process p,
  .contact-grid p,
  .researcher-grid p,
  .project-capability-grid p{
    font-size:14.5px !important;
    line-height:1.62 !important;
  }
}

/* Slightly narrower phones */
@media(max-width:420px){
  .research-architecture-cards-v60 > *,
  .research-stack-v60 > *,
  .home-grid > *,
  .quick-links-grid > *,
  .pub-theme-grid > *,
  .join-card-grid > *,
  .join-process > *,
  .contact-grid > *,
  .researcher-grid > *,
  .project-capability-grid > *{
    flex-basis:min(82vw, 310px) !important;
    width:min(82vw, 310px) !important;
    min-width:min(82vw, 310px) !important;
  }

  .research-architecture-cards-v60::after,
  .research-stack-v60::after,
  .home-grid::after,
  .quick-links-grid::after,
  .pub-theme-grid::after,
  .join-card-grid::after,
  .join-process::after,
  .contact-grid::after,
  .researcher-grid::after,
  .project-capability-grid::after{
    flex-basis:58px !important;
    min-width:58px !important;
    font-size:9px !important;
  }
}

/* v77: SEO visibility + corrected mobile System-Level width
   Base is v75, not the incorrect v76 image-height patch.
   - Adds readable SEO support lines for Dowan Kim.
   - Makes System-Level View card and image card match the mobile card width below.
   - Prevents the system image from becoming unnecessarily tall.
*/
.hero-seo-line,
.pi-seo-line,
.contact-seo-line{
  margin-top:12px !important;
  max-width:760px !important;
  color:rgba(255,255,255,.64) !important;
  font-size:13.5px !important;
  line-height:1.55 !important;
  letter-spacing:.01em !important;
}

.pi-seo-line,
.contact-seo-line{
  margin-top:14px !important;
  color:rgba(255,255,255,.68) !important;
}

@media(max-width:760px){
  .hero-seo-line{
    font-size:13px !important;
    line-height:1.48 !important;
    margin-top:10px !important;
  }

  /* System-Level View becomes the same mobile card lane width as Mission/World Model/etc. */
  .research-figure-board-v60.hero-board-v60,
  .research-figure-board-v60{
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:14px !important;
    width:100% !important;
    max-width:100% !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    overscroll-behavior-x:contain !important;
    scroll-snap-type:x mandatory !important;
    padding:0 48px 18px 0 !important;
    margin:0 -18px 34px 0 !important;
    scrollbar-width:none !important;
    box-sizing:border-box !important;
  }

  .research-figure-board-v60.hero-board-v60::-webkit-scrollbar,
  .research-figure-board-v60::-webkit-scrollbar{
    display:none !important;
  }

  .research-figure-board-v60 .figure-copy-v60,
  .research-figure-board-v60 figure{
    flex:0 0 min(74vw, 310px) !important;
    width:min(74vw, 310px) !important;
    min-width:min(74vw, 310px) !important;
    max-width:min(74vw, 310px) !important;
    scroll-snap-align:start !important;
    box-sizing:border-box !important;
    margin:0 !important;
    border-radius:0 !important;
  }

  .research-figure-board-v60 .figure-copy-v60{
    min-height:178px !important;
    padding:20px !important;
  }

  .research-figure-board-v60 figure{
    height:178px !important;
    min-height:178px !important;
    max-height:178px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
    background:#02070c !important;
  }

  .research-figure-board-v60 figure img{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    height:100% !important;
    min-height:0 !important;
    max-height:178px !important;
    object-fit:cover !important;
    object-position:center center !important;
    padding:0 !important;
    box-sizing:border-box !important;
  }

  /* Outer lane cue only; no nested image-height cue */
  .research-figure-board-v60::after{
    content:"SWIPE →";
    position:sticky !important;
    right:0 !important;
    top:0 !important;
    align-self:stretch !important;
    flex:0 0 70px !important;
    min-width:70px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding-left:26px !important;
    background:linear-gradient(90deg, rgba(0,0,0,0), rgba(0,0,0,.82) 42%, rgba(0,0,0,.96) 100%) !important;
    color:rgba(102,215,255,.86) !important;
    font-size:10px !important;
    font-weight:900 !important;
    letter-spacing:.14em !important;
    writing-mode:vertical-rl !important;
    pointer-events:none !important;
    z-index:5 !important;
  }

  .research-figure-board-v60 figure::after{
    display:none !important;
    content:none !important;
  }
}

@media(max-width:420px){
  .research-figure-board-v60 .figure-copy-v60,
  .research-figure-board-v60 figure{
    flex-basis:min(82vw, 310px) !important;
    width:min(82vw, 310px) !important;
    min-width:min(82vw, 310px) !important;
    max-width:min(82vw, 310px) !important;
  }

  .research-figure-board-v60 figure{
    height:170px !important;
    min-height:170px !important;
    max-height:170px !important;
  }

  .research-figure-board-v60 figure img{
    max-height:170px !important;
  }
}

/* v78: mobile System-Level View vertical layout fix
   Corrects System-Level View on mobile:
   - Text card stays above the image.
   - Image stays below, not beside the text.
   - Only width alignment is adjusted.
   - Image height is kept compact.
*/
@media(max-width:760px){
  .research-figure-board-v60,
  .research-figure-board-v60.hero-board-v60{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding:20px !important;
    box-sizing:border-box !important;
  }

  .research-figure-board-v60 .figure-copy-v60{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 0 18px 0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
  }

  .research-figure-board-v60 figure{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 0 8px 0 !important;
    box-sizing:border-box !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    touch-action:pan-x pan-y !important;
    border-radius:18px !important;
  }

  .research-figure-board-v60 figure img{
    display:block !important;
    width:880px !important;
    min-width:880px !important;
    max-width:none !important;
    height:auto !important;
    max-height:360px !important;
    object-fit:contain !important;
    object-position:left center !important;
    padding:8px !important;
    box-sizing:border-box !important;
  }

  .research-figure-board-v60 figure::after{
    content:"SWIPE →";
    position:sticky !important;
    right:0 !important;
    top:0 !important;
    float:right !important;
    width:54px !important;
    min-height:44px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin-left:-54px !important;
    background:linear-gradient(90deg, rgba(0,0,0,0), rgba(0,0,0,.72) 44%, rgba(0,0,0,.92) 100%) !important;
    color:rgba(102,215,255,.84) !important;
    font-size:9px !important;
    font-weight:900 !important;
    letter-spacing:.12em !important;
    writing-mode:vertical-rl !important;
    pointer-events:none !important;
    z-index:4 !important;
  }

  .research-architecture-cards-v60{
    margin-top:18px !important;
  }
}

@media(max-width:420px){
  .research-figure-board-v60,
  .research-figure-board-v60.hero-board-v60{
    padding:18px !important;
  }

  .research-figure-board-v60 figure img{
    width:820px !important;
    min-width:820px !important;
    max-height:330px !important;
  }
}

/* v79: Research mobile system-layout correction
   Structure on mobile:
   1) Research lead
   2) System-Level View text block
   3) System architecture image block, full mobile content width
   4) Mission / World Model / Guidance / Control / Dynamics / Validation horizontal card lane
   This restores the original large image viewport while keeping the text above the image.
*/
@media(max-width:760px){

  /* The System-Level View block is NOT a horizontal-card lane.
     It is a vertical system block before the mission cards. */
  .research-figure-board-v60,
  .research-figure-board-v60.hero-board-v60{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:26px 0 38px 0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
    background:transparent !important;
    border:0 !important;
    overflow:visible !important;
  }

  /* Text block: full width, same visual rhythm as other premium cards */
  .research-figure-board-v60 .figure-copy-v60{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 0 16px 0 !important;
    padding:22px !important;
    box-sizing:border-box !important;
    border:1px solid rgba(255,255,255,.105) !important;
    border-radius:24px !important;
    background:
      linear-gradient(180deg, rgba(255,255,255,.050), rgba(255,255,255,.015)) !important;
  }

  /* Image block: below the text and full content width.
     This fixes the too-small image window from v78. */
  .research-figure-board-v60 figure{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
    border:1px solid rgba(255,255,255,.105) !important;
    border-radius:24px !important;
    background:rgba(255,255,255,.025) !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    overscroll-behavior-x:contain !important;
    touch-action:pan-x pan-y !important;
    scrollbar-width:none !important;
  }

  .research-figure-board-v60 figure::-webkit-scrollbar{
    display:none !important;
  }

  /* Keep the diagram large and readable by horizontal swipe.
     Do not clamp height; let the image keep its natural aspect ratio. */
  .research-figure-board-v60 figure img{
    display:block !important;
    width:1080px !important;
    min-width:1080px !important;
    max-width:none !important;
    height:auto !important;
    max-height:none !important;
    object-fit:contain !important;
    object-position:left center !important;
    padding:12px !important;
    box-sizing:border-box !important;
    transform:none !important;
  }

  /* The following mission cards remain the separate horizontal lane. */
  .research-architecture-cards-v60{
    margin-top:0 !important;
  }

  /* Swipe cue on the image block only */
  .research-figure-board-v60 figure::after{
    content:"SWIPE →";
    position:sticky !important;
    right:0 !important;
    top:0 !important;
    float:right !important;
    width:58px !important;
    min-height:54px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin-left:-58px !important;
    background:linear-gradient(90deg, rgba(0,0,0,0), rgba(0,0,0,.72) 44%, rgba(0,0,0,.94) 100%) !important;
    color:rgba(102,215,255,.86) !important;
    font-size:9px !important;
    font-weight:900 !important;
    letter-spacing:.13em !important;
    writing-mode:vertical-rl !important;
    pointer-events:none !important;
    z-index:4 !important;
  }
}

@media(max-width:420px){
  .research-figure-board-v60 .figure-copy-v60{
    padding:20px !important;
    border-radius:22px !important;
  }

  .research-figure-board-v60 figure{
    border-radius:22px !important;
  }

  .research-figure-board-v60 figure img{
    width:980px !important;
    min-width:980px !important;
    padding:10px !important;
  }
}

/* v81: System-Level image window match-only fix
   Do NOT change other Research image windows.
   Fix only the System-Level View block:
   - text block remains above image
   - system image window uses the same rectangular window rule as the other Research images
   - no rounded/circular card
   - no special SWIPE label inside the image window
*/
@media(max-width:760px){

  /* System-Level block remains vertical, not side-by-side */
  .research-figure-board-v60,
  .research-figure-board-v60.hero-board-v60{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:26px 0 38px 0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    overflow:visible !important;
  }

  /* System-Level View text card: rectangular, full width */
  .research-figure-board-v60 .figure-copy-v60{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 0 16px 0 !important;
    padding:22px !important;
    box-sizing:border-box !important;
    border:1px solid rgba(255,255,255,.12) !important;
    border-radius:0 !important;
    background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012)) !important;
    box-shadow:none !important;
  }

  /* System-Level image window:
     exactly the same mobile image-window behavior as previous Research image windows.
     This selector intentionally targets ONLY the system-level figure. */
  .research-figure-board-v60 figure{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    margin:0 !important;
    padding:0 0 8px 0 !important;
    box-sizing:border-box !important;
    position:relative !important;
    border:1px solid rgba(255,255,255,.13) !important;
    border-radius:0 !important;
    background:
      linear-gradient(rgba(102,215,255,.035) 1px, transparent 1px),
      linear-gradient(90deg,rgba(102,215,255,.035) 1px, transparent 1px),
      #02070c !important;
    background-size:28px 28px,28px 28px,auto !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    overscroll-behavior-x:contain !important;
    touch-action:pan-x pan-y !important;
    scrollbar-width:thin !important;
    box-shadow:0 26px 80px rgba(0,0,0,.44) !important;
  }

  /* System-Level image itself:
     same width rule as earlier Research mobile image windows.
     No height clamp, no resizing of other images. */
  .research-figure-board-v60 figure img{
    display:block !important;
    width:920px !important;
    min-width:920px !important;
    max-width:none !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    object-fit:contain !important;
    object-position:center center !important;
    padding:10px !important;
    box-sizing:border-box !important;
    background:#02070c !important;
    transform:none !important;
    border-radius:0 !important;
  }

  /* No special SWIPE label inside this image window.
     Restore the normal image overlay behavior. */
  .research-figure-board-v60 figure::after{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    display:block !important;
    float:none !important;
    width:auto !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 !important;
    background:
      linear-gradient(0deg,rgba(0,0,0,.26),transparent 28%,rgba(0,0,0,.04)) !important;
    pointer-events:none !important;
    z-index:2 !important;
    writing-mode:horizontal-tb !important;
  }

  .research-architecture-cards-v60{
    margin-top:18px !important;
  }
}

@media(max-width:420px){
  .research-figure-board-v60 .figure-copy-v60{
    padding:20px !important;
    border-radius:0 !important;
  }

  .research-figure-board-v60 figure{
    border-radius:0 !important;
  }

  .research-figure-board-v60 figure img{
    width:860px !important;
    min-width:860px !important;
    padding:10px !important;
    border-radius:0 !important;
  }
}

/* v82: remove swipe label from first System-Level image only
   Keeps horizontal scrolling itself. Removes the visible SWIPE text/overlay
   from the first Research system-level image window.
*/
@media(max-width:760px){
  .research-figure-board-v60 figure::before,
  .research-figure-board-v60 figure::after{
    content:none !important;
    display:none !important;
    visibility:hidden !important;
    background:none !important;
    width:0 !important;
    height:0 !important;
    min-width:0 !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    pointer-events:none !important;
  }
}

/* v84: remove ONLY the first Research system-image SWIPE cue
   Scope is intentionally limited to the first System-Level View image block.
   Other mobile card-lane SWIPE indicators are left unchanged.
*/
@media(max-width:760px){
  section.research-figure-board-v60.hero-board-v60::before,
  section.research-figure-board-v60.hero-board-v60::after,
  section.research-figure-board-v60.hero-board-v60 figure::before,
  section.research-figure-board-v60.hero-board-v60 figure::after{
    content:none !important;
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    width:0 !important;
    height:0 !important;
    min-width:0 !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    background:none !important;
    border:0 !important;
    box-shadow:none !important;
    pointer-events:none !important;
  }
}

/* v86: fix Woo Young Kang photo placement and publication metrics */

/* v87: desktop page-hero responsive viewport correction
   Fixes Research / Projects / Publications hero behavior on desktop and wide monitors:
   - prevents large titles from being clipped at the top
   - lets the background fill the first viewport when the browser is narrow/half-width
   - adjusts background position by page and aspect ratio
   - does not change Members / Join / Contact, which were already stable
*/
@media (min-width:761px){
  .research-hero,
  .projects-hero,
  .publications-hero{
    height:auto !important;
    min-height:clamp(760px, 92svh, 960px) !important;
    display:flex !important;
    align-items:center !important;
    overflow:hidden !important;
    background-size:cover !important;
    background-repeat:no-repeat !important;
  }

  .research-hero .page-hero-content,
  .projects-hero .page-hero-content,
  .publications-hero .page-hero-content{
    width:min(100% - 16vw, 1180px) !important;
    max-width:1180px !important;
    padding:clamp(115px, 12svh, 150px) 8vw clamp(76px, 8svh, 112px) !important;
    box-sizing:border-box !important;
  }

  .research-hero .page-hero-content h1,
  .projects-hero .page-hero-content h1,
  .publications-hero .page-hero-content h1{
    max-width:min(930px, 64vw) !important;
    font-size:clamp(60px, 5.05vw, 92px) !important;
    line-height:.98 !important;
    letter-spacing:-.038em !important;
    margin:0 !important;
  }

  .research-hero .page-hero-content > p:not(.eyebrow),
  .projects-hero .page-hero-content > p:not(.eyebrow),
  .publications-hero .page-hero-content > p:not(.eyebrow){
    max-width:720px !important;
    margin-top:22px !important;
  }

  .projects-hero .page-metrics,
  .publications-hero .page-metrics{
    max-width:640px !important;
  }

  .projects-hero{
    background-position:center 48% !important;
  }

  .research-hero{
    background-position:center 52% !important;
  }

  .publications-hero{
    background-position:center 50% !important;
  }
}

/* Narrow desktop / half-screen browser:
   use a full first viewport so the background does not end too early
   and reduce the title slightly so it never climbs above the viewport. */
@media (min-width:761px) and (max-width:1180px){
  .research-hero,
  .projects-hero,
  .publications-hero{
    min-height:100svh !important;
  }

  .research-hero .page-hero-content,
  .projects-hero .page-hero-content,
  .publications-hero .page-hero-content{
    width:min(100% - 14vw, 900px) !important;
    padding:clamp(118px, 14svh, 150px) 7vw clamp(66px, 8svh, 100px) !important;
  }

  .research-hero .page-hero-content h1,
  .projects-hero .page-hero-content h1,
  .publications-hero .page-hero-content h1{
    max-width:720px !important;
    font-size:clamp(54px, 7.0vw, 78px) !important;
    line-height:1.0 !important;
  }

  .projects-hero .metric-grid.compact,
  .publications-hero .metric-grid.compact{
    grid-template-columns:repeat(3, minmax(108px, 1fr)) !important;
    max-width:560px !important;
  }

  .projects-hero{
    background-position:58% center !important;
  }

  .research-hero{
    background-position:center center !important;
  }

  .publications-hero{
    background-position:center center !important;
  }
}

/* Very wide monitor:
   keep the hero within the visible first screen and avoid upper-title clipping.
   Background crop is moved slightly downward/centered instead of feeling too high. */
@media (min-width:1400px) and (min-aspect-ratio:16/9){
  .research-hero,
  .projects-hero,
  .publications-hero{
    min-height:clamp(780px, 88svh, 920px) !important;
  }

  .research-hero .page-hero-content,
  .projects-hero .page-hero-content,
  .publications-hero .page-hero-content{
    padding-top:clamp(120px, 11svh, 150px) !important;
    padding-bottom:clamp(78px, 7svh, 105px) !important;
  }

  .research-hero .page-hero-content h1,
  .projects-hero .page-hero-content h1,
  .publications-hero .page-hero-content h1{
    font-size:clamp(68px, 4.75vw, 94px) !important;
  }

  .projects-hero{
    background-position:center 54% !important;
  }

  .research-hero{
    background-position:center 54% !important;
  }

  .publications-hero{
    background-position:center 54% !important;
  }
}

/* Ultra-wide screens:
   make the image crop less aggressive vertically while keeping full bleed.
*/
@media (min-width:1700px) and (min-aspect-ratio:19/9){
  .research-hero,
  .projects-hero,
  .publications-hero{
    min-height:clamp(800px, 86svh, 900px) !important;
    background-size:cover !important;
  }

  .projects-hero{
    background-position:center 56% !important;
  }

  .research-hero{
    background-position:center 55% !important;
  }

  .publications-hero{
    background-position:center 55% !important;
  }
}

/* Fallback for browsers without svh support */
@supports not (height:100svh){
  @media (min-width:761px){
    .research-hero,
    .projects-hero,
    .publications-hero{
      min-height:clamp(760px, 92vh, 960px) !important;
    }
  }

  @media (min-width:761px) and (max-width:1180px){
    .research-hero,
    .projects-hero,
    .publications-hero{
      min-height:100vh !important;
    }
  }
}

/* v88: members role and metric update */
.members-metrics{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  max-width:760px !important;
}

@media(max-width:760px){
  .members-metrics{
    grid-template-columns:1fr !important;
    max-width:none !important;
  }
}

/* v89: members postdoctoral researcher metric */
.members-hero .page-metrics.four-metrics{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  max-width:760px !important;
}

@media(max-width:760px){
  .members-hero .page-metrics.four-metrics{
    grid-template-columns:1fr !important;
    max-width:none !important;
  }
}

/* v90: awards list update */

/* v91: activity service update */

/* v92: activity board-member title update */

/* v93: homepage members metrics update */

/* v94: balance PI detail panels with Selected Awards height */
@media(min-width:901px){
  .pi-info-layout{
    align-items:stretch !important;
  }

  .pi-info-left{
    height:100% !important;
    display:grid !important;
    grid-template-rows:minmax(0, .92fr) minmax(0, 1.08fr) !important;
    gap:24px !important;
  }

  .pi-info-left .refined-panel,
  .awards-panel{
    height:100% !important;
    box-sizing:border-box !important;
  }

  .pi-info-left .refined-panel{
    display:flex !important;
    flex-direction:column !important;
  }

  .pi-info-left .clean-list{
    flex:1 1 auto !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:space-between !important;
  }
}