/* Motion enhances the supplied design without changing its resting composition. */
:root{--motion-ease:cubic-bezier(.22,1,.36,1)}
[data-motion-enter].enter-pending{opacity:0;translate:0 18px}
[data-motion-enter].enter-seen{opacity:1;translate:0 0;transition:opacity .65s ease,translate .9s var(--motion-ease);transition-delay:var(--enter-delay,0ms)}
.hero h1>span.hero-enter{animation:original-hero-enter 1s var(--motion-ease) both}
.hero h1>span.hero-enter:nth-child(2){animation-delay:130ms}
@keyframes original-hero-enter{from{opacity:0;translate:0 25px;clip-path:inset(100% -2% -10%)}to{opacity:1;translate:0 0;clip-path:inset(-10% -2% -10%)}}
.count-visual{display:inline-block;font-variant-numeric:tabular-nums}
.v.is-counting{color:var(--red);transition:color .3s}
.v.count-complete{transition:color .6s}
.original-marquees-ready .marq-track,.original-marquees-ready .row-track{animation:none;will-change:transform}
.original-marquees-ready .marq{overscroll-behavior-x:contain}
.footer-logo{display:flex;align-items:center;width:min(100%,440px);min-height:44px;padding-block:5px}.footer-logo img{width:100%;height:auto}
.btn{transition:background .2s,color .2s,transform .3s var(--motion-ease)}
.card .ph img{transition:transform .8s var(--motion-ease)}
.contact-links a{transition:background .2s}
@media(hover:hover){.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}a.card:hover .ph img{transform:scale(1.035)}}
.contact-links a:focus-visible{background:var(--panel-2)}
@media(max-width:520px){
  .pod-word{font-size:clamp(48px,17vw,84px)}
  .book-grid>*,.foot nav{min-width:0}
  .contact-links a{flex-wrap:wrap;overflow-wrap:anywhere}
  .foot nav a{overflow-wrap:anywhere}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  [data-motion-enter].enter-pending{opacity:1;translate:none}
  [data-motion-enter],.hero h1>span.hero-enter,.btn,.card .ph img,.v{animation:none!important;transition:none!important;translate:none!important}
  .btn:hover,a.card:hover .ph img{transform:none}
  .original-marquees-ready .marq-track,.original-marquees-ready .row-track{transform:none!important;will-change:auto}
  .marq{overflow-x:auto;scrollbar-width:none;touch-action:pan-x pan-y}
  .marq::-webkit-scrollbar{display:none}
  .marq [aria-hidden="true"]{display:none}
}
