/* Author-selected artwork, kept byte-for-byte. No labels or data are generated.
   Wide screens use native links over the two painted buttons. Smaller screens
   use a CSS viewport on the illustration plus readable HTML text and links. */
.research-banner{width:min(1400px,calc(100vw - 64px));margin:12px 0 26px;position:relative;left:50%;transform:translateX(-50%)}
.research-banner-text,.research-banner-actions a>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.research-banner-stage{position:relative}
.research-banner-art{position:relative;overflow:hidden;aspect-ratio:2073/758;background:#c7ced0;border-radius:4px}
.research-banner-art img{display:block;width:100%;height:auto;max-width:100%}
.research-banner-actions{position:absolute;inset:0;pointer-events:none}
.research-banner-actions a{position:absolute;top:34.75%;transform:translateY(-50%);height:7.3%;min-height:44px;border-radius:5px;pointer-events:auto;transition:box-shadow .15s,background-color .15s}
.banner-research{left:13.25%;width:7.7%}
.banner-publications{left:22.2%;width:8.9%}
.research-banner-actions a:hover{background:rgba(255,255,255,.12);box-shadow:0 0 0 2px #d5b075;text-decoration:none}
.research-banner-actions a:focus-visible{outline:3px solid #f9e7bc;outline-offset:3px;box-shadow:0 0 0 7px #102e40}
.research-banner-caption{font-size:10px;line-height:1.7;color:var(--muted);max-width:var(--width);margin:9px auto 0;text-align:right}
.research-banner-caption>span{padding:0 7px}
.research-banner-caption a{display:inline-flex;align-items:center;min-height:28px;gap:5px;text-decoration:underline;text-underline-offset:3px}
.home-affiliation{margin-bottom:23px}
.about-page .research-overview{border-top:1px solid var(--rule);padding-top:34px}
.research-overview-intro{max-width:790px;margin:-5px 0 29px;color:var(--muted);font-size:14px;line-height:1.85}
#research-title{scroll-margin-top:24px}
#research-title:focus{outline:none}
#research-title:focus-visible{outline:2px solid var(--accent);outline-offset:6px}
@media(max-width:1099px){
  .research-banner{width:100%;left:auto;transform:none;margin:12px 0 28px}
  .research-banner-text{position:static;width:auto;height:auto;margin:0 0 23px;overflow:visible;clip:auto;white-space:normal}
  .research-banner h1{font:400 clamp(34px,5.4vw,49px)/1.15 var(--heading);letter-spacing:-1px;margin:0 0 12px}
  .research-banner h1 strong{font-weight:700}
  .banner-subtitle{font:24px/1.35 var(--heading);letter-spacing:-.3px;margin:0 0 12px;max-width:590px}
  .banner-threads{font-size:11px;line-height:1.8;color:var(--accent);margin:0 0 15px;max-width:570px}
  .banner-motto{font:italic 15px/1.65 var(--heading);color:var(--muted);margin:0;max-width:540px}
  .research-banner-art{aspect-ratio:2/1}
  /* Select the scientific illustration below the image's baked-in headline
     and buttons. The complete, uncropped original remains one link away. */
  .research-banner-art img{position:absolute;width:260%;max-width:none;left:-115%;top:-70%;height:auto}
  .research-banner-actions{position:static;display:flex;gap:12px;flex-wrap:wrap;margin:16px 0 0;pointer-events:auto}
  .research-banner-actions a{position:static;transform:none;display:inline-flex;align-items:center;justify-content:center;min-height:46px;width:auto;height:auto;padding:11px 19px;border:1px solid var(--rule);border-radius:4px;color:var(--fg);font-size:13px;line-height:1.6;background:var(--bg)}
  .research-banner-actions a>span{position:static;display:inline-flex;align-items:center;gap:21px;width:auto;height:auto;margin:0;overflow:visible;clip:auto;white-space:normal}
  .research-banner-actions .banner-research{background:var(--fg);color:var(--bg);border-color:var(--fg)}
  .research-banner-actions a:hover{background:var(--soft);border-color:var(--accent);color:var(--fg);box-shadow:none}
  .research-banner-actions a:focus-visible{outline:2px solid var(--accent);outline-offset:4px;box-shadow:none}
  .research-banner-caption{text-align:left;margin-top:7px}
}
@media(max-width:1160px){.about-intro .profile-photo::after{transform:none}}
@media(min-width:701px) and (max-width:1099px){
  .research-banner-art{aspect-ratio:2.6/1}
  .research-banner-art img{width:200%;left:-72%;top:-69%}
}
@media(max-width:700px){
  .research-banner{margin-top:5px;margin-bottom:23px}
  .banner-subtitle{font-size:23px;max-width:330px}
  .research-banner-text{margin-bottom:20px}
  .research-banner-caption{font-size:9px}
  .home-affiliation{margin-bottom:20px}
  .research-overview-intro{font-size:13px;margin:0 0 25px}
}
@media(prefers-reduced-motion:reduce){.research-banner-actions a{transition:none}}
@media print{
  .research-banner{width:100%;left:auto;transform:none;margin:0 0 20px}
  .research-banner-text{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;white-space:normal}
  .research-banner h1{font-size:32px;margin-bottom:8px}
  .banner-subtitle{font:20px/1.4 var(--heading);margin:0 0 8px}
  .banner-threads,.banner-motto{font-size:12px;margin:0 0 8px}
  .research-banner-stage,.research-banner-caption{display:none}
}