/* A quiet title page, followed by the wide research film. */
.hero.hero-clean{display:block;padding-top:78px;padding-bottom:62px;text-align:center}
.hero-introduction{max-width:960px;margin:0 auto}
.hero-clean h1{font-size:clamp(76px,9.4vw,132px);font-weight:600;letter-spacing:-.07em;line-height:1.08;margin:0;white-space:nowrap}
.hero-clean h2{font-size:clamp(25px,2.55vw,36px);font-weight:400;line-height:1.4;letter-spacing:-.8px;margin:29px auto 0;color:#444}
.hero-clean .hero-actions{justify-content:center;gap:14px;margin-top:34px}
.hero-clean .hero-actions .button{font-size:14px;min-height:46px;padding:10px 20px;gap:20px}
.button-outline{border:1px solid #ccc;background:#fff;color:#222}
.button-outline:hover{background:#f5f5f5;border-color:#999}
.hero-credits{max-width:1080px;margin:51px auto 0}
.hero-authors,.hero-affiliations{display:flex;justify-content:center;flex-wrap:wrap;list-style:none;padding:0;margin:0}
.hero-authors{gap:10px 26px;font-size:15px;line-height:1.8;color:#333}
.hero-authors li{white-space:nowrap}
.hero-credits sup{color:#777;font-size:10px;line-height:0}
.hero-authors sup{margin-left:3px}
.hero-affiliations{gap:8px 24px;margin-top:17px;color:#777;font-size:12px;line-height:1.8}
.hero-affiliations sup{margin-right:5px}
.hero-credits a{color:inherit;text-decoration:none}
.hero-credits a:hover,.hero-credits a:focus-visible{color:#111;text-decoration:underline;text-underline-offset:4px}
@media(max-width:760px){
  .hero.hero-clean{padding-top:64px;padding-bottom:48px}
  .hero-clean h1{font-size:clamp(55px,14.7vw,105px);letter-spacing:-.07em}
  .hero-clean h2{font-size:clamp(21px,4.8vw,30px);line-height:1.5;letter-spacing:-.5px;margin-top:23px}
  .hero-clean .hero-actions{margin-top:28px}
  .hero-clean .hero-actions .button{font-size:13px;padding:10px 17px;gap:14px}
  .hero-credits{margin-top:46px}
  .hero-authors{font-size:13px;gap:10px 20px}
  .hero-affiliations{font-size:11px;gap:6px 18px;margin-top:20px}
}
@media(max-width:380px){
  .hero.hero-clean{padding-top:48px}
  .hero-clean h1{font-size:clamp(48px,14.8vw,56px)}
  .hero-clean h2{font-size:20px;letter-spacing:-.6px}
  .hero-authors{gap:9px 18px;font-size:12px}
  .hero-affiliations{display:grid;gap:4px}
}

/* The same outlined vector is used by the site and both narrated films. */
.wordmark .brand-logo{width:142px;height:auto}
.hero-clean h1.brand-title{display:block;width:min(640px,100%);margin:0 auto}
.brand-title img{width:100%;height:auto}
.membodied-header nav{gap:22px;font-size:12px}
.nav-research{border-left:1px solid #ddd;padding-left:22px}
@media(max-width:1100px){.membodied-header nav{gap:14px;font-size:11px}.nav-research{padding-left:14px}.wordmark .brand-logo{width:130px}}
@media(min-width:761px) and (max-width:950px){.membodied-header{padding:0 24px}.membodied-header nav{gap:12px}.nav-research{max-width:145px;line-height:1.5}.nav-paper{padding:8px 10px}}
@media(max-width:760px){.hero-clean h1.brand-title{width:min(82vw,540px)}.mobile-section-nav{flex-wrap:wrap;row-gap:6px}.mobile-section-nav .mobile-research{flex-basis:100%;text-align:center;font-size:11px;color:#555;padding:7px 0 1px}.wordmark .brand-logo{width:133px}}

/* Draw link arrows as strokes so mobile platforms cannot substitute emoji. */
.outbound-arrow{display:inline-block;width:1em;height:1em;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.1em}