/* An additive production overview; all existing components remain unchanged. */
.production-section{padding-top:64px}
.production-heading .eyebrow{margin-bottom:18px;color:var(--accent)}
.production-heading h2{font-family:var(--display);font-size:clamp(2.6rem,3.5vw,3.8rem);font-weight:400;line-height:1.12;letter-spacing:-.04em;color:var(--ink)}
.production-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:34px}
.production-card{min-width:0;padding-top:22px;border-top:1px solid var(--line)}
.production-number{display:block;font-family:var(--body);font-size:.75rem;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:.055em;color:var(--accent)}
.production-card h3{min-height:2.4em;margin:18px 0 14px;font-family:var(--display);font-size:clamp(1.65rem,2.05vw,2.15rem);font-weight:400;line-height:1.2;letter-spacing:-.03em;color:var(--ink)}
.production-card>p{max-width:33ch;font-family:var(--body);font-size:1rem;line-height:1.8;color:var(--muted)}
.production-card .inline-link{margin-top:20px}
@media(max-width:1000px){.production-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 28px}.production-card h3{font-size:1.9rem}}
@media(max-width:640px){.production-section{padding-top:48px}.production-heading h2{font-size:2.6rem}.production-heading .eyebrow{margin-bottom:16px}.production-grid{grid-template-columns:1fr;gap:25px;margin-top:28px}.production-card{padding-top:20px}.production-card h3{min-height:0;margin:13px 0 12px;font-size:1.9rem}.production-card>p{max-width:40ch}}

.vimeo-player{display:block;width:100%;border:0;background:#050608}
.viewer-screen>.vimeo-player{position:absolute;inset:0;height:100%}
.project-cover>.vimeo-player{aspect-ratio:16/9}
.viewer-status a{text-decoration:underline;text-underline-offset:3px}

/* Category shelves preserve the existing sample cards and three-column framing. */
.sample-rows{display:grid;gap:48px;min-width:0}
.sample-row{min-width:0}
.sample-row+.sample-row{border-top:1px solid var(--line);padding-top:34px}
.sample-row-heading{display:flex;align-items:center;justify-content:space-between;gap:20px 32px;margin-bottom:20px;flex-wrap:wrap}
.sample-row-heading h3{font-family:var(--display);font-size:clamp(1.5rem,2.3vw,2rem);font-weight:500;letter-spacing:-.025em;line-height:1.25;flex:1 1 300px}
.sample-row-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}
.sample-row-position{font-size:.875rem;font-variant-numeric:tabular-nums;color:var(--muted);margin-right:8px;min-width:62px;text-align:right}
.sample-row-controls button{background:transparent;border:1px solid var(--line);border-radius:999px;padding:10px 15px;min-height:44px;font-size:.875rem;line-height:1.4;transition:background .2s,color .2s,border-color .2s}
.sample-row-controls button:hover:not(:disabled){background:var(--blue);border-color:var(--blue);color:white}
.sample-row-controls button:disabled{opacity:.38}
.sample-row-track{--sample-gap:24px;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 2 * var(--sample-gap))/3);gap:var(--sample-gap);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--line) transparent;min-width:0;padding:6px 0 16px;scroll-behavior:smooth}
.sample-row-track>.film-card{scroll-snap-align:start;scroll-margin:0}
.sample-row-track:focus-visible{outline:2px solid var(--blue);outline-offset:5px}
.sample-row-track a:focus-visible,.sample-row-track button:focus-visible{outline-offset:-3px}
@media(max-width:1024px){.sample-row-track{--sample-gap:22px;grid-auto-columns:calc((100% - var(--sample-gap))/2)}}
@media(max-width:600px){.sample-rows{gap:32px}.sample-row+.sample-row{padding-top:26px}.sample-row-heading{gap:16px;margin-bottom:16px}.sample-row-heading h3{flex-basis:100%;font-size:1.5rem}.sample-row-controls{margin-left:auto}.sample-row-track{--sample-gap:18px;grid-auto-columns:88%}}
@media(prefers-reduced-motion:reduce){.sample-row-track{scroll-behavior:auto}.sample-row-controls button{transition:none}}