/* Small, scoped interactions. Scroll and quiz reveals are progressive JS enhancements. */
@media(prefers-reduced-motion:no-preference){
 .oct-concept .oct-book-cover img,.oct-concept .oct-design img,.oct-concept .oct-wallpaper img{transition:transform .4s cubic-bezier(.2,.75,.25,1),filter .4s ease}
 .oct-concept .oct-button{transition:color .2s,border-color .2s,background .2s}
 .oct-concept .oct-button>span{display:inline-block;transition:transform .25s ease}
 .oct-concept .oct-button:hover>span{transform:translateY(3px)}
 @media(hover:hover) and (pointer:fine){
  .oct-concept .oct-book-cover:hover img{transform:translateY(-5px) rotate(-1deg);filter:drop-shadow(0 12px 18px #08020b66)}
  .oct-concept .oct-design:hover img,.oct-concept .oct-wallpaper:hover img{transform:translateY(-5px)}
 }
}
@media(prefers-reduced-motion:reduce){.oct-concept .oct-twinkle{animation:none!important}.oct-concept .oct-book-cover img,.oct-concept .oct-design img,.oct-concept .oct-wallpaper img,.oct-concept .oct-button,.oct-concept .oct-button>span{transition:none!important}}