html.hero-entry-ready .hero-carousel:not(.entrance-initialized) .hero-card { opacity:0; visibility:hidden; }
.hero-carousel.is-entering .hero-card { pointer-events:none; }
html.hero-entry-ready .hp-hero-inner:not(.hero-text-initialized) { visibility:hidden; }
.hero-word { display:inline-block; transform-origin:50% 100%; will-change:transform,opacity,filter; }
.hp-hero-inner .hp-h1 { perspective:1000px; }
.hero-card { transform-style:preserve-3d; }
.hero-deck { height:460px; }
.hero-card-number,.hero-controls,.hero-status { display:none!important; }
.hp .hp-hero { padding-top:60px; }
/* Fade into either theme's background without a solid overlay intercepting the cards. */
.hero-carousel {
  max-width:1400px;
  -webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.18) 5%,rgba(0,0,0,.65) 14%,#000 26%,#000 74%,rgba(0,0,0,.65) 86%,rgba(0,0,0,.18) 95%,transparent 100%);
  mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.18) 5%,rgba(0,0,0,.65) 14%,#000 26%,#000 74%,rgba(0,0,0,.65) 86%,rgba(0,0,0,.18) 95%,transparent 100%);
}
@media(max-width:767px) {
  .hp .hp-hero { padding-top:52px; }
  .hero-deck { height:390px; }
}
@media(prefers-reduced-motion:reduce) { .hero-word { will-change:auto; } }

/* Preserve the original flat fan rotation. */
.hero-deck { transform-style:flat; }
.hero-card-link { opacity:1; transition:opacity .3s ease; }
.hero-card:not(.is-active) .hero-card-link { visibility:visible; opacity:0; pointer-events:none; }