/* Research page: the homepage type, palette and shared navigation continue here. */
.research-page,.interior-page { background:var(--dark); color:#f5f5f5; }
.research-intro { min-block-size:var(--screen-height); padding:30px var(--padding) 40px; display:flex; flex-direction:column; gap:40px; background:var(--dark); }
.research-breadcrumb { display:flex; flex-wrap:wrap; align-items:center; gap:12px; color:#aaa; font-size:12px; line-height:1.6; }
.research-breadcrumb a:hover { color:var(--button-accent); }
.research-intro-copy { margin:auto; max-width:1100px; width:100%; padding-block:30px; text-align:center; }
.research-kicker { margin:0 0 24px; color:var(--button-accent); font-size:clamp(16px,1.5vw,22px); line-height:1.5; font-weight:700; text-transform:uppercase; }
.research-intro h1 { max-width:1050px; margin:0 auto 30px; font-size:clamp(40px,4.4vw,78px); line-height:1.12; font-weight:700; letter-spacing:0; text-wrap:balance; }
.research-lead { max-width:1000px; margin:0 auto; color:#ccc; font-size:clamp(18px,1.7vw,24px); line-height:1.7; }
.process-navigation { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:26px; width:100%; max-width:1728px; margin-inline:auto; }
.process-navigation a { display:flex; align-items:baseline; gap:12px; min-height:54px; padding:16px 0 0; border-top:1px solid #ffffff30; font-size:clamp(11px,.95vw,15px); line-height:1.5; font-weight:700; text-transform:uppercase; }
.process-navigation a>span:first-child { color:var(--button-accent); font-weight:400; }
.process-navigation a:hover { border-color:var(--button-accent); color:var(--button-accent); }
.process-heading { padding:clamp(56px,7vw,110px) var(--padding) 0; background:var(--dark); text-align:center; }
.process-heading h2 { margin:0; font-size:clamp(28px,2.8vw,44px); line-height:1.25; font-weight:700; text-wrap:balance; }
.process-step { display:grid; grid-template-columns:1.2fr 1fr; align-items:center; gap:clamp(36px,6vw,110px); min-block-size:var(--screen-height); padding:clamp(56px,6vw,112px) max(var(--padding),calc((100% - 1728px) / 2)); background:var(--dark); scroll-margin-top:0; }
.process-step-reverse { grid-template-columns:1fr 1.2fr; background:#151515; }
.process-step-reverse .process-visual { grid-column:2; grid-row:1; }
.process-step-reverse .process-copy { grid-column:1; grid-row:1; }
.process-visual { position:relative; margin:0; aspect-ratio:3 / 2; overflow:hidden; background:#181818; }
.process-visual img { display:block; width:100%; height:100%; object-fit:cover; filter:saturate(.65) brightness(.66); }
.process-visual::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(160deg,rgba(0,0,0,.42),rgba(0,0,0,.56)); }
.process-analysis img { object-position:center 58%; }
.process-finishing img { object-position:center 60%; }
.process-inspection img { object-position:48% center; }
.process-copy { max-width:580px; }
.process-number { margin:0 0 22px; color:var(--button-accent); font-size:clamp(18px,1.7vw,26px); line-height:1; font-weight:700; }
.process-copy h3 { margin:0 0 28px; font-size:clamp(28px,2.6vw,42px); line-height:1.18; font-weight:700; text-wrap:balance; }
.process-copy>p:last-child { margin:0; color:#ccc; font-size:clamp(18px,1.6vw,24px); line-height:1.7; }
.research-contact { display:flex; flex-direction:column; align-items:center; gap:28px; padding:clamp(64px,8vw,130px) var(--padding); background:var(--dark); color:#fff; text-align:center; }
.research-contact p { margin:0; font-size:clamp(16px,1.6vw,24px); color:#d9d9d9; line-height:1.6; }
.research-page .header [data-drawer="innovation"] { box-shadow:0 2px 0 var(--button-accent); }
.research-page [aria-current="page"],.interior-page [aria-current="page"] { color:var(--button-accent); }
:lang(zh) .research-intro h1 { line-height:1.3; letter-spacing:.025em; }
:lang(zh) .research-lead,:lang(zh) .process-copy>p:last-child { line-height:1.9; }
@media(max-width:800px) {
  .research-intro { padding-block:26px 32px; gap:30px; }
  .research-intro-copy { padding-block:28px; }
  .research-intro h1 { font-size:clamp(32px,7vw,48px); }
  .research-kicker { margin-bottom:20px; }
  .research-lead { font-size:18px; }
  .process-navigation { gap:12px; }
  .process-navigation a { flex-direction:column; gap:8px; font-size:11px; }
  .process-heading { padding-top:56px; }
  .process-step,.process-step-reverse { grid-template-columns:1fr; gap:30px; min-block-size:0; padding-block:56px; }
  .process-step-reverse .process-visual,.process-step-reverse .process-copy { grid-column:auto; grid-row:auto; }
  .process-copy { max-width:none; }
  .process-number { margin-bottom:18px; }
  .process-copy h3 { margin-bottom:20px; font-size:30px; }
  .process-copy>p:last-child { font-size:18px; }
}
@media(max-width:480px) {
  .research-breadcrumb { gap:8px; font-size:11px; }
  .research-intro { gap:22px; }
  .research-intro-copy { padding-block:22px; }
  .research-kicker { font-size:15px; }
  .research-intro h1 { font-size:34px; margin-bottom:24px; }
  .research-lead { font-size:17px; }
  .process-navigation { grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
  .process-navigation a { min-height:0; padding-top:12px; font-size:10px; }
  .process-heading h2 { font-size:27px; }
  .process-copy h3 { font-size:28px; }
  .process-copy>p:last-child { font-size:17px; }
}