/* Filmography: scene rail, landscape film, essential project details. */
.cn-filmography{--cn-accent:#8b3dff;--cn-line:#ffffff26;padding:var(--section-space) 5%;background:#090909;color:#f0f0f0;scroll-margin-top:95px}
.cn-heading{margin-bottom:60px}.cn-heading h2{font:500 clamp(44px,5vw,80px)/1.05 Inter,Arial,sans-serif;letter-spacing:-.045em}.cn-heading .editorial-label{font-size:11px;color:#929292;margin-bottom:22px}
/* A measured gap after the vertical films, without their old counter row. */
.reels-section + .cn-filmography{padding-top:clamp(28px,3vw,48px)}
.cn-project{display:grid;grid-template-columns:90px minmax(0,1fr) 230px;gap:28px;align-items:start;padding:48px 0;border-top:1px solid var(--cn-line)}.cn-number{color:#a3a3a3;font:400 16px/1.3 'Work Sans',sans-serif;font-variant-numeric:tabular-nums}
.cn-frames{display:flex;flex-direction:column;gap:12px}.cn-frames button{padding:0;border:0;background:#111;cursor:pointer;opacity:.5;transition:opacity .25s}.cn-frames button:hover,.cn-frames button[aria-pressed=true]{opacity:1}.cn-frames button[aria-pressed=true]{box-shadow:-2px 0 0 var(--cn-accent)}.cn-frames img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.cn-screen{position:relative;min-width:0;aspect-ratio:16/9;background:#101010}.cn-screen video{width:100%;height:100%;object-fit:contain;display:block}.cn-corner{display:none}.cn-meta .editorial-label{font-size:11px;margin:0 0 12px;color:#999}.cn-meta h3{font:400 clamp(28px,2.6vw,44px)/1.08 Koulen,sans-serif}.cn-duration{font:12px 'Work Sans',sans-serif;color:#929292;margin-top:24px}.cn-error{position:absolute;inset:20%;background:#150a21;padding:20px;color:white}.cn-error[hidden]{display:none}
@media(min-width:1600px){.cn-project{grid-template-columns:110px minmax(0,1fr) 285px;gap:38px;padding:64px 0}}
@media(max-width:1100px){.cn-project{grid-template-columns:65px minmax(0,1fr) 185px;gap:18px}}
@media(max-width:767px){.cn-heading{margin-bottom:36px}.cn-project{grid-template-columns:minmax(0,1fr);gap:20px 12px;padding:30px 0}.cn-meta{grid-column:1;grid-row:1}.cn-meta h3{font-size:30px}.cn-meta .editorial-label{margin-bottom:8px}.cn-duration{margin-top:12px}.cn-screen{grid-column:1/-1;grid-row:2}.cn-frames{grid-column:1/-1;grid-row:3;flex-direction:row;overflow:auto;padding:3px}.cn-frames button{flex:0 0 76px}.cn-frames button[aria-pressed=true]{box-shadow:0 2px 0 var(--cn-accent)}}
@media(prefers-reduced-motion:reduce){.cn-frames button{transition:none}}