@import "tailwindcss";

:root { --navy:#03152f; --navy2:#062a5b; --blue:#0b6ea8; --cyan:#20c7e8; --amber:#f3b84b; --ink:#102238; --muted:#65778d; --line:#dce5ef; --paper:#f4f8fc; --white:#fff; --shell:1400px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:white; font-family:"Microsoft YaHei","PingFang SC","Noto Sans CJK SC",Arial,sans-serif; font-size:16px; }
a { color:inherit; text-decoration:none; }
img { display:block; max-width:100%; }
.shell { width:min(var(--shell),calc(100% - 80px)); margin-inline:auto; }
.eyebrow { margin:0; color:var(--cyan); font-size:11px; font-weight:800; letter-spacing:.18em; text-transform:uppercase; }

.site-header { position:sticky; top:0; z-index:50; height:92px; background:rgba(255,255,255,.97); border-bottom:1px solid #e3eaf1; backdrop-filter:blur(14px); }
.header-inner { height:100%; display:flex; align-items:center; justify-content:space-between; gap:30px; }
.brand { display:flex; align-items:center; gap:11px; flex:0 0 auto; }
.brand-image { width:62px; height:62px; overflow:hidden; flex:0 0 auto; border-radius:10px; background:transparent; }
.brand-image img { width:100%; height:100%; object-fit:contain; }
.brand-copy strong { display:block; color:var(--navy); font-family:"STSong","Songti SC",serif; font-size:19px; letter-spacing:.05em; line-height:1.1; white-space:nowrap; }
.brand-copy small { display:block; margin-top:6px; color:#617386; font-size:8px; letter-spacing:.1em; }
.desktop-nav { display:flex; align-items:center; gap:clamp(12px,1.2vw,22px); }
.desktop-nav a { position:relative; padding:14px 0; color:#33485e; font-size:14px; font-weight:700; white-space:nowrap; }
.desktop-nav a::after { content:""; position:absolute; left:50%; right:50%; bottom:5px; height:2px; background:var(--blue); transition:.2s; }
.desktop-nav a:hover,.desktop-nav a.active { color:var(--blue); }
.desktop-nav a:hover::after,.desktop-nav a.active::after { left:0; right:0; }
.mobile-nav { display:none; }
.mobile-nav a { color:#33485e; font-size:13px; font-weight:700; }
.mobile-nav a:hover,.mobile-nav a.active { color:white; background:var(--blue); }

.home-page { height:100dvh; overflow:hidden; background:var(--navy); }
.home-page .site-header { position:relative; }
.home-hero { position:relative; height:calc(100dvh - 92px); min-height:0; overflow:hidden; }
.home-overlay { position:absolute; inset:0; z-index:1; pointer-events:none; background:linear-gradient(90deg,rgba(2,13,31,.98),rgba(3,21,47,.86) 42%,rgba(3,21,47,.25) 72%); }
.home-content { position:relative; z-index:3; height:100%; display:grid; grid-template-columns:.9fr 1.1fr; gap:7%; align-items:end; padding-bottom:clamp(28px,5vh,58px); color:white; pointer-events:none; }
.home-copy a { pointer-events:auto; }
.home-copy { align-self:center; }
.home-copy h1 { margin:17px 0 0; font-size:clamp(62px,6vw,94px); font-weight:800; letter-spacing:.04em; line-height:1; }
.home-copy h2 { margin:24px 0 0; color:#d8f5ff; font-size:clamp(28px,2.7vw,43px); line-height:1.25; }
.home-copy > p:last-child { max-width:650px; margin:22px 0 0; color:#bed1e2; font-size:16px; line-height:1.85; }
.home-nav-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.home-nav-grid a { min-height:88px; display:grid; grid-template-columns:34px 1fr; grid-template-rows:auto auto; align-content:center; gap:3px 10px; padding:15px 18px; color:white; border:1px solid rgba(196,230,244,.26); border-radius:11px; background:rgba(3,21,47,.62); backdrop-filter:blur(9px); transition:.2s; }
.home-nav-grid a:hover { transform:translateY(-3px); border-color:var(--cyan); background:rgba(5,53,92,.78); }
.home-nav-grid span { grid-row:1/3; align-self:center; color:var(--cyan); font-size:10px; font-weight:800; }
.home-nav-grid strong { font-size:15px; }
.home-nav-grid small { color:#94adc3; font-size:10px; }
.home-content-classic { grid-template-columns:1fr; align-items:center; padding-bottom:28px; }
.home-content-classic .home-copy { width:min(690px,58vw); }
.home-actions { display:flex; gap:15px; margin-top:30px; }
.home-actions a { min-width:130px; padding:14px 24px; border-radius:999px; text-align:center; font-size:14px; font-weight:800; transition:.2s; }
.home-primary { color:#042343; background:var(--cyan); border:1px solid var(--cyan); }
.home-secondary { color:white; background:rgba(3,21,47,.35); border:1px solid rgba(203,228,242,.5); }
.home-actions a:hover { transform:translateY(-2px); }
.home-tags { display:flex; gap:10px; margin-top:30px; }
.home-tags span { padding:9px 14px; color:#b9d8e9; border:1px solid rgba(185,216,233,.25); border-radius:7px; background:rgba(3,21,47,.38); font-size:12px; }
.home-visual-carousel { position:absolute; inset:0; z-index:0; overflow:hidden; background:var(--navy); }
.home-visual-media { position:absolute; inset:0; animation:heroFade .55s ease; }
.home-visual-media img { width:100%; height:100%; object-fit:cover; }
.main-visual img { object-position:62% center; }
.paper-visual-slide { left:43%; background:#061a36; }
.paper-visual-slide::before { content:""; position:absolute; inset:0; z-index:1; box-shadow:inset 70px 0 100px rgba(2,13,31,.55); pointer-events:none; }
.paper-visual-slide img { object-fit:cover; object-position:center; filter:saturate(.92) contrast(1.03); }
.home-visual-link { position:absolute; z-index:2; inset:0 0 0 48%; }
.home-visual-caption { position:absolute; z-index:4; right:0; bottom:57px; width:min(620px,49vw); padding:17px 44px 17px 24px; color:white; border-left:3px solid var(--cyan); background:linear-gradient(90deg,rgba(3,21,47,.88),rgba(3,21,47,.6)); text-shadow:0 2px 15px rgba(0,0,0,.85); }
.home-visual-caption small { display:block; color:#8de5f5; font-size:10px; font-weight:800; letter-spacing:.08em; }
.home-visual-caption strong { margin-top:8px; display:block; font-family:Georgia,"Times New Roman",serif; font-size:20px; line-height:1.35; }
.home-visual-caption a { display:inline-block; margin-top:11px; color:#d8f5ff; font-size:12px; font-weight:800; }
.home-visual-controls { position:absolute; z-index:5; right:44px; bottom:26px; display:flex; align-items:center; gap:12px; }
.home-visual-controls button { display:grid; place-items:center; padding:0; color:#d5eef7; border:0; background:transparent; cursor:pointer; }
.home-visual-controls>button { width:26px; height:26px; font-size:16px; }
.home-visual-controls div { display:flex; gap:7px; }
.home-visual-controls div button { width:28px; height:4px; border-radius:9px; background:rgba(213,238,247,.38); }
.home-visual-controls div button.active { background:var(--cyan); }
@keyframes heroFade { from{opacity:.28;transform:scale(1.015)} to{opacity:1;transform:scale(1)} }

.inner-hero { position:relative; min-height:330px; display:flex; align-items:center; overflow:hidden; color:white; background:linear-gradient(115deg,#020d1f,#062a5b); }
.inner-hero::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#02142f 0%,rgba(3,25,55,.98) 47%,rgba(3,25,55,.62) 72%,rgba(3,25,55,.3)); }
.inner-hero-art { position:absolute; inset:0 0 0 48%; }
.inner-hero-art::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#06244a 0%,transparent 55%),linear-gradient(rgba(1,16,36,.18),rgba(1,16,36,.58)); }
.inner-hero-art img { width:100%; height:100%; object-fit:cover; object-position:center; opacity:.82; filter:saturate(.92) contrast(1.03); }
.inner-hero-grid { display:grid; grid-template-columns:1fr .8fr; gap:10%; align-items:end; }
.inner-hero-grid { position:relative; z-index:2; }
.inner-hero h1 { margin:17px 0 0; font-family:"STSong","Songti SC",serif; font-size:clamp(50px,4.5vw,66px); line-height:1; }
.inner-hero-grid > p { margin:0; color:#c1d4e3; font-size:16px; line-height:1.9; text-shadow:0 2px 12px rgba(0,0,0,.45); }
.content-section { padding-block:90px; }
.content-section h2 { color:var(--navy); }

.about-layout { display:grid; grid-template-columns:1fr .85fr; gap:8%; align-items:center; }
.about-statement h2 { margin:18px 0 24px; font-family:"STSong","Songti SC",serif; font-size:clamp(38px,4vw,58px); line-height:1.3; }
.about-statement > p:not(.eyebrow) { color:var(--muted); font-size:16px; line-height:2; }
.tag-row { display:flex; flex-wrap:wrap; gap:9px; margin-top:28px; }
.tag-row span { padding:9px 14px; color:var(--blue); border:1px solid #cce3ef; border-radius:999px; background:#eef8fc; font-size:12px; font-weight:700; }
.about-visual { height:420px; overflow:hidden; border-radius:20px; box-shadow:0 24px 64px rgba(3,21,47,.2); }
.about-visual img { width:100%; height:100%; object-fit:cover; object-position:70% center; }
.about-intro { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr); gap:8%; align-items:center; }
.about-intro-copy h2 { margin:18px 0 25px; font-family:"STSong","Songti SC",serif; font-size:clamp(42px,4vw,60px); line-height:1.28; }
.about-intro-copy > p:not(.eyebrow) { margin:0 0 15px; color:var(--muted); font-size:15px; line-height:2; }
.about-intro-copy .about-lead { color:#294b6a; font-size:17px; }
.lab-emblem-card { padding:32px 28px 27px; text-align:center; border:1px solid #d8e7f0; border-radius:24px; background:linear-gradient(145deg,#fff,#eef7fb); box-shadow:0 24px 60px rgba(3,42,91,.13); }
.lab-emblem-card img { width:min(100%,350px); margin:auto; }
.lab-emblem-card strong { display:block; margin-top:16px; color:var(--navy); font-family:"STSong","Songti SC",serif; font-size:34px; letter-spacing:.16em; }
.lab-emblem-card span { display:block; margin-top:6px; color:#47718c; font-size:9px; font-weight:800; letter-spacing:.15em; }
.lab-emblem-card p { margin:14px 0 0; color:var(--blue); font-size:12px; font-weight:700; letter-spacing:.13em; }
.brand-story-section { padding:58px 0; color:white; background:linear-gradient(112deg,var(--navy),#073f70); }
.brand-story-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:9%; align-items:center; }
.brand-story-grid h2 { margin:15px 0 0; color:white; font-family:"STSong","Songti SC",serif; font-size:42px; }
.brand-story-grid > p { margin:0; color:#c5dbe8; font-size:15px; line-height:2; }
.section-heading { max-width:780px; margin-bottom:38px; }
.section-heading h2 { margin:15px 0 12px; font-family:"STSong","Songti SC",serif; font-size:44px; }
.section-heading > p:last-child { margin:0; color:var(--muted); line-height:1.8; }
.core-tech-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.core-tech-card { position:relative; min-height:330px; padding:34px 30px; overflow:hidden; border:1px solid #d8e5ed; border-radius:18px; background:linear-gradient(160deg,#f8fbfe,#edf5fa); }
.core-tech-card::after { content:""; position:absolute; right:-40px; bottom:-50px; width:150px; height:150px; border:1px solid rgba(32,199,232,.22); border-radius:50%; box-shadow:0 0 0 22px rgba(32,199,232,.05); }
.core-tech-number { width:47px; height:47px; display:grid; place-items:center; margin-bottom:62px; color:white; border-radius:50%; background:var(--blue); font-size:12px; font-weight:800; }
.core-tech-card small { color:var(--cyan); font-size:9px; font-weight:800; letter-spacing:.13em; }
.core-tech-card h3 { margin:14px 0 14px; color:var(--navy); font-family:"STSong","Songti SC",serif; font-size:27px; font-weight:500; }
.core-tech-card p { position:relative; z-index:1; margin:0; color:var(--muted); font-size:13px; line-height:1.9; }
.research-chain-section { padding:78px 0 72px; color:white; background:var(--navy); }
.research-chain-grid { display:grid; grid-template-columns:.75fr 1.25fr; gap:8%; align-items:center; }
.research-chain-copy h2 { margin:16px 0 15px; color:white; font-family:"STSong","Songti SC",serif; font-size:42px; }
.research-chain-copy > p:last-child { color:#9eb8cb; font-size:14px; line-height:1.85; }
.research-chain { display:grid; grid-template-columns:repeat(4,1fr); margin:0; padding:0; list-style:none; }
.research-chain li { position:relative; min-height:130px; padding:18px 20px; border-top:1px solid #3a698a; }
.research-chain li::before { content:""; position:absolute; top:-5px; left:20px; width:9px; height:9px; border-radius:50%; background:var(--cyan); box-shadow:0 0 0 5px rgba(32,199,232,.12); }
.research-chain li+li::after { content:"→"; position:absolute; left:-7px; top:54px; color:#4a7695; }
.research-chain b { display:block; color:var(--cyan); font-size:10px; }
.research-chain span { display:block; margin-top:22px; font-size:15px; font-weight:700; }
.future-note { display:grid; grid-template-columns:110px 1fr; gap:20px; margin-top:38px; padding-top:28px; border-top:1px solid rgba(158,184,203,.22); }
.future-note strong { color:var(--amber); }
.future-note p { margin:0; color:#9eb8cb; font-size:13px; line-height:1.8; }
.pi-section { padding:90px 0; background:var(--paper); border-block:1px solid var(--line); }
.pi-grid { display:grid; grid-template-columns:330px 1fr; gap:68px; align-items:start; }
.pi-photo { height:430px; overflow:hidden; border-radius:20px; background:#d8ecfb; box-shadow:0 20px 48px rgba(3,21,47,.14); }
.pi-photo img { width:100%; height:100%; object-fit:cover; object-position:center top; }
.pi-copy h2 { margin:14px 0 0; color:var(--navy); font-family:"STSong","Songti SC",serif; font-size:54px; }
.pi-copy h3 { margin:7px 0 22px; color:#42617d; font-size:15px; }
.pi-copy > p:not(.eyebrow) { color:var(--muted); font-size:15px; line-height:1.95; }
.metric-row { display:grid; grid-template-columns:repeat(3,1fr); margin-top:26px; border-block:1px solid #ccd9e5; }
.metric-row div { padding:20px 16px 18px 0; }
.metric-row div+div { padding-left:20px; border-left:1px solid #ccd9e5; }
.metric-row strong { display:block; color:var(--blue); font-size:32px; }
.metric-row span { display:block; margin-top:5px; color:#708398; font-size:11px; }
.detail-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px 30px; margin-top:28px; }
.detail-grid div { padding-top:14px; border-top:2px solid #bfd9e7; }
.detail-grid b { color:var(--navy2); font-size:13px; }
.detail-grid p { margin:7px 0 0; color:#6e8194; font-size:11px; line-height:1.8; }
.primary-link { display:inline-flex; margin-top:26px; padding:13px 20px; color:white; background:var(--blue); border-radius:999px; font-size:12px; font-weight:800; }

.page-research .inner-hero { min-height:250px; }
.research-system { padding-block:48px 50px; }
.research-section-head { display:grid; grid-template-columns:minmax(0,1fr) minmax(360px,.72fr); gap:8%; align-items:end; margin-bottom:30px; }
.research-section-head h2 { margin:11px 0 0; color:var(--navy); font-family:"STSong","Songti SC",serif; font-size:clamp(32px,3vw,42px); font-weight:400; line-height:1.25; }
.research-section-head > p { margin:0; color:var(--muted); font-size:15px; line-height:1.9; }
.research-flow { position:relative; display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:22px; }
.research-flow::before { content:""; position:absolute; left:7%; right:7%; top:79px; height:1px; background:#9bc6df; }
.research-flow-step { position:relative; text-align:center; }
.research-flow-image { position:relative; z-index:1; width:132px; height:132px; margin:0 auto 20px; overflow:hidden; border:7px solid white; border-radius:50%; outline:1px solid #96bed7; background:white; box-shadow:0 12px 30px rgba(3,48,91,.11); }
.research-flow-image img { width:100%; height:100%; object-fit:cover; transform:scale(1.06); }
.research-flow-step > span { position:absolute; z-index:2; top:108px; left:50%; min-width:36px; height:24px; padding:0 9px; display:grid; place-items:center; color:white; background:var(--blue); border:3px solid white; border-radius:999px; font-size:9px; font-weight:800; letter-spacing:.08em; transform:translateX(-50%); }
.research-flow-step h3 { margin:0; color:var(--navy2); font-size:17px; line-height:1.5; }
.research-flow-step p { margin:8px auto 0; max-width:190px; color:var(--muted); font-size:12px; line-height:1.7; }
.research-cluster-section { padding-block:40px 50px; background:#f2f7fb; border-block:1px solid #e1ebf2; }
.research-section-head-light { margin-bottom:26px; }
.research-cluster-grid { display:grid; grid-template-columns:1fr 1fr; border:1px solid #d8e5ee; background:white; }
.research-cluster { min-height:285px; display:grid; grid-template-columns:42% 1fr; }
.research-cluster:nth-child(odd) { border-right:1px solid #d8e5ee; }
.research-cluster:nth-child(n+3) { border-top:1px solid #d8e5ee; }
.research-cluster-image { min-height:285px; overflow:hidden; background:#eaf1f6; }
.research-cluster-image img { width:100%; height:100%; object-fit:cover; }
.research-cluster-copy { padding:26px 28px; }
.research-cluster-meta { display:flex; align-items:center; gap:11px; }
.research-cluster-meta span { color:var(--blue); font-family:Georgia,serif; font-size:22px; }
.research-cluster-meta small { color:#6b8ba2; font-size:8px; font-weight:800; letter-spacing:.12em; }
.research-cluster h3 { margin:15px 0 11px; color:var(--navy); font-family:"STSong","Songti SC",serif; font-size:25px; font-weight:400; line-height:1.35; }
.research-cluster p { margin:0; color:var(--muted); font-size:13px; line-height:1.85; }
.research-cluster ul { margin:17px 0 0; padding:0; display:flex; flex-wrap:wrap; gap:7px; list-style:none; }
.research-cluster li { padding:6px 10px; color:#23618b; border:1px solid #bdd8e8; border-radius:999px; background:#f7fbfe; font-size:10px; }
.research-evidence { padding-block:88px 96px; }
.research-evidence .research-section-head { grid-template-columns:1fr auto; align-items:center; margin-bottom:38px; }
.research-more-link { padding-bottom:5px; color:var(--blue); border-bottom:1px solid #83b9d5; font-size:13px; font-weight:800; }
.research-evidence-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.research-evidence-paper { min-height:360px; display:flex; flex-direction:column; overflow:hidden; border:1px solid var(--line); background:white; transition:transform .2s,border-color .2s,box-shadow .2s; }
.research-evidence-paper:hover { transform:translateY(-4px); border-color:#8abbd6; box-shadow:0 18px 42px rgba(11,77,122,.12); }
.research-evidence-paper > img { width:100%; height:215px; object-fit:cover; background:#eef4f8; }
.research-evidence-paper > span { flex:1; padding:23px 24px 22px; display:flex; flex-direction:column; }
.research-evidence-paper small { color:var(--blue); font-size:10px; font-weight:800; letter-spacing:.04em; }
.research-evidence-paper strong { margin-top:10px; color:var(--navy); font-size:16px; line-height:1.6; }
.research-evidence-paper b { margin-top:auto; padding-top:18px; color:#3f7599; font-size:11px; }
.research-question-band { padding:78px 0 84px; color:white; background:var(--navy); }
.research-question-band h2 { max-width:1050px; margin:18px 0 0; font-family:"STSong","Songti SC",serif; font-size:clamp(32px,3.7vw,50px); font-weight:400; line-height:1.45; }

.platform-steps { margin:0; padding:0; display:grid; grid-template-columns:repeat(4,1fr); border-block:1px solid var(--line); list-style:none; }
.platform-steps li { min-height:285px; padding:30px; }
.platform-steps li+li { border-left:1px solid var(--line); }
.platform-steps span { color:var(--cyan); font-size:11px; font-weight:800; }
.platform-steps h2 { margin:62px 0 14px; font-family:"STSong","Songti SC",serif; font-size:27px; }
.platform-steps p { margin:0; color:var(--muted); font-size:12px; line-height:1.85; }
.method-section { padding:85px 0; color:white; background:var(--navy); }
.method-grid { display:grid; grid-template-columns:1fr 1fr; gap:10%; align-items:center; }
.method-grid h2 { margin:18px 0 0; font-family:"STSong","Songti SC",serif; font-size:48px; }
.method-grid ul { margin:0; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:12px; list-style:none; }
.method-grid li { padding:17px; color:#c7dceb; border:1px solid rgba(192,226,241,.2); border-left:3px solid var(--cyan); font-size:13px; }

.output-metrics { display:grid; grid-template-columns:repeat(4,1fr); border:1px solid var(--line); border-radius:17px; overflow:hidden; }
.output-metrics div { padding:28px; background:var(--paper); }
.output-metrics div+div { border-left:1px solid var(--line); }
.output-metrics strong { display:block; color:var(--blue); font-size:35px; }
.output-metrics span { display:block; margin-top:8px; color:#6f8295; font-size:11px; }
.publication-list { margin-top:48px; border-top:1px solid var(--line); }
.publication-row { min-height:122px; display:grid; grid-template-columns:50px 1fr 230px; gap:25px; align-items:center; padding:20px 8px; border-bottom:1px solid var(--line); transition:.2s; }
a.publication-row:hover { padding-inline:18px; background:#f1f8fc; }
.publication-row > span { color:var(--cyan); font-size:11px; font-weight:800; }
.publication-row div b { display:block; color:var(--navy); font-family:Georgia,"Times New Roman",serif; font-size:17px; line-height:1.5; }
.publication-row small { display:block; margin-top:7px; color:#718397; font-size:12px; line-height:1.55; }
.publication-row aside { text-align:right; }
.publication-row aside b { color:var(--blue); font-size:12px; }
.featured-heading { margin:64px 0 22px; display:flex; justify-content:space-between; align-items:end; gap:30px; }
.featured-heading h2,.all-publications-heading h2 { margin:10px 0 0; color:var(--navy); font-family:"STSong","Songti SC",serif; font-size:38px; }
.featured-heading>p,.all-publications-heading>p { margin:0; color:var(--muted); font-size:12px; }
.featured-publications { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.featured-publication { min-height:360px; display:flex; flex-direction:column; overflow:hidden; border:1px solid var(--line); border-radius:17px; background:white; transition:.2s; }
.featured-publication:hover { transform:translateY(-5px); border-color:#96d8ea; box-shadow:0 18px 45px rgba(3,21,47,.1); }
.featured-publication img { width:100%; height:190px; object-fit:cover; object-position:center; background:#eef4f9; }
.featured-publication span { flex:1; padding:22px; display:flex; flex-direction:column; }
.featured-publication small { color:var(--blue); font-size:10px; font-weight:800; }
.featured-publication strong { margin:12px 0 18px; color:var(--navy); font-family:Georgia,"Times New Roman",serif; font-size:16px; line-height:1.45; }
.featured-publication b { margin-top:auto; color:var(--cyan); font-size:10px; }
.all-publications-heading { margin:78px 0 20px; }
.publication-year { margin-top:46px; }
.publication-year>header { display:flex; align-items:baseline; gap:13px; padding-bottom:12px; border-bottom:3px solid var(--navy2); }
.publication-year>header strong { color:var(--navy); font-size:29px; }
.publication-year>header span { color:var(--muted); font-size:11px; }
.publication-year .publication-list { margin-top:0; border-top:0; }

.paper-page { background:var(--paper); }
.paper-header { padding:70px 0 62px; color:white; background:linear-gradient(120deg,#020d1f,#06386f); }
.light-link { color:#9ddff0; }
.paper-header h1 { max-width:1180px; margin:18px 0; font-family:Georgia,"Times New Roman",serif; font-size:clamp(34px,4vw,58px); line-height:1.18; }
.paper-authors { max-width:1050px; color:#b8cde0; font-size:13px; line-height:1.8; }
.paper-layout { padding-block:70px 90px; display:grid; grid-template-columns:1.15fr .85fr; gap:60px; align-items:start; }
.paper-visual { overflow:hidden; border-radius:18px; background:white; box-shadow:0 20px 54px rgba(3,21,47,.13); }
.paper-visual img { width:100%; max-height:720px; object-fit:contain; background:white; }
.paper-visual small { display:block; padding:12px 18px 15px; color:#7c8fa2; border-top:1px solid var(--line); font-size:10px; }
.paper-copy { position:sticky; top:125px; padding:34px; border:1px solid var(--line); border-radius:18px; background:white; }
.paper-copy h2 { margin:12px 0 18px; font-family:"STSong","Songti SC",serif; font-size:34px; }
.paper-copy>p { color:var(--muted); font-size:15px; line-height:1.9; }
.paper-copy h3 { margin:30px 0 10px; padding-top:22px; color:var(--navy); border-top:1px solid var(--line); font-size:15px; }
.paper-copy .citation { font-family:Georgia,"Times New Roman",serif; font-size:12px; }
.paper-tags { display:flex; flex-wrap:wrap; gap:7px; margin-top:24px; }
.paper-tags span { padding:7px 10px; color:var(--blue); border-radius:999px; background:#eaf5fb; font-size:10px; }

.team-directory { padding-top:45px; }
.member-group { padding:42px 0; }
.member-group+.member-group { border-top:1px solid var(--line); }
.group-heading { display:flex; justify-content:space-between; align-items:end; margin-bottom:22px; }
.group-heading h2 { margin:0; font-family:"STSong","Songti SC",serif; font-size:34px; }
.group-heading span { color:#8495a6; font-size:9px; letter-spacing:.13em; }
.compact-team-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.compact-member { min-height:178px; display:grid; grid-template-columns:132px 1fr; overflow:hidden; border:1px solid var(--line); border-radius:16px; background:white; transition:.2s; }
.compact-member:hover { transform:translateY(-4px); border-color:#9bd9ed; box-shadow:0 18px 42px rgba(3,21,47,.1); }
.compact-photo { height:178px; overflow:hidden; background:#d8ecfb; }
.compact-photo img { width:100%; height:100%; object-fit:cover; object-position:center top; }
.compact-copy { padding:22px 24px; }
.compact-copy small { color:var(--blue); font-size:10px; font-weight:800; }
.compact-copy h3 { margin:7px 0 10px; color:var(--navy); font-family:"STSong","Songti SC",serif; font-size:27px; }
.compact-copy p { margin:0; color:#5f7489; font-size:13px; line-height:1.7; }
.compact-copy span { display:block; margin-top:13px; color:var(--cyan); font-size:10px; font-weight:800; }

.profile-page { padding:72px 0 95px; background:var(--paper); }
.profile-grid { display:grid; grid-template-columns:320px 1fr; gap:72px; align-items:start; }
.profile-photo { height:410px; overflow:hidden; border-radius:20px; background:#d8ecfb; box-shadow:0 22px 52px rgba(3,21,47,.15); }
.profile-photo img { width:100%; height:100%; object-fit:cover; object-position:center top; }
.back-link { display:inline-block; margin-bottom:28px; color:var(--blue); font-size:12px; font-weight:800; }
.profile-copy h1 { margin:16px 0 0; color:var(--navy); font-family:"STSong","Songti SC",serif; font-size:62px; }
.profile-copy h2 { margin:9px 0 0; color:#47647f; font-size:16px; }
.profile-facts { margin:28px 0 0; display:grid; grid-template-columns:1fr 1fr; border-top:1px solid #cad8e5; border-left:1px solid #cad8e5; background:white; }
.profile-facts div { min-height:72px; padding:14px 17px; border-right:1px solid #cad8e5; border-bottom:1px solid #cad8e5; }
.profile-facts dt { color:#7b8da0; font-size:11px; font-weight:700; }
.profile-facts dd { margin:7px 0 0; color:var(--navy); font-size:14px; line-height:1.5; }
.profile-direction { margin:28px 0 0; padding:20px 22px; color:var(--navy2); border-left:4px solid var(--cyan); background:white; font-size:16px; line-height:1.75; }
.profile-bio { margin:26px 0 0; color:var(--muted); font-size:14px; line-height:2; }
.profile-highlights { margin-top:30px; padding-top:24px; border-top:1px solid #cad8e5; }
.profile-highlights h3 { margin:0; color:var(--navy); font-size:17px; }
.profile-highlights ul { margin:17px 0 0; padding-left:20px; display:grid; grid-template-columns:1fr 1fr; gap:12px 30px; }
.profile-highlights li { color:#5d7287; font-size:12px; line-height:1.7; }

.news-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.news-card { display:flex; min-height:510px; overflow:hidden; flex-direction:column; border:1px solid var(--line); border-radius:19px; background:white; transition:.24s; }
.news-card:hover { transform:translateY(-6px); border-color:#8fd6e9; box-shadow:0 22px 55px rgba(3,21,47,.12); }
.news-card>img { width:100%; height:240px; object-fit:cover; background:#eef4f9; }
.news-card>span { flex:1; padding:25px 26px; display:flex; flex-direction:column; }
.news-card time { color:var(--cyan); font-size:12px; font-weight:800; }
.news-card h2 { margin:13px 0; font-family:"STSong","Songti SC",serif; font-size:25px; line-height:1.45; }
.news-card p { margin:0; color:var(--muted); font-size:14px; line-height:1.85; }
.news-card b { margin-top:auto; padding-top:20px; color:var(--blue); font-size:13px; }
.news-detail { background:var(--paper); }
.news-detail-header { padding:70px 0 62px; color:white; background:linear-gradient(120deg,#020d1f,#06386f); }
.news-detail-header h1 { max-width:1050px; margin:18px 0; font-family:"STSong","Songti SC",serif; font-size:clamp(38px,4.4vw,62px); line-height:1.25; }
.news-detail-header>div>p:last-child { max-width:900px; margin:0; color:#bad0e2; font-size:16px; line-height:1.85; }
.news-detail-layout { padding-block:70px 90px; display:grid; grid-template-columns:1.1fr .9fr; gap:58px; align-items:start; }
.news-detail-layout figure { margin:0; overflow:hidden; border-radius:19px; background:white; box-shadow:0 20px 54px rgba(3,21,47,.13); }
.news-detail-layout figure img { width:100%; max-height:700px; object-fit:contain; background:white; }
.news-detail-layout figcaption { padding:13px 18px; color:#74879a; border-top:1px solid var(--line); font-size:12px; }
.news-detail-copy { padding:34px; border:1px solid var(--line); border-radius:18px; background:white; }
.news-detail-copy p { margin:0 0 20px; color:var(--muted); font-size:16px; line-height:2; }
.join-grid { display:grid; grid-template-columns:1fr 1fr; gap:60px; }
.join-grid h2 { margin:0 0 24px; font-family:"STSong","Songti SC",serif; font-size:36px; }
.join-grid ul { margin:0; padding:0; list-style:none; border-top:1px solid var(--line); }
.join-grid li { padding:16px 0; color:#526a81; border-bottom:1px solid var(--line); font-size:14px; }
.join-card { padding:38px; color:white; border-radius:18px; background:var(--navy); }
.join-card h2 { margin-top:20px; color:white; }
.join-card > p:not(.eyebrow) { color:#9fb5c9; font-size:13px; line-height:1.9; }
.join-contact { margin-top:30px; padding-top:22px; display:grid; gap:8px; border-top:1px solid rgba(176,213,234,.2); }
.join-contact span { margin-top:8px; color:var(--cyan); font-size:9px; letter-spacing:.12em; }
.join-contact b { color:#dcebf4; font-size:12px; font-weight:500; }
.contact-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.contact-grid > div { min-height:260px; padding:34px; border:1px solid var(--line); border-radius:17px; background:var(--paper); }
.contact-grid span { color:var(--cyan); font-size:10px; font-weight:800; letter-spacing:.12em; }
.contact-grid h2 { margin:45px 0 12px; font-family:"STSong","Songti SC",serif; font-size:26px; line-height:1.45; }
.contact-grid p,.contact-grid a { color:var(--muted); font-size:12px; }

footer { padding:60px 0 22px; color:#8094a8; background:#010914; }
.footer-grid { display:grid; grid-template-columns:1.5fr 1fr .7fr; gap:65px; padding-bottom:45px; }
.footer-brand { display:flex; align-items:center; gap:18px; }
.footer-brand > img { width:86px; height:86px; object-fit:contain; }
.footer-brand strong { display:block; color:white; font-family:"STSong","Songti SC",serif; font-size:27px; letter-spacing:.13em; }
.footer-brand span { display:block; margin-top:7px; color:var(--cyan); font-size:8px; letter-spacing:.12em; }
.footer-grid b { display:block; margin-bottom:16px; color:#d7e6f1; font-size:12px; }
.footer-grid p,.footer-grid a { display:block; margin:0 0 7px; color:#708397; font-size:11px; line-height:1.8; }
.footer-grid a:hover { color:var(--cyan); }
.copyright { padding-top:20px; display:flex; justify-content:space-between; border-top:1px solid rgba(170,204,226,.12); color:#506478; font-size:9px; }

@media (max-width:980px) { .desktop-nav{display:none}.mobile-nav{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px}.mobile-nav a{padding:8px 11px;border-radius:999px}.home-content:not(.home-content-classic){grid-template-columns:.85fr 1.15fr}.compact-team-grid{grid-template-columns:1fr}.featured-publications{grid-template-columns:1fr 1fr}.news-grid{grid-template-columns:1fr 1fr}.research-flow{grid-template-columns:repeat(3,1fr);row-gap:42px}.research-flow::before{display:none}.research-cluster-grid{grid-template-columns:1fr}.research-cluster:nth-child(odd){border-right:0}.research-cluster:nth-child(n+2){border-top:1px solid #d8e5ee}.research-evidence-grid{grid-template-columns:1fr 1fr}.research-evidence-paper:last-child{grid-column:1/-1} }
@media (max-width:820px) {
  .shell{width:calc(100% - 36px)} .site-header{height:78px}.brand-image{width:48px;height:48px}.brand-copy strong{font-size:20px}.brand-copy small{font-size:7px}
  .home-hero{height:calc(100dvh - 78px)}.main-visual img{object-position:67% center}.paper-visual-slide{left:22%}.paper-visual-slide img{object-position:center}.home-overlay{background:linear-gradient(180deg,rgba(2,13,31,.55),rgba(2,13,31,.96))}.home-content{grid-template-columns:1fr;gap:14px;align-content:start;padding:42px 0 158px}.home-content-classic .home-copy{width:100%}.home-copy{align-self:auto}.home-copy h1{font-size:52px;margin-top:10px}.home-copy h2{font-size:25px;margin-top:13px}.home-copy>p:last-child{font-size:12px;line-height:1.65;margin-top:12px}.home-actions{margin-top:16px}.home-actions a{min-width:105px;padding:11px 16px}.home-tags{margin-top:14px}.home-tags span{padding:7px 9px;font-size:9px}.home-visual-link{inset:45% 0 0}.home-visual-caption{right:0;bottom:49px;width:100%;padding:12px 18px}.home-visual-caption strong{font-size:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.home-visual-caption a{font-size:10px}.home-visual-controls{right:18px;bottom:12px}.home-visual-controls div button{width:18px}.home-nav-grid{gap:7px}.home-nav-grid a{min-height:59px;padding:9px 11px;grid-template-columns:25px 1fr}.home-nav-grid strong{font-size:12px}.home-nav-grid small{font-size:8px}
  .inner-hero{min-height:300px}.inner-hero-grid,.about-layout,.about-intro,.brand-story-grid,.research-chain-grid,.pi-grid,.method-grid,.join-grid,.paper-layout,.news-detail-layout{grid-template-columns:1fr}.inner-hero-grid{gap:25px}.inner-hero-art{inset:0 0 0 30%}.content-section{padding-block:65px}.about-layout,.about-intro{gap:40px}.about-visual{height:330px}.lab-emblem-card{width:min(100%,480px);margin:auto}.brand-story-grid,.research-chain-grid{gap:28px}.core-tech-grid{grid-template-columns:1fr}.core-tech-card{min-height:0}.core-tech-number{margin-bottom:38px}.pi-grid{gap:42px}.pi-photo{width:min(100%,360px)}.detail-grid{grid-template-columns:1fr}.platform-steps{grid-template-columns:1fr 1fr}.platform-steps li:nth-child(3){border-left:0;border-top:1px solid var(--line)}.platform-steps li:nth-child(4){border-top:1px solid var(--line)}.method-grid{gap:35px}.output-metrics{grid-template-columns:1fr 1fr}.output-metrics div:nth-child(3){border-left:0;border-top:1px solid var(--line)}.output-metrics div:nth-child(4){border-top:1px solid var(--line)}.featured-publications{grid-template-columns:1fr}.publication-row{grid-template-columns:40px 1fr}.publication-row aside{grid-column:2;text-align:left}.profile-grid{grid-template-columns:260px 1fr;gap:40px}.profile-photo{height:340px}.contact-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:28px}.paper-layout{gap:35px}.paper-copy{position:static}.news-detail-layout{gap:34px}.research-system,.research-cluster-section,.research-evidence{padding-block:65px}.research-section-head{grid-template-columns:1fr;gap:20px;margin-bottom:38px}.research-section-head>p{max-width:700px}.research-evidence .research-section-head{grid-template-columns:1fr auto}.research-cluster{grid-template-columns:38% 1fr}
}
@media (max-width:520px) {
  .home-copy .eyebrow{font-size:8px}.home-copy h1{font-size:46px}.home-tags{flex-wrap:wrap}.home-tags span:nth-child(n+3){display:none}.home-nav-grid a{min-height:55px}.inner-hero h1{font-size:45px}.inner-hero-grid>p{font-size:14px}.about-statement h2,.about-intro-copy h2,.method-grid h2{font-size:36px}.lab-emblem-card{padding:22px 18px}.brand-story-grid h2,.section-heading h2,.research-chain-copy h2{font-size:34px}.research-chain{grid-template-columns:1fr 1fr}.research-chain li:nth-child(3),.research-chain li:nth-child(4){margin-top:14px}.future-note{grid-template-columns:1fr;gap:8px}.pi-photo{height:390px}.metric-row{grid-template-columns:1fr}.metric-row div+div{padding-left:0;border-left:0;border-top:1px solid #ccd9e5}.platform-steps{grid-template-columns:1fr}.platform-steps li{min-height:auto;padding:25px 4px}.platform-steps li+li{border-left:0;border-top:1px solid var(--line)}.platform-steps h2{margin-top:24px}.method-grid ul{grid-template-columns:1fr}.output-metrics{grid-template-columns:1fr}.output-metrics div+div{border-left:0;border-top:1px solid var(--line)}.publication-row{grid-template-columns:30px 1fr;gap:14px}.publication-row div b{font-size:15px}.compact-member{grid-template-columns:105px 1fr;min-height:150px}.compact-photo{height:150px}.compact-copy{padding:17px}.compact-copy h3{font-size:24px}.compact-copy p{font-size:11px}.profile-grid{grid-template-columns:1fr}.profile-photo{width:230px;height:300px}.profile-copy h1{font-size:50px}.profile-facts{grid-template-columns:1fr}.profile-highlights ul{grid-template-columns:1fr}.news-grid{grid-template-columns:1fr}.news-card:last-child{grid-column:auto}.news-card{min-height:0}.news-card>img{height:210px}.news-detail-copy{padding:24px}.join-card{padding:28px}.footer-brand{align-items:flex-start}.footer-brand>img{width:72px;height:72px}.copyright{flex-direction:column;gap:8px}.research-flow{grid-template-columns:1fr 1fr;gap:34px 16px}.research-flow-image{width:128px;height:128px}.research-flow-step>span{top:106px}.research-flow-step h3{font-size:15px}.research-cluster{grid-template-columns:1fr}.research-cluster-image{height:210px;min-height:0}.research-cluster-copy{padding:26px 22px}.research-cluster h3{font-size:25px}.research-evidence .research-section-head{grid-template-columns:1fr}.research-evidence-grid{grid-template-columns:1fr}.research-evidence-paper:last-child{grid-column:auto}.research-question-band{padding-block:58px}.research-question-band h2{font-size:31px}
}
@media (max-height:720px) and (max-width:820px) { .home-copy>p:last-child{display:none}.home-copy h1{font-size:40px}.home-copy h2{font-size:20px}.home-actions{margin-top:12px}.home-tags{display:none}.home-nav-grid a{min-height:48px}.home-content{padding-top:24px;padding-bottom:145px} }
@media (max-width:520px) {
  html,body{overflow-x:hidden}
  .site-header{height:70px;background:#fff;backdrop-filter:none}
  .header-inner{gap:8px}
  .brand{min-width:0;gap:8px;overflow:hidden}
  .brand-image{width:44px;height:44px}
  .brand-copy{min-width:0}
  .brand-copy strong{max-width:calc(100vw - 145px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px}
  .brand-copy small{display:none}
  .mobile-nav summary{min-width:52px;min-height:44px;display:grid;place-items:center;padding:8px 11px}
  .mobile-nav nav{position:fixed;left:12px;right:12px;top:64px;width:auto}
  .mobile-nav nav a{min-height:44px;display:flex;align-items:center}
  .home-hero{height:calc(100dvh - 70px)}
  .home-content{padding:28px 0 140px}
  .home-copy h1{font-size:clamp(39px,12vw,48px)}
  .home-copy h2{font-size:clamp(20px,6vw,25px)}
  .home-copy>p:last-child{max-width:95%;font-size:12px;line-height:1.65}
  .home-actions{gap:9px}
  .home-actions a{min-height:44px;display:grid;place-items:center}
  .home-visual-caption{padding-right:76px}
  .content-section{padding-block:54px}
  .inner-hero{min-height:250px}
  .inner-hero h1{font-size:40px}
  .paper-header h1,.news-detail-header h1{overflow-wrap:anywhere;font-size:36px}
  .paper-layout,.news-detail-layout{padding-block:48px 64px}
  .compact-member,.featured-publication,.news-card{touch-action:manipulation}
}
@media (max-width:520px) and (max-height:740px) {
  .home-content{padding-top:18px;padding-bottom:122px}
  .home-copy .eyebrow{font-size:8px}
  .home-copy h1{font-size:38px;margin-top:7px}
  .home-copy h2{font-size:18px;margin-top:9px}
  .home-copy>p:last-child,.home-tags{display:none}
  .home-actions{margin-top:11px}
  .home-visual-caption strong{font-size:12px}
}
@media (pointer:coarse) {
  a,button,summary{touch-action:manipulation}
  .compact-member:hover,.featured-publication:hover,.news-card:hover{transform:none}
}
@media (prefers-reduced-motion:reduce) { *,*::before,*::after{scroll-behavior:auto!important;transition:none!important} }

/* Mobile-first refinement: keep desktop composition intact while making every
   core page comfortable to read and operate on 320–600 px screens. */
@media (max-width:600px) {
  :root{--mobile-gutter:18px}
  html{-webkit-text-size-adjust:100%;scroll-padding-top:72px}
  body{min-width:320px;overflow-x:hidden;font-size:15px}
  .shell{width:calc(100% - (var(--mobile-gutter) * 2))}

  .site-header{height:70px}
  .header-inner{gap:8px}
  .brand{min-width:0;gap:8px;overflow:hidden;flex:1 1 auto}
  .brand-image{width:44px;height:44px;border-radius:8px}
  .brand-copy{min-width:0;flex:1 1 auto}
  .brand-copy strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;line-height:1.25}
  .brand-copy small{display:none}
  .mobile-nav{flex:0 0 auto}
  .mobile-nav summary{min-width:52px;min-height:44px;display:grid;place-items:center;padding:8px 11px}
  .mobile-nav nav{position:fixed;left:12px;right:12px;top:64px;width:auto;max-height:calc(100svh - 76px);overflow-y:auto;padding:10px;border-radius:16px}
  .mobile-nav nav a{min-height:46px;display:flex;align-items:center;padding:11px 14px;font-size:14px}

  .home-page{height:100svh;min-height:540px}
  .home-hero{height:calc(100svh - 70px);min-height:470px}
  .home-content{align-content:start;padding:clamp(22px,6vh,48px) 0 148px}
  .home-copy h1{font-size:clamp(39px,12vw,48px);line-height:1.05}
  .home-copy h2{font-size:clamp(20px,6vw,25px);line-height:1.3}
  .home-copy>p:last-child{max-width:100%;font-size:12px;line-height:1.7}
  .home-actions{gap:10px;margin-top:16px}
  .home-actions a{min-width:0;min-height:44px;padding:10px 20px;display:grid;place-items:center}
  .home-tags{gap:7px;margin-top:14px}
  .home-tags span{padding:6px 9px}
  .home-visual-link{inset:44% 0 0}
  .home-visual-caption{bottom:45px;width:100%;padding:12px 74px 12px 18px;border-left-width:2px}
  .home-visual-caption strong{margin-top:5px;font-size:13px;line-height:1.35}
  .home-visual-caption a{margin-top:7px}
  .home-visual-controls{right:16px;bottom:13px;gap:8px}
  .home-visual-controls>button{width:32px;height:32px}
  .home-visual-controls div button{width:18px;height:5px}

  .inner-hero{min-height:238px}
  .inner-hero-art{inset:0 0 0 18%;opacity:.78}
  .inner-hero::after{background:linear-gradient(90deg,#02142f 0%,rgba(3,25,55,.92) 62%,rgba(3,25,55,.5))}
  .inner-hero-grid{gap:15px;align-items:start}
  .inner-hero h1{margin-top:12px;font-size:clamp(36px,11vw,43px);line-height:1.12}
  .inner-hero-grid>p{font-size:13px;line-height:1.7}
  .content-section{padding-block:48px}

  .about-intro-copy h2,.about-statement h2{font-size:34px}
  .about-intro-copy>p:not(.eyebrow),.about-statement>p:not(.eyebrow){font-size:14px;line-height:1.9}
  .about-visual{height:250px;border-radius:16px}
  .lab-emblem-card strong{font-size:27px}
  .brand-story-section{padding:46px 0}
  .brand-story-grid h2,.section-heading h2,.research-chain-copy h2{font-size:32px}
  .core-tech-card{padding:28px 24px}

  .research-system{padding-block:44px}
  .research-section-head{gap:14px;margin-bottom:28px}
  .research-section-head h2{font-size:32px}
  .research-section-head>p{font-size:13px;line-height:1.75}
  .research-flow{display:grid;grid-template-columns:1fr;gap:0}
  .research-flow::before{display:block;left:48px;right:auto;top:45px;bottom:45px;width:1px;height:auto;background:#b9d5e5}
  .research-flow-step{min-height:116px;display:grid;grid-template-columns:96px minmax(0,1fr);grid-template-rows:auto auto;column-gap:17px;align-content:center;text-align:left;padding:10px 0}
  .research-flow-image{grid-column:1;grid-row:1/3;width:90px;height:90px;margin:0;border-width:5px}
  .research-flow-step>span{top:78px;left:45px;min-width:32px;height:22px;border-width:2px;font-size:8px}
  .research-flow-step h3{grid-column:2;margin:0;font-size:16px;line-height:1.4}
  .research-flow-step p{grid-column:2;margin:6px 0 0;max-width:none;font-size:11px;line-height:1.65}
  .research-cluster-section{padding-block:44px}
  .research-cluster-image{height:190px}
  .research-cluster-copy{padding:23px 20px}
  .research-cluster h3{font-size:23px}
  .research-evidence{padding-block:52px}
  .research-evidence-paper{min-height:0}
  .research-evidence-paper>img{height:190px}

  .member-group{margin-bottom:44px}
  .group-heading{align-items:end}
  .compact-team-grid{gap:12px}
  .compact-member{grid-template-columns:96px minmax(0,1fr);min-height:142px;border-radius:14px}
  .compact-photo{height:142px}
  .compact-copy{min-width:0;padding:15px 15px 13px}
  .compact-copy small{font-size:9px}
  .compact-copy h3{margin:7px 0 5px;font-size:22px;line-height:1.2}
  .compact-copy p{display:-webkit-box;margin:0;font-size:11px;line-height:1.65;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .compact-copy span{margin-top:8px;font-size:9px}

  .profile-page{padding-block:42px 58px}
  .profile-grid{grid-template-columns:1fr;gap:28px}
  .profile-photo{width:min(68vw,250px);height:auto;aspect-ratio:3/4;margin-inline:auto;border-radius:16px}
  .back-link{min-height:44px;display:inline-flex;align-items:center;margin-bottom:15px}
  .profile-copy h1{font-size:clamp(38px,12vw,48px);line-height:1.08}
  .profile-copy h2{font-size:14px;line-height:1.5}
  .profile-facts{margin-top:22px}
  .profile-facts div{min-height:64px;padding:12px 14px}
  .profile-direction{margin-top:22px;padding:16px 17px;font-size:14px}
  .profile-bio{font-size:13px;line-height:1.9}
  .profile-highlights ul{padding-left:18px}
  .primary-link{min-height:44px;align-items:center;max-width:100%;overflow-wrap:anywhere}

  .output-metrics{grid-template-columns:1fr 1fr}
  .output-metrics div{padding:20px 16px}
  .output-metrics div+div{border-left:0}
  .output-metrics div:nth-child(even){border-left:1px solid var(--line)}
  .output-metrics div:nth-child(n+3){border-top:1px solid var(--line)}
  .output-metrics strong{font-size:28px}
  .featured-heading{align-items:start}
  .featured-publication img{height:180px}
  .publication-year header{position:static}
  .publication-row{grid-template-columns:28px minmax(0,1fr);gap:11px;padding:18px 2px}
  .publication-row div{min-width:0}
  .publication-row div b{overflow-wrap:anywhere;font-size:14px}
  .publication-row small{font-size:10px}
  .publication-row aside{grid-column:2;text-align:left}

  .paper-header,.news-detail-header{padding:48px 0 42px}
  .paper-header h1,.news-detail-header h1{font-size:clamp(30px,9vw,38px);line-height:1.25;overflow-wrap:anywhere}
  .paper-layout,.news-detail-layout{padding-block:42px 58px}
  .paper-copy,.news-detail-copy{padding:22px}
  .news-card>img{height:190px}
  .news-card>span{padding:21px}
  .news-card h2{font-size:23px}
  .news-detail-layout figure{border-radius:14px}
  .news-detail-copy p{font-size:14px;line-height:1.9}

  .join-card{padding:25px 21px}
  .contact-grid>div{min-height:0;padding:25px 22px}
  .contact-grid h2{margin-top:26px}
  footer{padding-top:44px}
  .footer-grid{padding-bottom:34px}
  .footer-brand{gap:12px}
  .footer-brand>img{width:62px;height:62px}
  .footer-brand strong{font-size:21px}
}

@media (max-width:370px) {
  :root{--mobile-gutter:14px}
  .brand-copy strong{max-width:190px;font-size:14px}
  .mobile-nav summary{min-width:48px;padding-inline:8px}
  .home-copy h1{font-size:37px}
  .home-copy h2{font-size:18px}
  .home-actions a{padding-inline:15px;font-size:12px}
  .home-visual-caption{padding-left:14px}
  .inner-hero h1{font-size:34px}
  .research-flow-step{grid-template-columns:84px minmax(0,1fr);column-gap:13px}
  .research-flow-image{width:80px;height:80px}
  .research-flow::before{left:42px}
  .research-flow-step>span{left:40px;top:73px}
  .compact-member{grid-template-columns:88px minmax(0,1fr)}
  .compact-copy{padding-inline:13px}
}

@media (max-width:820px) and (orientation:landscape) and (max-height:520px) {
  .home-page{min-height:100svh}
  .home-hero{min-height:0}
  .home-content{padding-top:16px;padding-bottom:76px}
  .home-copy h1{font-size:34px}
  .home-copy h2{font-size:18px}
  .home-copy>p:last-child,.home-tags{display:none}
  .home-visual-caption{bottom:34px;width:55%;padding-block:9px}
  .home-visual-controls{bottom:5px}
}

/* Mobile direct navigation: keep every primary destination visible without
   requiring an extra menu tap. */
@media (max-width:820px) {
  html{scroll-padding-top:18px}
  .site-header{height:150px;position:relative;background:#fff;backdrop-filter:none}
  .header-inner{height:100%;padding:10px 0 12px;flex-direction:column;justify-content:center;gap:8px}
  .brand{min-width:0;flex:0 0 auto;justify-content:center;gap:8px;overflow:visible}
  .brand-image{width:42px;height:42px;border-radius:8px}
  .brand-copy{min-width:0;flex:0 1 auto}
  .brand-copy strong{max-width:none;overflow:visible;text-overflow:clip;white-space:nowrap;font-size:15px;line-height:1.25}
  .brand-copy small{display:none}
  .mobile-nav{width:100%;flex:0 0 auto;gap:4px 6px}
  .mobile-nav a{min-height:32px;display:flex;align-items:center;justify-content:center;padding:7px 10px;font-size:12px;line-height:1;border-radius:999px}
  .home-hero{height:calc(100dvh - 150px);min-height:390px}
  .home-content{padding:clamp(18px,4vh,32px) 0 90px}
}

@media (max-width:370px) {
  .site-header{height:158px}
  .brand-copy strong{max-width:none;font-size:14px}
  .mobile-nav{gap:3px 4px}
  .mobile-nav a{min-height:31px;padding-inline:8px;font-size:11px}
  .home-hero{height:calc(100dvh - 158px);min-height:378px}
}

@media (max-width:820px) and (orientation:landscape) and (max-height:520px) {
  .site-header{height:104px}
  .header-inner{padding-block:6px;gap:4px}
  .brand-image{width:32px;height:32px}
  .brand-copy strong{font-size:13px}
  .mobile-nav{gap:3px 5px}
  .mobile-nav a{min-height:27px;padding:5px 8px;font-size:11px}
  .home-hero{height:calc(100svh - 104px)}
  .home-content{padding-top:12px;padding-bottom:58px}
}