/* Progressive, editorial motion; content remains visible without JavaScript. */
:root{--motion-ease:cubic-bezier(.22,1,.36,1)}
html{scroll-behavior:smooth}
body.motion-ready [data-reveal]{opacity:0;transform:translate3d(0,22px,0);transition:opacity .72s var(--motion-ease),transform .72s var(--motion-ease);transition-delay:var(--reveal-delay,0ms);will-change:opacity,transform}
body.motion-ready [data-reveal="left"]{transform:translate3d(-22px,0,0)}
body.motion-ready [data-reveal="right"]{transform:translate3d(22px,0,0)}
body.motion-ready [data-reveal].is-visible{opacity:1;transform:translate3d(0,0,0);will-change:auto}
.hero h1,.guides-simple-hero h1,.guide-article-hero h1{animation:headline-in .85s var(--motion-ease) both}
.hero p,.guides-simple-hero>div>p,.guide-article-hero .guide-dek{animation:copy-in .8s .1s var(--motion-ease) both}
.guide-search-wrap{animation:copy-in .8s .18s var(--motion-ease) both}
.button,.nav-cta,.guide-feed-card,.guide-related-links a,.guide-workshop-promo a{transition:transform .25s var(--motion-ease),box-shadow .25s ease,border-color .25s ease,background-color .25s ease}
.button:hover,.nav-cta:hover,.guide-workshop-promo a:hover{transform:translateY(-2px)}
.guide-feed-card:hover{transform:translateY(-5px);box-shadow:0 20px 42px rgba(13,43,31,.12)}
.guide-feed-card:hover .guide-card-art strong{transform:translateY(-2px)}
.guide-card-art strong{display:block;transition:transform .35s var(--motion-ease)}
.guide-suggestions:not([hidden]){transform-origin:top;animation:suggestions-in .18s var(--motion-ease) both}
.guide-suggestions a{transition:background-color .15s ease,padding-left .2s var(--motion-ease)}
.guide-suggestions a:hover,.guide-suggestions a.active{padding-left:22px}
@keyframes headline-in{from{opacity:0;transform:translate3d(0,18px,0)}to{opacity:1;transform:none}}
@keyframes copy-in{from{opacity:0;transform:translate3d(0,12px,0)}to{opacity:1;transform:none}}
@keyframes suggestions-in{from{opacity:0;transform:translateY(-5px) scaleY(.98)}to{opacity:1;transform:none}}
@media(max-width:800px){body.motion-ready [data-reveal]{transform:translate3d(0,14px,0);transition-duration:.55s}.guide-feed-card:hover{transform:none;box-shadow:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}body.motion-ready [data-reveal]{opacity:1!important;transform:none!important}}