@media screen{
  .motion-ready .site-header{position:fixed;inset:0 0 auto;z-index:60;opacity:var(--header-opacity,0);transform:translateY(calc((1 - var(--header-opacity,0))*-12px));pointer-events:none;background:#fbfcfefc;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 2px 24px #253c5205}
  .motion-ready.header-interactive .site-header{pointer-events:auto}
  .motion-ready .site-header .nav,.motion-ready .site-header .header-actions,.motion-ready .site-header .brand-mark{opacity:var(--nav-opacity,0)}
  .brand-name{display:inline-flex;gap:5px;align-items:baseline;white-space:nowrap}.brand-name>span{font-weight:600}.brand-name>em{font:italic 18px/1.1 var(--serif);color:#6b88a8;font-weight:400;letter-spacing:-.5px}
  .motion-ready .brand-name{opacity:var(--brand-opacity,0)}
  .motion-ready .hero{height:100vh;height:100svh;min-height:560px;max-height:none}
  .motion-ready .hero-layout{padding-block:clamp(26px,4.5vh,48px) 28px}
  .motion-ready .hero-copy{margin-block:auto;padding-block:30px}
  .hero-picture{position:absolute;inset:0;z-index:0;display:block;pointer-events:none}
  .motion-ready .hero-backdrop{z-index:0;display:block;transform:none;will-change:auto}
  .hero-shade{z-index:1;pointer-events:none}.hero-layout{position:relative;z-index:2}
  .motion-ready .hero-topline{animation:cover-in .9s cubic-bezier(.16,.8,.25,1) .08s both}
  .motion-ready .hero-role{animation:cover-in .9s cubic-bezier(.16,.8,.25,1) .16s both}
  .motion-ready .hero h1>span{animation:name-in 1.15s cubic-bezier(.16,.8,.25,1) .22s both}
  .motion-ready .hero h1>em{animation:name-in 1.25s cubic-bezier(.16,.8,.25,1) .38s both}
  .motion-ready .hero-description{animation:cover-in 1s cubic-bezier(.16,.8,.25,1) .5s both}
  .motion-ready .hero-actions{animation:cover-in 1s cubic-bezier(.16,.8,.25,1) .62s both}
  .motion-ready .hero-bottom{animation:cover-in 1s cubic-bezier(.16,.8,.25,1) .8s both}
  .motion-ready.has-scrolled .hero h1>span,.motion-ready.has-scrolled .hero h1>em{animation:none}
  .motion-ready.intro-finished .hero h1>span,.motion-ready.intro-finished .hero h1>em{animation:none}
  .motion-ready.name-in-transit .hero h1{opacity:0}
  .motion-ready.has-scrolled .hero h1{opacity:0}
  .hero-name-bridge{position:fixed;inset:0;z-index:65;pointer-events:none;overflow:visible}
  .hero-name-bridge[hidden]{display:none}
  .hero-name-bridge>span{position:absolute;display:block;white-space:nowrap;transform-origin:0 0;line-height:1;backface-visibility:hidden;color:#f5f5f2}
  .hero-name-bridge>span:last-child{color:#abc1d8}.name-in-transit .hero-name-bridge>span{will-change:transform}
  .motion-ready .reveal-item{opacity:0;transform:translateY(24px);transition:opacity .8s cubic-bezier(.16,.8,.25,1),transform .8s cubic-bezier(.16,.8,.25,1);transition-delay:var(--reveal-delay,0ms)}
  .motion-ready .reveal-item.is-revealed,.motion-ready .reveal-item:focus-within{opacity:1;transform:none;filter:none}
  body.mail-open .hero-name-bridge{display:none}
  @keyframes cover-in{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
  @keyframes name-in{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
}
@media screen and (max-width:640px){
  .motion-ready .hero-layout{padding-block:26px 22px}.motion-ready .hero-copy{padding-block:26px}
  .brand-name{gap:4px}.brand-name>em{font-size:17px}
}
@media screen and (max-width:1050px){.motion-ready .nav{max-height:calc(100vh - var(--header-height));max-height:calc(100svh - var(--header-height));overflow-y:auto;overscroll-behavior:contain}}
@media screen and (max-height:600px){
  .motion-ready .hero{height:100vh;height:100svh;min-height:0}.motion-ready .hero-layout{padding-block:18px}
  .motion-ready .hero-copy{padding-block:16px}.motion-ready .hero h1{font-size:clamp(56px,min(14vh,18vw),80px);margin-bottom:14px}
  .motion-ready .hero-role{font-size:11px;margin-bottom:12px}.motion-ready .hero-description{font-size:14px;line-height:1.55;max-width:460px}
  .motion-ready .hero-actions{margin-top:18px}.motion-ready .hero-actions .button{padding:10px 15px}
}
@media screen and (max-height:420px){
  .motion-ready .hero-layout{padding-block:14px}.motion-ready .hero-copy{padding-block:6px}
  .motion-ready .hero h1{font-size:clamp(40px,min(12vh,10vw),58px);margin-bottom:10px;line-height:1}
  .motion-ready .hero h1>span,.motion-ready .hero h1>em{display:inline-block}.motion-ready .hero h1>em{margin-top:0;margin-left:.15em}
  .motion-ready .hero-role{font-size:10px;margin-bottom:6px}.motion-ready .hero-topline{font-size:7px}
  .motion-ready .hero-description{font-size:13px;max-width:560px}.motion-ready .hero-actions{margin-top:12px}
  .motion-ready .hero-actions .button{padding:8px 12px;font-size:10px}
}
@media screen{
  .hero-bottom{position:relative;justify-content:flex-end;border-top:0;padding-top:0;min-height:68px}
  .hero-scroll{position:absolute;left:50%;bottom:0;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;width:max-content;max-width:none;padding:4px 16px;color:#e4edf7;font-size:10px;line-height:1.4;letter-spacing:2.2px;text-align:center;text-shadow:0 1px 12px #101c2c66}
  .scroll-label{white-space:nowrap}.hero-scroll .scroll-circle{width:29px;height:42px;border:1px solid #b4c8dfb3;border-radius:18px;background:#23364a33}
  .scroll-circle svg{width:18px;height:18px;animation:scroll-cue-down 3s cubic-bezier(.25,.6,.3,1) 1.3s infinite}
  .hero-scroll:hover{color:#fff}.hero-scroll:focus-visible{outline:2px solid #d1dfef;outline-offset:5px;border-radius:4px}
  @keyframes scroll-cue-down{0%,60%,100%{transform:translateY(-3px);opacity:.65}76%{transform:translateY(5px);opacity:1}88%{transform:translateY(11px);opacity:0}89%{transform:translateY(-8px);opacity:0}}
  .has-scrolled .scroll-circle svg,.motion-suspended .scroll-circle svg,body.mail-open .scroll-circle svg{animation-play-state:paused}
  .motion-suspended .hero-layout *{animation-play-state:paused!important}
  .motion-lite .hero h1>span,.motion-lite .hero h1>em{animation-duration:.7s}
  .motion-lite .reveal-item{transform:translateY(12px);transition-duration:.45s;transition-delay:0ms}
  .motion-lite .reveal-item.is-revealed,.motion-lite .reveal-item:focus-within{transform:none}
  .motion-lite .press-photo img,.motion-lite .research-visual img{filter:none}
  .motion-lite .press-card:hover .press-photo img{transform:none}
  .motion-lite #mail-login::backdrop,.motion-lite #mail-detail::backdrop{backdrop-filter:none;-webkit-backdrop-filter:none}
}
@media screen and (max-width:640px){.hero-shade{background:linear-gradient(90deg,#172535a3,#1725354a),linear-gradient(0deg,#172334b8,transparent 68%)}}
@media screen and (max-width:1050px){.hero-bottom .image-credit{display:none}}
@media screen and (max-width:640px){.hero-scroll{font-size:9px;letter-spacing:1.8px;gap:10px}.hero-bottom{min-height:64px}}
@media screen and (max-height:600px){.hero-bottom{min-height:48px}.hero-scroll{font-size:8px;gap:7px}.hero-scroll .scroll-circle{height:30px;width:24px}.scroll-circle svg{width:15px;height:15px}.hero-bottom .image-credit{display:none}}
@media screen and (max-height:420px){.motion-ready .hero-bottom{position:absolute;right:20px;bottom:12px;min-height:0;animation:none}.hero-scroll{position:relative;left:auto;bottom:auto;transform:none;flex-direction:row;font-size:7px;letter-spacing:1.1px;padding:0;gap:10px}.hero-scroll .scroll-circle{height:27px;width:21px}}
@media(prefers-reduced-motion:reduce){
  .hero-scroll .scroll-circle,.scroll-circle svg{animation:none}
  .motion-ready .hero-topline,.motion-ready .hero-role,.motion-ready .hero h1>span,.motion-ready .hero h1>em,.motion-ready .hero-description,.motion-ready .hero-actions,.motion-ready .hero-bottom{animation:none}
  .motion-ready .hero-backdrop{transform:none;will-change:auto}
  .motion-ready .reveal-item{opacity:1;transform:none;filter:none;transition:none}
  .hero-name-bridge{display:none!important}.motion-ready.name-in-transit .hero h1,.motion-ready.has-scrolled .hero h1{opacity:1}
  .motion-ready.header-interactive .hero h1{opacity:0}
}