/* Original films, in their original framing. */
.work{background:var(--paper)}
.work-heading{align-items:center;gap:24px;margin-bottom:40px}.work-heading h2{font-size:clamp(38px,4.8vw,72px)}
.preview-toggle{background:none;color:#a8afa2;font-size:9px;display:flex;align-items:center;gap:14px;white-space:nowrap;padding:12px 0}.preview-toggle span{font-size:15px}
.film-grid{grid-template-columns:minmax(0,1fr) minmax(0,.3166fr);align-items:start;gap:34px}
.film-grid .project{grid-column:auto}.film-grid .project-media{height:auto;aspect-ratio:910/512;background:#000;isolation:isolate}.film-grid .film-portrait .project-media{aspect-ratio:512/910}
.work-preview{width:100%;height:100%;object-fit:contain;display:block;background:#000;pointer-events:none}
.film-grid .project-media:after{background:linear-gradient(180deg,#0006,transparent 23%,transparent 68%,#000b)}
.film-grid .image-label{font-size:8px;left:20px;top:20px;font-weight:400;letter-spacing:.1em}
.film-play{position:absolute;z-index:2;bottom:18px;left:20px;display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:0;color:#fff;text-shadow:0 1px 9px #000}.film-play>span{font-size:18px;line-height:1}
.film-duration{position:absolute;z-index:2;bottom:20px;right:20px;color:#eee;font-size:8px}
.film-portrait .film-duration{display:none}.film-portrait .film-play{font-size:8px;gap:8px}
.film-grid .project-caption{display:block;margin-top:18px}.film-grid .project-caption h3{font-size:15px;line-height:1.5}.film-grid .project-caption>span{display:block;margin-top:8px;max-width:none;text-align:left;font-size:8px;letter-spacing:.04em;color:#92998b}
.film-grid .project:hover .film-play>span{transform:scale(1.18)}.film-play>span{transition:transform .2s}
#project-dialog{background:#080908;width:min(1040px,calc(100% - 32px));max-height:94svh}
#project-dialog .project-dialog-media{aspect-ratio:auto;max-height:none;background:#000;overflow:visible}
#project-film{display:block;width:100%;height:auto;max-height:70svh;object-fit:contain;background:#000;outline-offset:-4px}
#project-dialog[data-format=portrait]{width:min(500px,calc(100% - 32px))}
#project-dialog[data-format=portrait] #project-film{height:65svh;max-height:720px}
#project-dialog .project-dialog-copy{padding:24px 30px 30px}#project-dialog .project-dialog-copy h2{font-size:27px;margin:16px 0 24px}
#project-dialog .dialog-eyebrow{font-size:8px;color:#aab1a3;line-height:1.8}
#project-dialog .dialog-close{position:sticky;float:right;margin:10px 10px -45px 0;top:10px;right:10px;width:35px;height:35px;z-index:5;background:#080908de;color:#fff}
#film-status{font-size:11px;color:#b2b9a9}
@media(max-width:900px){.film-grid{gap:22px}.film-grid .image-label{left:14px;top:14px;font-size:7px}.film-play{left:14px;bottom:14px;font-size:8px}.film-duration{right:14px;bottom:15px}.film-portrait .film-play{font-size:0}.film-portrait .film-play>span{font-size:22px}.film-grid .project-caption h3{font-size:12px}}
@media(max-width:900px){.work .section-top{margin-bottom:28px}.work-heading{display:block;margin-bottom:24px}.work-heading h2{font-size:38px}.preview-toggle{font-size:8px;margin-top:18px}.film-grid{grid-template-columns:1fr;gap:36px}.film-grid .film-portrait{width:min(100%,340px)}.film-grid .film-portrait .project-media{max-height:72svh;aspect-ratio:512/910}.film-grid .film-portrait{justify-self:center}.film-portrait .film-play{font-size:9px}.film-grid .project-caption h3{font-size:14px}.film-grid .project-caption>span{font-size:8px}.film-grid .image-label{font-size:7px}#project-dialog .project-dialog-copy{padding:22px 20px 26px}#project-dialog .project-dialog-copy h2{font-size:23px}#project-dialog .dialog-eyebrow{font-size:7px}#project-dialog[data-format=portrait] #project-film{height:63svh}.film-duration{font-size:7px}}

/* Project-specific authorship and readable disclosure accompany every FPV preview. */
.project-entry{min-width:0}.project-entry>.project{width:100%;display:block}.film-author,.film-disclosure{font-size:12px;line-height:1.7;color:#b5beb1;margin:14px 0 0;letter-spacing:0}.film-author a{display:inline;text-decoration:underline;text-underline-offset:4px}.film-author a:hover{color:#d3f88c}.film-disclosure{padding-top:12px;border-top:1px solid #333a30}.film-disclosure>span{display:block;color:#d9e2d3;margin-bottom:5px}.film-ai-label{position:absolute;z-index:3;top:44px;left:14px;right:14px;width:fit-content;max-width:calc(100% - 28px);padding:5px 8px;font-size:11px;line-height:1.4;color:#eff4eb;background:#111a10eF;border:1px solid #63745a;border-radius:3px;pointer-events:none;text-shadow:none}.film-grid .project-entry.film-portrait{width:100%}#project-dialog .project-dialog-media{position:relative}#project-ai-label{position:static;inset:auto;display:inline-block;width:auto;max-width:100%;height:auto;margin:0 0 14px;vertical-align:top}#project-ai-label[hidden]{display:none}#project-dialog .film-author{margin-top:-10px;margin-bottom:18px}#project-dialog .film-disclosure{margin-bottom:24px}#project-dialog .film-disclosure,#project-dialog .film-author{font-size:12px}
@media(max-width:900px){.film-grid .project-entry.film-portrait{width:min(100%,340px)}.project-entry>.project.film-portrait{width:100%}.film-author,.film-disclosure{font-size:12px}.film-ai-label{font-size:11px}}

.film-disclosure,#project-dialog .film-disclosure{font-size:11px;line-height:1.75}.film-disclosure>span{font-size:10px;letter-spacing:.025em}@media(max-width:900px){.film-disclosure,#project-dialog .film-disclosure{font-size:11px}}

/* Keep metadata in normal flow, clear of the film and native player controls. */
.film-event{font-size:11px;line-height:1.7;color:#b5beb1;margin:10px 0 0}#project-dialog .film-event{font-size:12px;margin:-10px 0 20px}#project-dialog .film-event[hidden]{display:none}

/* Pair original landscape and portrait formats; keep mobile a single column. */
@media(min-width:901px){.film-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.film-grid>.project-entry.film-landscape{grid-column:span 9}.film-grid>.project-entry.film-portrait{grid-column:span 3}.film-grid>.project-entry:nth-last-child(-n+2){grid-column:span 6}}

/* The intro film has one visible home; keep its card if motion/rendering is unavailable. */
.rig-film-active .project-entry--bridge-fallback{display:none}
@media(min-width:901px){.film-grid>.project-entry.film-landscape{grid-column:span 9}.film-grid>.project-entry.film-portrait{grid-column:span 3}.film-grid>.project-entry.film-wide-last,.film-grid>.project-entry--bridge-fallback{grid-column:1/-1}}