:root{--reveal-distance:32px;--ease-out:cubic-bezier(.22,1,.36,1)}

a:focus-visible,button:focus-visible,.button:focus-visible,.menu:focus-visible,
.hero-arrow:focus-visible,.hero-dot:focus-visible,.back-top:focus-visible,
.subnav a:focus-visible,.pager a:focus-visible,.header-cta:focus-visible{
  outline:1px solid var(--champagne);outline-offset:4px;
}

[data-reveal]{
  opacity:0;transform:translateY(var(--reveal-distance));
  transition:opacity .9s var(--ease-out),transform .9s var(--ease-out);
}
[data-reveal].is-in{opacity:1;transform:none}
[data-reveal-stagger] > *{
  opacity:0;transform:translateY(20px);
  transition:opacity .65s var(--ease-out),transform .65s var(--ease-out);
}
[data-reveal-stagger].is-in > *{opacity:1;transform:none}
[data-reveal-stagger].is-in > *:nth-child(1){transition-delay:.05s}
[data-reveal-stagger].is-in > *:nth-child(2){transition-delay:.12s}
[data-reveal-stagger].is-in > *:nth-child(3){transition-delay:.19s}
[data-reveal-stagger].is-in > *:nth-child(4){transition-delay:.26s}
[data-reveal-stagger].is-in > *:nth-child(5){transition-delay:.33s}
[data-reveal-stagger].is-in > *:nth-child(n+6){transition-delay:.4s}

.subnav{
  position:sticky;top:var(--header-h,78px);z-index:40;
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  background:rgba(248,246,243,.92);
}
.hero-slider{touch-action:pan-y}
.article-body,.article-content{scroll-margin-top:100px}

@media(max-width:1024px){
  .subnav{top:var(--header-h,68px)}
  .subnav a{min-height:44px;display:inline-flex;align-items:center}
}

@media(prefers-reduced-motion:reduce){
  [data-reveal],[data-reveal-stagger] > *{
    opacity:1!important;transform:none!important;transition:none!important;
  }
}