/* A single dissolve around the live reader; its scenes never receive transition names. */
::view-transition{background:#fafbf8;pointer-events:none}
::view-transition-group(root),::view-transition-group(formation-wordmark){animation-duration:300ms;animation-timing-function:cubic-bezier(.22,.61,.36,1)}
::view-transition-old(root){animation:formation-page-out 120ms ease-out both;mix-blend-mode:normal}
::view-transition-new(root){animation:formation-page-in 210ms 90ms cubic-bezier(.22,.61,.36,1) both;mix-blend-mode:normal}
::view-transition-old(formation-wordmark),::view-transition-new(formation-wordmark){height:100%;width:100%;object-fit:contain;object-position:left center;animation-duration:300ms;animation-timing-function:ease-out}
@keyframes formation-page-out{to{opacity:0}}
@keyframes formation-page-in{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}
/* The React reader mounts after pagereveal. This noninteractive, temporary copy
   supplies its wordmark to the native snapshot, then yields to the real header. */
.thesis-handoff-brand{display:none}
html[data-handoff-brand] .thesis-handoff-brand{position:fixed;inset:0 0 auto;height:96px;padding:0 clamp(56px,5.4vw,104px);display:flex;align-items:center;pointer-events:none;z-index:31;color:#213333;-webkit-font-smoothing:antialiased}
.thesis-handoff-wordmark{font:450 26px/1.1 'Newsreader Variable',Georgia,serif;letter-spacing:-.025em}
html[data-handoff-brand] .fm-header .fm-brand{visibility:hidden}
@media(min-width:901px) and (max-height:760px){html[data-handoff-brand] .thesis-handoff-brand{height:78px}}
@media(max-width:900px){html[data-handoff-brand] .thesis-handoff-brand{height:70px;padding-inline:24px}.thesis-handoff-wordmark{font-size:23px}}
@media(max-width:480px){html[data-handoff-brand] .thesis-handoff-brand{padding-inline:20px}.thesis-handoff-wordmark{font-size:21px}}
/* Exchange the two wordmark rasters briefly rather than superimposing glyphs
   from different font sizes while their shared box settles. */
::view-transition-old(formation-wordmark){animation:formation-page-out 90ms ease-out both;mix-blend-mode:normal}
::view-transition-new(formation-wordmark){animation:formation-page-in 220ms 80ms ease-out both;mix-blend-mode:normal}