/* Distinct entrances, one slow decorative orbit, immediate interaction feedback. */
:root{--line-motion-out:cubic-bezier(.23,1,.32,1)}
html[data-line-input="pointer"] :is(.button,.question-presets button,.menu-toggle,.filter-row button){transition:transform 140ms var(--line-motion-out),opacity 140ms ease}
html[data-line-input="pointer"] :is(.button,.question-presets button,.menu-toggle,.filter-row button):active:not(:disabled){transform:scale(.975)}
.matrix-line.dashed{transform-box:fill-box;transform-origin:center}
@media(min-width:701px) and (prefers-reduced-motion:no-preference){
  .hero-art{isolation:isolate}
  .hero-art::after{content:"";position:absolute;pointer-events:none;z-index:1;width:88%;aspect-ratio:1;left:6%;top:12%;border:1px dashed #d2bdf76b;border-radius:50%;border-top-color:#f1e3b9b3;border-bottom-color:#d2bdf71a;animation:line-orbit 56s linear infinite;animation-play-state:paused}
  .hero-art[data-orbit-visible="true"]::after{animation-play-state:running}
  html[data-line-motion-paused="true"] .hero-art::after{animation-play-state:paused}
}
@keyframes line-orbit{to{transform:rotate(360deg)}}
@media(hover:hover) and (pointer:fine){
  .product-photo,.story-photo,.article-cover{transition:transform 260ms var(--line-motion-out)}
  .product-tile:hover .product-photo,.article-tile:hover .article-cover{transform:translateY(-4px) scale(1.012)}
  .tile-footer>span:last-child{display:inline-block;transition:transform 180ms var(--line-motion-out)}
  .product-tile:hover .tile-footer>span:last-child{transform:translate(3px,-3px)}
  .text-link::after{display:inline-block;transition:transform 180ms var(--line-motion-out)}
  .text-link:hover::after{transform:translate(2px,-2px)}
}
.toast{transition:opacity 180ms var(--line-motion-out),transform 180ms var(--line-motion-out)}
@starting-style{.toast:not([hidden]){opacity:0;transform:translateY(8px)}}
html[data-line-input="keyboard"] *,html[data-line-input="keyboard"] *::before,html[data-line-input="keyboard"] *::after{animation-duration:0s!important;transition-duration:0s!important;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){
  .product-photo,.story-photo,.article-cover,.text-link::after,.tile-footer>span:last-child,.toast,.button{transform:none!important;transition:opacity 100ms ease!important}
  .hero-art::after{display:none!important}
}
@media print{[data-line-motion]{transform:none!important;opacity:1!important}.hero-art::after{display:none!important}}
@media(prefers-reduced-motion:reduce){.tarot-card,.tarot-card:hover{transform:none!important;transition:none!important}}

/* Touch must never retain desktop hover lifts after a tap. */
@media(hover:none){.tarot-card:hover,.product-tile:hover .product-photo,.article-tile:hover .article-cover{transform:none}}
.form-panel:focus-within{scroll-margin-top:100px}