.hva .hm-film{background:var(--logo-plate);position:relative}.hva .hm-film-plate{padding-block:var(--hva-p4);color:var(--on-dark);background-color:var(--white);background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);clip-path:polygon(var(--hva-chamfer) 0, 100% 0, 100% calc(100% - var(--hva-chamfer)), calc(100% - var(--hva-chamfer)) 100%, 0 100%, 0 var(--hva-chamfer));background-position:top;background-size:80px 80px}.hva .hm-film-head .hva-intro{max-width:30rem}.hva .hm-film-beats{border-block:1px solid var(--hva-rule);letter-spacing:.14em;text-transform:uppercase;color:var(--on-dark);flex-wrap:wrap;align-items:center;margin:24px 0 0;padding:14px 0;font-size:13px;font-weight:700;list-style:none;display:flex}.hva .hm-film-beats li+li:before{content:"";background:var(--accent);vertical-align:middle;width:5px;height:5px;margin:0 14px 2px;display:inline-block}.hva .hm-film-tiles{gap:clamp(28px,3vw,40px);margin:0;padding:0;list-style:none;display:grid}.hva .hm-film-tiles.is-many{row-gap:40px}@media (min-width:640px){.hva .hm-film-tiles.is-many{grid-template-columns:repeat(2,minmax(0,1fr))}}.hva .hm-film-tile{position:relative}.hva .hm-film-poster{aspect-ratio:16/9;background:var(--dark);width:100%;color:var(--on-dark);font:inherit;text-align:left;cursor:pointer;border:0;padding:0;display:block;position:relative;overflow:hidden}.hva .hm-film-tiles:not(.is-many) .hm-film-poster{max-height:calc(100svh - var(--header-h) - 64px);min-height:200px}.hva .hm-film-poster img{object-fit:cover;object-position:50% 60%;width:100%;height:100%;transition:scale .9s var(--hva-ease);display:block;position:absolute;inset:0}.hva .hm-film-scrim{pointer-events:none;background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--dark) 42%, transparent) 0, transparent 34%), linear-gradient(to top, color-mix(in srgb, var(--dark) 82%, transparent) 0, transparent 42%);transition:opacity .4s;position:absolute;inset:0}.hva .hm-film-play{z-index:1;aspect-ratio:1;background:var(--accent);width:clamp(84px,8.4vw,128px);color:var(--dark);box-shadow:0 0 0 10px color-mix(in srgb, var(--accent) 22%, transparent), 0 18px 48px -12px color-mix(in srgb, var(--dark) 70%, transparent);transition:scale .3s var(--hva-ease), box-shadow .3s;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%}.hva .hm-film-play svg{width:38%;height:38%;translate:6%}.hva .hm-film-play:after{content:"";border:1.5px solid var(--accent);opacity:0;pointer-events:none;border-radius:50%;position:absolute;inset:-10px}.hva .hm-film-label{z-index:1;gap:4px;padding:clamp(18px,2.4vw,32px);display:grid;position:absolute;bottom:0;left:0}.hva .hm-film-label b{letter-spacing:.08em;text-transform:uppercase;font-size:clamp(15px,1.25vw,18px);font-weight:800}.hva .hm-film-label span{letter-spacing:.04em;font-variant-numeric:tabular-nums;color:var(--hva-text-d);font-size:14px;font-weight:600}.hva .hm-film-poster:hover img,.hva .hm-film-poster:focus-visible img{scale:1.03}.hva .hm-film-poster:hover .hm-film-play,.hva .hm-film-poster:focus-visible .hm-film-play{box-shadow:0 0 0 14px color-mix(in srgb, var(--accent) 26%, transparent), 0 0 48px 6px color-mix(in srgb, var(--accent) 45%, transparent);scale:1.06}.hva .hm-film-poster:focus-visible{outline:3px solid var(--accent);outline-offset:4px}@media (min-width:640px){.hva .hm-film-tiles.is-many .hm-film-play{width:clamp(64px,6vw,96px)}}@media (max-width:639px){.hva .hm-film-tiles:not(.is-many) .hm-film-poster{aspect-ratio:4/3}.hva .hm-film-beats{letter-spacing:.12em;margin-top:20px;font-size:12px}.hva .hm-film-beats li+li:before{margin-inline:10px}.hva .hm-film-play{width:72px;box-shadow:0 0 0 7px color-mix(in srgb, var(--accent) 22%, transparent)}.hva .hm-film-label{gap:2px;padding:14px 16px}.hva .hm-film-label b{font-size:13px}.hva .hm-film-label span{font-size:12px}}@media (prefers-reduced-motion:no-preference){.hva .hm-film-play:after{animation:hm-ping 2.8s var(--hva-ease) infinite}.hva .hm-film-dialog .hm-end{animation:.4s both hm-fade}}@keyframes hm-ping{0%{opacity:.8;scale:.92}70%,to{opacity:0;scale:1.28}}@keyframes hm-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.hva .hm-film-poster img,.hva .hm-film-play{transition:none}.hva .hm-film-poster:hover img,.hva .hm-film-poster:focus-visible img{scale:1}}.hva .hm-film-inline{aspect-ratio:16/9;background:var(--dark);width:100%;position:relative}.hva .hm-film-inline video{object-fit:contain;background:var(--dark);width:100%;height:100%;display:block;position:absolute;inset:0}.hva .hm-film-inline video:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.hva .hm-tile-end{z-index:2;text-align:center;background:color-mix(in srgb, var(--dark) 78%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);align-content:center;justify-items:center;gap:16px;padding:16px;display:grid;position:absolute;inset:0}.hva .hm-tile-end-kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);gap:8px;margin:0;font-size:13px;font-weight:600;display:inline-flex}.hva .hm-tile-end-kicker:before{content:"["}.hva .hm-tile-end-kicker:after{content:"]"}.hva .hm-tile-end-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.hva .hm-tile-end-actions .btn-primary{color:var(--dark)}@media (prefers-reduced-motion:no-preference){.hva .hm-tile-end{animation:.4s both hm-fade}}.hva .hm-film-play{box-shadow:0 0 0 4px color-mix(in srgb, var(--dark) 55%, transparent), 0 0 0 10px color-mix(in srgb, var(--accent) 22%, transparent)}@media (min-width:640px){.hva .hm-film-tiles.is-many{column-gap:clamp(56px,6vw,80px)}}@media (max-width:1023px){.hva .hm-film-tiles.is-many .hm-film-play{width:56px;top:42%}}@media (max-width:639px){.hva .hm-film-play{width:56px;box-shadow:0 0 0 3px color-mix(in srgb, var(--dark) 55%, transparent), 0 0 0 7px color-mix(in srgb, var(--accent) 20%, transparent);top:42%}}
