/* The motif stays fixed; its transparent edges spread out across the page. */
#page-reveal{display:none}
html.reveal-pending #page-reveal{display:block;position:fixed;inset:0;z-index:1000;overflow:hidden;touch-action:pan-y;cursor:default}
.page-reveal-veil{display:block;width:100%;height:100%;position:absolute;inset:0}
html.reveal-pending .site-header,
html.reveal-pending .hero-content,
html.reveal-pending .hero-meta{opacity:0}
html.reveal-arriving .site-header{animation:reveal-content-in .5s ease both}
html.reveal-arriving .hero-eyebrow{animation:reveal-content-in .65s var(--ease) .04s both}
html.reveal-arriving .hero-line{display:block;animation:reveal-content-in .75s var(--ease) both}
html.reveal-arriving .hero-line:nth-child(1){animation-delay:.09s}
html.reveal-arriving .hero-line:nth-child(2){animation-delay:.17s}
html.reveal-arriving .hero-line:nth-child(3){animation-delay:.25s}
html.reveal-arriving .hero-summary{animation:reveal-content-in .65s var(--ease) .29s both}
html.reveal-arriving .hero-cta{animation:reveal-content-in .65s var(--ease) .33s both}
html.reveal-arriving .hero-secondary{animation:reveal-content-in .65s var(--ease) .36s both}
html.reveal-arriving .hero-meta{animation:reveal-content-in .65s var(--ease) .36s both}
@keyframes reveal-content-in{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){
  html.reveal-pending::before,html.reveal-pending #page-reveal{display:none!important}
  html.reveal-pending .site-header,html.reveal-pending .hero-content,html.reveal-pending .hero-meta{opacity:1}
  html.reveal-arriving *{animation:none!important}
}
@media print{html.reveal-pending::before,html.reveal-pending #page-reveal{display:none!important}}