/*
Theme Name: Cinematic Noir
Theme URI: https://example.invalid/cinematic-noir
Author: Production Operations
Description: Theatrical dark cinema with a monumental player and horizontal rails.
Version: 1.0.0
Text Domain: cinematic-noir
*/
:root{--ink:#070708;--panel:#121214;--paper:#f5eee7;--red:#d5222a;--muted:#aaa2a0;--line:#2a2728}*{box-sizing:border-box}html{scroll-behavior:smooth;max-width:100%}body{margin:0;max-width:100%;background:var(--ink);color:var(--paper);font:16px/1.55 Arial,sans-serif}.screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px)}a{color:inherit}.skip-link{position:fixed;left:1rem;top:-5rem;background:#fff;color:#000;padding:.7rem;z-index:99}.skip-link:focus{top:1rem}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #fff;outline-offset:3px}.noir-mast{padding:1rem 4vw;border-bottom:1px solid var(--line);display:grid;gap:1rem;background:#09090a;position:relative;z-index:4;max-width:100%}.noir-mast>*{min-width:0;max-width:100%}.noir-brand{text-decoration:none;font:800 1.25rem Georgia,serif;letter-spacing:.12em;text-transform:uppercase;overflow-wrap:anywhere}.noir-brand span{color:var(--red);margin-right:.55rem}.noir-search{display:flex;min-width:0;max-width:100%}.noir-search label{display:block;flex:1;min-width:0}.noir-search input{display:block;width:100%;min-width:0;max-width:100%;background:#171719;border:1px solid #484042;color:#fff;padding:.7rem}.noir-search button{flex:0 0 auto;background:var(--red);border:0;color:#fff;font-weight:700;padding:0 1rem}.noir-mast nav{min-width:0;max-width:100%;overflow-x:auto}.category-links{display:flex;gap:1.1rem;list-style:none;margin:0;padding:0;max-width:100%;overflow-x:auto}.category-links a{text-decoration:none;color:#ccc;white-space:nowrap;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em}.noir-main,.noir-watch{padding:2rem 4vw 5rem;min-width:0;max-width:100%}.noir-main>*,.noir-watch>*,.noir-detail>*,.noir-feature>*,.noir-related>*{min-width:0;max-width:100%}.noir-hero{min-height:35vh;display:flex;flex-direction:column;justify-content:end;padding:3rem 0;border-bottom:1px solid var(--line);background:radial-gradient(circle at 75% 20%,#411012 0,transparent 32%)}.noir-hero h1{font:700 clamp(2.8rem,9vw,7.5rem)/.9 Georgia,serif;max-width:10ch;margin:.4rem 0;overflow-wrap:anywhere}.noir-kicker{color:#ff6167;text-transform:uppercase;letter-spacing:.18em;font-weight:800}.noir-feature{display:grid;gap:1.5rem;margin:3rem 0;padding:1.2rem;background:var(--panel);border-left:5px solid var(--red);min-width:0}.noir-feature-copy{align-self:center;padding:1rem;min-width:0}.noir-feature-copy h2{font:700 clamp(2rem,5vw,4rem)/1 Georgia,serif;overflow-wrap:anywhere}.noir-cta{display:inline-block;background:var(--red);padding:.8rem 1.2rem;text-decoration:none;font-weight:800}.noir-feature .noir-card h3,.noir-feature .noir-card p{display:none}.noir-rail{min-width:0;max-width:100%}.noir-rail>header{display:flex;justify-content:space-between;align-items:end;gap:1rem;flex-wrap:wrap}.noir-rail h2{font:2rem Georgia,serif}.noir-track{display:grid;grid-auto-flow:column;grid-auto-columns:82%;gap:1rem;width:100%;max-width:100%;overflow-x:auto;padding-bottom:1rem;scroll-snap-type:x mandatory}.noir-card{scroll-snap-align:start;min-width:0}.noir-card a{text-decoration:none}.noir-frame{aspect-ratio:16/9;background:#1d1b1c;position:relative;overflow:hidden}.noir-frame img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.noir-card a:hover img{transform:scale(1.035)}.noir-duration{position:absolute;right:.5rem;bottom:.5rem;background:#000d;padding:.15rem .4rem}.noir-card h3{font:1.15rem Georgia,serif;margin:.7rem 0 .1rem;overflow-wrap:anywhere}.noir-card p,.noir-meta{color:var(--muted);margin:0;font-size:.85rem}.noir-player{aspect-ratio:16/9;background:#000;box-shadow:0 0 80px #5d101655;min-width:0;max-width:100%}.noir-player video{display:block;width:100%;height:100%;min-width:0;max-width:100%}.noir-stage{max-width:1500px;margin:auto;min-width:0}.noir-detail{display:grid;gap:3rem;margin:2rem auto;max-width:1500px;min-width:0}.noir-detail h1{font:700 clamp(2.2rem,6vw,5rem)/1 Georgia,serif;overflow-wrap:anywhere}.noir-synopsis{font:1.15rem/1.8 Georgia,serif;max-width:65ch;overflow-wrap:anywhere}.noir-related{display:grid;gap:1rem;min-width:0}.noir-empty{text-align:center;padding:12vh 1rem}.noir-footer{border-top:1px solid var(--line);padding:2rem 4vw;display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;color:var(--muted);max-width:100%}.fg-pagination{display:flex;gap:.5rem;justify-content:center;margin:3rem;max-width:100%}.fg-pagination a,.fg-pagination span{padding:.5rem .75rem;border:1px solid var(--line);text-decoration:none}@media(min-width:760px){.noir-mast{grid-template-columns:1fr minmax(240px,420px);align-items:center}.noir-mast nav{grid-column:1/-1}.noir-feature{grid-template-columns:.8fr 1.2fr}.noir-track{grid-auto-columns:31%}.noir-detail{grid-template-columns:minmax(0,2fr) minmax(280px,1fr)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.noir-brand,.noir-brand:visited{color:var(--paper)}