/* Five research areas share one heading, media, and description layout.
   Scientific media retain native proportions; instrument crops are documented. */
.research-page .page-intro{padding-block:42px 32px}
.research-page h1{font-size:42px}
.research-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 28px;padding:0 var(--gutter) 54px;max-width:1600px;margin:auto}
.research-work{min-width:0}
.research-heading{margin-bottom:20px;font-size:clamp(21px,2.1vw,29px);min-height:3.54em}
.research-heading h2{font:inherit;font-weight:400;letter-spacing:-.035em;line-height:1.18;margin:0;max-width:570px}
.research-film{margin:0}
.research-frame{display:grid;aspect-ratio:16/9;background:#000;overflow:hidden}
.research-frame video,.research-frame img{grid-area:1/1;width:100%;height:100%;object-fit:contain;object-position:center;min-height:0;background:#000}
.research-film figcaption{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:48px;color:var(--muted);font-size:10px;line-height:1.5;border-bottom:1px solid var(--line)}
.research-film figcaption>span{max-width:77%}
.motion-toggle{flex:none;min-width:44px;min-height:44px;border:0;padding:9px 0;background:transparent;color:var(--ink);font:inherit;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.research-copy{padding:18px 0 0}
.research-copy>p{font-size:13px;line-height:1.7;color:var(--muted);margin:0;max-width:570px}
.research-copy .research-people{font-size:11px;margin-top:15px;color:var(--ink)}
.research-people a,.research-resource a{text-underline-offset:4px;text-decoration-color:#9ba990}
.research-copy .research-resource{font-size:11px;margin-top:15px;color:var(--ink)}
.research-publications{border-top:1px solid var(--line);padding-block:30px 52px}
.publications-link{font-size:24px;letter-spacing:-.03em;text-decoration:none;white-space:nowrap}
.publications-link span{margin-left:35px}
.publications-link:hover{text-decoration:underline;text-underline-offset:6px}
/* Two native 8:9 instrument panels form the fifth area's 16:9 visual. */
.pocket-frame{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));aspect-ratio:16/9;background:#000;overflow:hidden}
.pocket-panel{display:grid;min-width:0;min-height:0;aspect-ratio:8/9;overflow:hidden}
.pocket-panel img,.pocket-panel video{grid-area:1/1;width:100%;height:100%;min-height:0;object-fit:contain;object-position:center;background:#000}
.pocket-labels{display:grid;grid-template-columns:1fr 1fr;font-size:11px;color:var(--ink);padding:9px 0 0}
.pocket-labels span+span{padding-left:10px}
@media(max-width:760px){
.research-gallery{grid-template-columns:1fr;gap:40px;padding-bottom:40px;padding-inline:20px}
.research-page .page-intro{padding-block:32px 26px}
.research-page h1{font-size:36px}
.research-heading{font-size:25px;min-height:0;margin-bottom:18px}
.research-copy{padding-top:18px}
.research-copy>p{font-size:13px}
.research-film figcaption{font-size:10px}
.research-publications{padding-block:25px 40px}
}