/* Movimiento editorial de la portada. El hero y la intro quedan fuera de este módulo. */
.motion-title .motion-line{
  transform-origin:0 85%;
  will-change:transform,opacity,filter,clip-path;
}

.motion-underline{
  position:relative;
  display:inline-block;
  text-decoration:none;
}
.motion-underline::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-.08em;
  height:max(2px,.045em);
  border-radius:70% 25% 65% 30%;
  background:currentColor;
  opacity:.78;
  transform:scaleX(0) rotate(-1.2deg);
  transform-origin:left center;
}
.motion-underline.is-drawn::after{
  transform:scaleX(1) rotate(-1.2deg);
  transition:transform 950ms var(--precise) var(--underline-delay,0ms);
}
.text-link.motion-underline{border-bottom:0;padding-bottom:7px}
.text-link.motion-underline::after{height:1px;bottom:0;background:var(--gold);opacity:1}

.motion-cover{
  --motion-scale:1;
  --motion-lift:0px;
  overflow:visible;
  transform:translate3d(var(--motion-parallax,0),var(--motion-lift),0) scale(var(--motion-scale));
  transform-origin:center 78%;
  transition-property:transform,filter;
  transition-duration:150ms;
  transition-timing-function:var(--enter);
  will-change:transform;
}
.motion-cover::after{
  transform:scaleX(1);
  transform-origin:center;
  opacity:1;
  transition:transform 1120ms var(--enter),opacity 760ms var(--enter);
}
.motion-cover.motion-entering:not(.motion-settled)::after{transform:scaleX(.42);opacity:.18}
.motion-cover .book-front{overflow:hidden}
.motion-cover .book-front::before{
  content:"";
  position:absolute;
  z-index:2;
  top:-18%;
  bottom:-18%;
  left:-70%;
  width:42%;
  background:linear-gradient(105deg,transparent 0%,#fff0 18%,#fff8 48%,#fff1 64%,transparent 100%);
  filter:blur(1px);
  opacity:0;
  pointer-events:none;
  transform:translate3d(-20%,0,28px) skewX(-13deg);
}
.motion-cover.motion-sheen-run .book-front::before{
  animation:omv-cover-sheen 1080ms var(--precise) both;
}
@keyframes omv-cover-sheen{
  0%{opacity:0;transform:translate3d(-20%,0,28px) skewX(-13deg)}
  18%{opacity:.72}
  70%{opacity:.38}
  100%{opacity:0;transform:translate3d(430%,0,28px) skewX(-13deg)}
}

.shelf-track>article{
  --motion-focus:0;
  --motion-parallax:0px;
  transform-origin:center bottom;
}
.shelf-track>article:focus-within .motion-cover{
  transform:translate3d(var(--motion-parallax,0),calc(var(--motion-lift) - 10px),0) scale(var(--motion-scale));
  filter:drop-shadow(0 20px 15px #0008);
}
@media(hover:hover) and (pointer:fine){
  .shelf-track>article:hover .motion-cover{
    transform:translate3d(var(--motion-parallax,0),calc(var(--motion-lift) - 10px),0) scale(var(--motion-scale));
    filter:drop-shadow(0 20px 15px #0008);
  }
}

@media(prefers-reduced-motion:reduce){
  .motion-title .motion-line{opacity:1!important;transform:none!important;filter:none!important;clip-path:none!important;will-change:auto}
  .motion-underline::after{transform:scaleX(1) rotate(-1.2deg);transition:none}
  .motion-cover{transform:none!important;filter:none!important;transition:none;will-change:auto}
  .motion-cover .book-front::before{display:none}
}