/* Movie Blocks v1.0.0 by Elegant Division / z10n.
   Reference: https://codepen.io/z10n/pen/Vjogby
   Original poster layers, colors, proportions and transition timings;
   scoped to the home section, with narrow-screen and reduced-motion support. */
#slHomeToday {
    isolation: isolate;
    position: relative;
    width: 100%;
    margin: 0;
    padding: 48px 20px 60px;
    color: rgba(0, 0, 0, .7);
    background: #ffe383;
    font: 400 15px/normal 'Asap', sans-serif;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: normal;
}
#slHomeToday,
#slHomeToday *,
#slHomeToday *::before,
#slHomeToday *::after { box-sizing: border-box; }
#slHomeToday * { margin: 0; padding: 0; }
#slHomeToday .sl-home-today__content { width: 610px; max-width: 100%; margin: 0 auto; }
#slHomeToday .sl-home-today__eyebrow { color: rgba(0, 0, 0, .3); font: inherit; }
#slHomeToday,
#slHomeToday h2,
#slHomeToday .sl-today-movie { font-family: 'Asap', sans-serif !important; }
#slHomeToday h2 { margin: 0 0 20px; color: inherit; font: 700 1.5em/normal 'Asap', sans-serif; letter-spacing: normal; }
#slHomeToday .sl-home-today__movies { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2%; align-items: start; }
#slHomeToday .sl-today-movie {
    --sl-today-color: #616f75;
    appearance: none;
    display: block;
    position: relative;
    width: 100%;
    min-width: 0;
    min-height: 11em;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    overflow: hidden;
    color: #edcb59;
    background: #616f75;
    box-shadow: none;
    font: 400 16px/normal 'Asap', sans-serif;
    letter-spacing: normal;
    text-align: left;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    touch-action: manipulation;
}
#slHomeToday .sl-today-movie--blue { --sl-today-color: #1378b4; }
#slHomeToday .sl-today-movie--orange { --sl-today-color: #ff6f0e; }
#slHomeToday .sl-today-movie--green { --sl-today-color: #0bc651; }
#slHomeToday .sl-today-movie span { display: block; }
#slHomeToday .sl-today-movie__genre,
#slHomeToday .sl-today-movie__main,
#slHomeToday .sl-today-movie__main-inner,
#slHomeToday .sl-today-movie__extra,
#slHomeToday .sl-today-movie__extra-inner,
#slHomeToday .sl-today-movie__big-hours { position: absolute; width: 100%; left: 0; }
#slHomeToday .sl-today-movie__genre,
#slHomeToday .sl-today-movie__main-inner,
#slHomeToday .sl-today-movie__big-hours,
#slHomeToday .sl-today-movie__extra-inner { padding-right: 10px; padding-left: 10px; }
#slHomeToday .sl-today-movie__genre {
    z-index: 4;
    height: 2.25em;
    top: -2.25em;
    padding-top: 2.25em;
    overflow: hidden;
    color: #fff;
    background: rgba(60, 60, 60, .2);
    transition: top .25s cubic-bezier(.22, .61, .36, 1), padding .25s cubic-bezier(.22, .61, .36, 1) .25s;
}
#slHomeToday .sl-today-movie__main {
    z-index: 3;
    top: 0;
    bottom: -.875em;
    overflow: hidden;
    background: rgba(60, 60, 60, .6);
    border-bottom: 2.125em solid var(--sl-today-color);
    transition: bottom .4166667s cubic-bezier(.17, .84, .44, 1) .0833333s, border-bottom .3333333s cubic-bezier(.39, .58, .57, 1) .1666667s;
}
#slHomeToday .sl-today-movie__main-inner { bottom: .875em; transition: bottom .5s ease-out; }
#slHomeToday .sl-today-movie__hours { margin-bottom: .1em; font-size: 2.4em; }
#slHomeToday .sl-today-movie__big-hours {
    z-index: 2;
    bottom: -.536em;
    font-size: 2.8em;
    color: #fff;
    transition: bottom .1666667s ease-out;
}
#slHomeToday .sl-today-movie__extra {
    z-index: 4;
    height: 1.25em;
    bottom: 0;
    overflow: hidden;
    border-top: 0 solid #fff;
    background: var(--sl-today-color);
    transition: height .5s cubic-bezier(.17, .84, .44, 1);
}
#slHomeToday .sl-today-movie__extra-inner {
    height: 3.526em;
    bottom: 4.105em;
    font-size: 1.2em;
    line-height: 1em;
    transition: bottom .5s ease-out .0833333s;
}
#slHomeToday .sl-today-movie__extra-inner .sl-today-movie__title { color: #fff; }
#slHomeToday .sl-today-movie__extra-inner .sl-today-movie__subtitle { margin-top: .15em; color: rgba(0, 0, 0, .35); }
#slHomeToday .sl-today-movie__cover { height: 100%; transition: transform .5s ease-out; }
#slHomeToday .sl-today-movie__cover img { display: block; width: 100%; max-width: none; height: auto; border: 0; border-radius: 0; }
#slHomeToday .sl-today-movie:is(:hover, :focus) .sl-today-movie__genre { top: 0; padding-top: .75em; transition-delay: .5s, .5882353s; }
#slHomeToday .sl-today-movie:is(:hover, :focus) .sl-today-movie__main { bottom: 100%; border-bottom-width: 0; }
#slHomeToday .sl-today-movie:is(:hover, :focus) .sl-today-movie__main-inner { bottom: -30em; }
#slHomeToday .sl-today-movie:is(:hover, :focus) .sl-today-movie__extra { height: 4.625em; animation: sl-today-border-bounce .5s ease; }
#slHomeToday .sl-today-movie:is(:hover, :focus) .sl-today-movie__extra-inner { bottom: 0; }
#slHomeToday .sl-today-movie:is(:hover, :focus) .sl-today-movie__big-hours { bottom: 1.652em; transition-duration: .5s; transition-delay: .0833333s; }
#slHomeToday .sl-today-movie:is(:hover, :focus) .sl-today-movie__cover { transform: translateY(-1.25em); }
#slHomeToday .sl-today-movie:focus-visible { outline: 3px solid #303730; outline-offset: 4px; }
@keyframes sl-today-border-bounce {
    0%, 100% { border-top-width: 0; }
    50% { border-top-width: 8px; }
}
@media (max-width: 600px) {
    #slHomeToday .sl-home-today__content { width: 400px; }
    #slHomeToday .sl-home-today__movies { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 12px; }
}
@media (max-width: 420px) {
    #slHomeToday .sl-home-today__content { width: 260px; }
    #slHomeToday .sl-home-today__movies { grid-template-columns: minmax(0, 1fr); gap: 20px; }
}
@media (prefers-reduced-motion: reduce) {
    #slHomeToday .sl-today-movie * { transition: none !important; animation: none !important; }
}