/* Progressive enhancement: content stays usable without JavaScript. */
html{background:var(--paper)}
:root{--settle-ease:cubic-bezier(.22,1,.36,1)}
@keyframes epona-settle{from{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}
@keyframes epona-image-arrive{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
@keyframes epona-menu-arrive{from{opacity:0;translate:0 -5px}to{opacity:1;translate:0 0}}
@keyframes epona-page-out{to{opacity:0}}
@keyframes epona-page-in{from{opacity:0}to{opacity:1}}

@media(prefers-reduced-motion:no-preference){
  @view-transition{navigation:auto}
  .site-header{view-transition-name:epona-navigation}
  .mobile-contact{view-transition-name:epona-contact}
  ::view-transition-group(root){animation-duration:420ms}
  ::view-transition-old(root){animation:epona-page-out 180ms ease-out both;mix-blend-mode:normal}
  ::view-transition-new(root){animation:epona-page-in 420ms var(--settle-ease) both;mix-blend-mode:normal}
  ::view-transition-group(epona-navigation),::view-transition-group(epona-contact){animation:none}
  ::view-transition-old(epona-navigation),::view-transition-old(epona-contact){display:none}
  ::view-transition-new(epona-navigation),::view-transition-new(epona-contact){animation:none;mix-blend-mode:normal}

  :is(.hero-copy,.corporate-hero-grid>div:first-child,.inner-hero-grid>div:first-child,.editorial-intro,.journal-header)>:is(.eyebrow,h1,.lead,p,.actions,.hero-reassurance,.inner-checks),
  .contact-intro>:is(.eyebrow,h1,.lead,.contact-benefits){animation:epona-settle 720ms var(--settle-ease) both;animation-delay:var(--entry-delay,60ms)}
  :is(.hero-copy,.corporate-hero-grid>div:first-child,.inner-hero-grid>div:first-child,.editorial-intro,.journal-header,.contact-intro)>h1{--entry-delay:110ms}
  :is(.hero-copy,.corporate-hero-grid>div:first-child,.inner-hero-grid>div:first-child,.editorial-intro,.journal-header,.contact-intro)>:is(.lead,p){--entry-delay:190ms}
  :is(.hero-copy,.corporate-hero-grid>div:first-child,.inner-hero-grid>div:first-child,.contact-intro)>:is(.actions,.contact-benefits){--entry-delay:270ms}
  :is(.hero-copy,.inner-hero-grid>div:first-child)>:is(.hero-reassurance,.inner-checks){--entry-delay:320ms}
  .hero-visual,.corporate-hero-grid>.identity-panel,.corporate-hero-grid>figure,.inner-hero-grid>.inner-photo,.contact-form{animation:epona-image-arrive 850ms var(--settle-ease) 150ms both}

  [data-reveal-pending]{opacity:0}
  [data-reveal-pending]:focus-within{opacity:1}
  .nav-drop[open] .drop-panel,.mobile-nav:not([hidden]){animation:epona-menu-arrive 240ms var(--settle-ease) both}
  .button .icon,.text-link .icon{transition:translate 240ms var(--settle-ease)}
  @media(hover:hover){.button:hover .icon,.text-link:hover .icon{translate:3px 0}}
}

@media(prefers-reduced-motion:reduce){
  @view-transition{navigation:none}
  [data-reveal-pending]{opacity:1!important}
  ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}
}
@media print{
  [data-reveal-pending]{opacity:1!important}
  *,*::before,*::after{animation:none!important;transition:none!important}
}
