.lw-offscreen *,.lw-offscreen::before,.lw-offscreen::after,.lw-page-hidden *{animation-play-state:paused!important}
@media(hover:none) and (pointer:coarse){
  .hero-email-capture,.focus-card-label,.gesture-privacy-status,.tarot-reading-dialog,.site-header.absolute .brand-lockup,.project-display-header .brand-lockup{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
  .lw-constrained-device .ring-card img{filter:none}
  .lw-constrained-device .ring-card.focused img{filter:brightness(1.04) saturate(1.01)}
.ring-card,.ring-card img{transition:none!important}
.ring-card{filter:none!important;will-change:transform!important}
.ring-card.focused img{animation:none!important}
.lotus-geometry{filter:none!important}
}
@media(max-width:700px){
  .lw-constrained-device .home-star-stage,.lw-constrained-device .home-card-orbit,.lw-constrained-device .wanderer-star-film{animation:none!important}
  .lw-constrained-device .home-card-orbit::before,.lw-constrained-device .home-card-orbit::after,.lw-constrained-device .wanderer-star-film::before{animation:none!important}
}
@media(prefers-reduced-motion:reduce){
  .hero-motion,.tarot-major-motion,.threshold-motion,.product-world-motion video{display:none!important}
}

/* Preserve orientation throughout the slot entrance animation. */
.ritual-slot-mat img{
  --lw-card-orientation:0deg;
  animation-name:lw-slot-arrive;
}
.ritual-slot-mat img.reversed{
  --lw-card-orientation:180deg;
}
.result-card-mat img.reversed{
  transform:rotate(180deg);
}
@keyframes lw-slot-arrive{
  0%{
    opacity:0;
    transform:translateY(-34px) scale(.78) rotate(var(--lw-card-orientation));
  }
  to{
    opacity:1;
    transform:rotate(var(--lw-card-orientation));
  }
}

/* Give the interpretation the same measured inset as a printed guidebook. */
.reading-result-grid .card-meaning{
  padding:34px clamp(18px,2vw,28px) 4px;
}
.reading-result-grid .card-meaning-heading{
  padding-right:4px;
  padding-left:4px;
}
.reading-result-grid .card-meaning dl>div{
  padding:21px 4px 22px;
}
.reading-result-grid .card-meaning .card-reflection{
  margin-top:12px;
  padding:22px 16px 23px;
}
@media(max-width:780px){
  .reading-result-grid .card-meaning{
    padding:34px 24px 4px;
  }
  .reading-result-grid .card-meaning dl>div{
    padding-top:22px;
    padding-bottom:23px;
  }
}
@media(max-width:560px){
  .reading-result-grid .card-meaning{
    padding-right:20px;
    padding-left:20px;
  }
  .reading-result-grid .card-meaning-heading{
    padding-right:2px;
    padding-left:2px;
  }
}