/* Shared navigation and the separate commercial / digital portfolio. */
.mobile-work-link { display:none; }
.work-intro { padding-top:150px; padding-bottom:50px; }
.work-intro h1 { margin:24px 0; font:clamp(3.2rem,7vw,7rem)/1.05 Prata,serif; letter-spacing:-.05em; }
.work-intro h1 em { font-style:normal; color:var(--gold); }
.work-description { color:var(--muted); line-height:1.7; }
.work-tabs { display:flex; gap:12px; margin-top:28px; }
.work-tabs a { padding:12px 18px; border:1px solid var(--line); border-radius:99px; font:11px "DM Mono",monospace; text-transform:uppercase; }
.work-tabs a:hover { border-color:var(--gold); color:var(--gold); }
.work-collection { padding-top:55px; padding-bottom:55px; }
.work-collection .section-top { align-items:center; gap:20px; }
.work-stills { columns:2; }
.work-stills .still { position:relative; }
.work-caption { display:block; position:relative; padding:16px; background:#151619; font-size:14px; }
@media(max-width:700px) {
 header { gap:8px; }
 .name { font-size:.65rem; letter-spacing:.12em; gap:6px; }
 .mobile-work-link { display:inline-block; flex-shrink:0; padding:7px 8px; border:1px solid var(--line); border-radius:99px; font:8px "DM Mono",monospace; color:var(--gold); }
 .work-intro { padding-top:106px; padding-bottom:30px; }
 .work-intro h1 { font-size:clamp(2.8rem,11vw,4rem); }
 .work-collection { padding-top:35px; padding-bottom:35px; }
 .work-collection .section-top { align-items:flex-start; flex-direction:column; }
 .work-stills { columns:1; }
}

/* Every film and television entry has an independently accessible photo. */
.film-with-photo { grid-template-columns:90px 80px minmax(0,1.5fr) minmax(110px,1fr) auto; gap:18px; }
.film-photo { display:block; width:90px; height:106px; overflow:hidden; border:1px solid var(--line); border-radius:6px; }
.film-photo img { width:100%; height:100%; object-fit:cover; object-position:center 25%; display:block; }
.film-title { line-height:1.2; }
.film-actions { display:flex; align-items:center; gap:14px; }
.film-watch { font:10px "DM Mono",monospace; color:var(--gold); }
.motion-enabled .film-photo img { animation:photo-pan 6.5s ease-in-out var(--motion-delay,0s) infinite; }
@media(max-width:700px) {
 .film-with-photo { grid-template-columns:68px minmax(0,1fr) auto; column-gap:12px; row-gap:6px; padding:16px 0; }
 .film-photo { grid-column:1; grid-row:1 / span 3; width:68px; height:86px; }
 .film-with-photo .film-year { grid-column:2; grid-row:1; font-size:9px; align-self:end; }
 .film-with-photo .film-title { grid-column:2; grid-row:2; font-size:1.2rem; }
 .film-with-photo .film-role { display:block; grid-column:2; grid-row:3; text-align:left; font-size:9px; align-self:start; }
 .film-actions { grid-column:3; grid-row:1 / span 3; flex-direction:column; gap:10px; max-width:55px; }
 .film-watch { font-size:8px; line-height:1.5; text-align:center; }
 .work-stills { columns:2; }
}
.work-stills[data-portfolio="web-series"] { columns:1; max-width:900px; }

/* Portrait clips retain the complete frame and load only after a tap. */
.on-set-videos .video-thumb { aspect-ratio:9 / 16; max-height:520px; margin-inline:auto; }
.on-set-videos .video-thumb img { object-fit:contain; }
.on-set-videos .section-no { color:var(--gold); }
@media(max-width:700px) {
 .on-set-videos .video-grid { grid-template-columns:1fr 1fr; gap:14px; }
 .on-set-videos .video-thumb { max-height:none; }
 .on-set-videos .video-card { padding:10px; }
 .on-set-videos .video-card span { font-size:13px; }
 .on-set-videos .video-card small { font-size:8px; }
}