/* Scroll effects are progressive enhancement: content stays visible without JS. */
html{scroll-padding-top:100px}
[data-reveal]{scroll-margin-top:110px}
html.motion-ready [data-reveal].motion-pending{opacity:0;transform:translate3d(var(--ast-enter-x,0),var(--ast-enter-y,28px),0);}
html.motion-ready [data-reveal]{transition:opacity var(--ast-reveal-time,.72s) cubic-bezier(.2,.7,.2,1),transform var(--ast-reveal-time,.72s) cubic-bezier(.18,.7,.2,1),box-shadow .28s ease,border-color .25s ease;transition-delay:var(--ast-delay,0ms)}
html.motion-ready [data-reveal].motion-visible{opacity:1;transform:translate3d(0,0,0)}
html.motion-ready [data-reveal][data-enter="left"]{--ast-enter-x:-56px;--ast-enter-y:0}
html.motion-ready [data-reveal][data-enter="right"]{--ast-enter-x:56px;--ast-enter-y:0}
html.motion-ready [data-reveal][data-enter="up"]{--ast-enter-x:0;--ast-enter-y:44px}
html.motion-ready [data-reveal][data-enter="down"]{--ast-enter-x:0;--ast-enter-y:-44px}
html.motion-ready [data-reveal][data-enter="left"].motion-visible,html.motion-ready [data-reveal][data-enter="right"].motion-visible{--ast-enter-x:0}
html.motion-ready [data-reveal][data-enter="up"].motion-visible,html.motion-ready [data-reveal][data-enter="down"].motion-visible{--ast-enter-y:0}
html.motion-ready [data-reveal][data-delay="1"]{--ast-delay:60ms}
html.motion-ready [data-reveal][data-delay="2"]{--ast-delay:120ms}
html.motion-ready [data-reveal][data-delay="3"]{--ast-delay:180ms}
/* Glow through shadows and borders so it doesn't interfere with the reveal transform. */
.glass,.destination-card,.cat-card,.journal-feature,.thought-card,.method,.faq-item,.button,.subject-chip,.filter-chip,.path-option,.resource-tab{transition-property:box-shadow,border-color,filter,background-color,transform;transition-duration:.3s;transition-timing-function:ease}
@media (hover:hover) and (pointer:fine){
  .destination-card:hover,.cat-card:hover,.journal-feature:hover,.thought-card:hover,.method:hover,.glass:hover{
    box-shadow:0 16px 46px rgba(12,4,29,.53),0 0 0 1px rgba(244,109,238,.36),0 0 34px rgba(146,69,255,.26)!important;
    border-color:rgba(245,130,238,.48)!important;
  }
  .button:hover,.subject-chip:hover,.filter-chip:hover,.resource-tab:hover,.path-option:hover{
    box-shadow:0 0 0 1px rgba(245,130,238,.4),0 0 26px rgba(181,69,255,.35);
  }
  a:focus-visible,button:focus-visible{box-shadow:0 0 0 4px rgba(88,233,245,.28)}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}html.motion-ready [data-reveal]{opacity:1!important;transform:none!important;transition:none!important}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}
body.motion-off [data-reveal]{opacity:1!important;transform:none!important;transition:none!important}
@media (forced-colors:active){.destination-card:hover,.cat-card:hover,.glass:hover{outline:2px solid Highlight}}