/* Artist-requested compact index: small previews, no poster-sized headlines. */
#motion .section-top{margin:30px 0 22px;align-items:center}
#motion .section-top h2{font-size:34px;letter-spacing:-.04em;margin:12px 0 0}
#motion .section-top>p{font-size:11px;max-width:350px}
#motion .cinema-toolbar{margin-bottom:12px;gap:14px}
#motion .filter-chip{padding:8px 10px;min-height:32px;font-size:8px}
#motion .cinema-search{min-height:36px;padding:0 12px}
.cinema-collection-jumps{margin:14px 0;gap:22px;font-size:9px}
.cinema-collection{margin:24px 0 0;padding-top:15px}
.cinema-collection-heading h3{font:500 12px/1.4 'Space Grotesk',Arial,sans-serif;letter-spacing:.12em;margin:0}
.cinema-collection-total{font-size:9px}
.cinema-collection-intro{font-size:10px;line-height:1.5;margin:8px 0 12px}
.cinema-featured{display:none}
#videos-list .video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px}
#videos-list .cinema-tile,#videos-list .cinema-tile-wide{display:grid;grid-template-columns:64px minmax(0,1fr);column-gap:9px;align-items:start;aspect-ratio:auto;min-height:0;grid-column:auto;padding:10px 0;border:0;border-bottom:1px solid #ffffff20;background:transparent;text-align:left}
#videos-list .cinema-poster{position:relative;inset:auto;width:64px;height:36px;aspect-ratio:16/9;align-self:start;margin-top:2px;box-shadow:none}
#videos-list .cinema-fallback-mark{font-size:16px}
#videos-list .cinema-fallback-wave{animation:none;box-shadow:none}
#videos-list .cinema-image-overlay{background:#0001}
#videos-list .cinema-image{transform:none;filter:grayscale(1) contrast(1.05) brightness(.9)!important}
#videos-list .cinema-tile-label{position:relative;inset:auto;padding:0;min-width:0;display:flex;flex-direction:column;gap:5px;align-items:flex-start;justify-content:flex-start}
#videos-list .cinema-tile-title{font:400 11px/1.4 'Space Grotesk',Arial,sans-serif;letter-spacing:0;margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#ddd}
.cinema-tile-description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font:400 9px/1.5 Arial,sans-serif;color:#999;letter-spacing:0}
#videos-list .cinema-card-meta{font-size:8px;line-height:1.4;gap:5px;color:#888}
#videos-list .cinema-index,#videos-list .cinema-dot,#videos-list .cinema-tile-footer{display:none}
#videos-list .cinema-duration{margin-left:0}
#videos-list .cinema-event{display:none}
.cinema-collection-more{font-size:9px;padding:10px 15px;margin-top:16px}
@media(max-width:1100px){#videos-list .video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}}
@media(max-width:620px){#motion .section-top h2{font-size:28px}#motion .section-top{margin:24px 0 20px}.cinema-collection-heading h3{font-size:11px}#videos-list .video-grid{grid-template-columns:1fr}#videos-list .cinema-tile,#videos-list .cinema-tile-wide{grid-template-columns:56px minmax(0,1fr);column-gap:9px;padding:9px 0}#videos-list .cinema-poster{width:56px;height:32px}#videos-list .cinema-tile-title{font-size:11px}.cinema-tile-description{font-size:10px}}
#bio-text{white-space:pre-line;max-width:640px;font-size:16px;line-height:1.9;position:relative;opacity:1}
.cinema-provider,.cinema-channel{font-size:8px;color:#c3c9cc;letter-spacing:.08em}
.film-dialog #youtube-player{width:100%;max-height:56svh;aspect-ratio:16/9;background:#050607;display:grid;grid-template-columns:1fr;grid-template-rows:1fr auto}
.film-dialog #youtube-player[hidden]{display:none}
.film-dialog #youtube-player iframe{display:block;width:100%;height:100%;min-height:260px;border:0;background:#050607}
.youtube-fallback{justify-self:end;padding:10px 0;color:#d7dddf;font:400 10px 'Space Grotesk',Arial,sans-serif;letter-spacing:.1em;text-decoration:none}
.youtube-fallback:hover{text-decoration:underline}
.bio-matrix-active{animation:bio-materialise 2.2s steps(18,end) both}
.bio-matrix-active::after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(180deg,transparent 0 5px,#fff1 6px,transparent 7px 15px);animation:bio-scan 2.2s steps(18,end) both}
@keyframes bio-materialise{0%{opacity:.35;filter:blur(5px);text-shadow:2px 0 #fff4}30%{opacity:.7;filter:blur(1px);text-shadow:-1px 0 #fff3}55%{opacity:.8;filter:blur(.3px)}100%{opacity:1;filter:none;text-shadow:none}}
@keyframes bio-scan{0%{clip-path:inset(0 0 95%);opacity:.7}75%{clip-path:inset(85% 0 0);opacity:.3}100%{clip-path:inset(100% 0 0);opacity:0}}
@media(prefers-reduced-motion:reduce){.bio-matrix-active,.bio-matrix-active::after{animation:none!important;filter:none!important;opacity:1!important}}
