.production-story{--ink:#17352d;--accent:#bb4a2b;max-width:1180px;margin:auto;padding:70px 30px 90px;color:var(--ink)}
.production-heading{max-width:1040px;margin-bottom:42px}.production-heading h1{font-size:clamp(2.7rem,5.5vw,5.3rem);line-height:1.04;letter-spacing:-.055em;margin:18px 0 26px}.production-heading h1 em{color:var(--accent)}.production-heading .lead{max-width:760px}.production-byline{font-size:.88rem;color:#57665f;margin-top:24px}
.production-story h2{font-size:clamp(1.8rem,3.1vw,2.6rem);line-height:1.15;letter-spacing:-.035em;margin:0 0 22px}.production-story h3{font-size:1.4rem;line-height:1.25;margin:32px 0 12px}.production-story p,.production-story li{line-height:1.8}.production-story p{margin:0 0 20px}.production-story a:not(.text-link){text-underline-offset:4px}.production-story a:focus-visible,.production-story video:focus-visible,.production-story iframe:focus-visible{outline:3px solid #bb4a2b;outline-offset:5px}.production-story section[id]{scroll-margin-top:110px}
.production-tools{background:#e9e9dd;border:1px solid #cad0c3;padding:32px;margin-bottom:56px;display:grid;grid-template-columns:.8fr 1.2fr;gap:20px 44px;border-radius:6px}.production-tools h2{margin-top:14px}.tool-list{list-style:none;padding:0;margin:0}.tool-list li{display:flex;gap:18px;border-bottom:1px solid #cbd0c3;padding:17px 0}.tool-list li:first-child{padding-top:0}.tool-list li:last-child{border:0;padding-bottom:0}.tool-number{color:var(--accent);font-family:monospace;padding-top:3px;font-size:.85rem}.tool-list h3{font:700 1.12rem/1.3 Arial,sans-serif;margin:0 0 6px}.tool-list p{font-size:.95rem;line-height:1.6;margin:0}.tool-footnote{grid-column:1/-1;font-size:.88rem;border-top:1px solid #cbd0c3;padding-top:18px;margin:0!important}.tool-footnote+.tool-footnote{border:0;padding-top:0}
.production-film{margin:0 0 68px}.production-film .section-label{margin-bottom:22px}.production-watch{position:relative;display:block;background:#101914;border-radius:5px;overflow:hidden;aspect-ratio:16/9}.production-watch img{width:100%;height:100%;object-fit:contain;display:block}.production-watch>span{position:absolute;bottom:24px;left:24px;display:flex;align-items:center;gap:12px;background:#f4f0e6;color:#17352d;padding:15px 20px;border-radius:4px;font-weight:700}.production-watch small{font-size:.8rem;font-weight:400}.production-watch b{color:#bb4a2b}.production-watch:hover>span{background:#fff}.production-story .media-note{font-size:.83rem;color:#53645b;line-height:1.6;margin:12px 0 20px}
.production-layout{display:grid;grid-template-columns:190px minmax(0,740px);justify-content:space-between;gap:55px}.production-toc{align-self:start;position:sticky;top:110px;display:flex;flex-direction:column;gap:15px;font-size:.9rem;border-top:2px solid #b6c0b4;padding-top:22px}.production-toc a{text-decoration:none}.production-toc a:hover{text-decoration:underline}.production-prose>section,.production-narrow>section{margin-bottom:54px}.production-prose p,.production-narrow p{font-size:1.06rem}.production-narrow{max-width:740px;margin:50px auto 0}.production-narrow>h3:first-child{margin-top:0}
.pipeline-panel{background:#183a31;color:#f4f0e6;margin:8px 0 44px;padding:36px;border-radius:6px}.pipeline-panel .eyebrow{color:#edb28d}.pipeline-panel h2{color:inherit}.production-pipeline{display:grid;grid-template-columns:repeat(6,1fr);padding:0;margin:30px 0;list-style:none;gap:20px;counter-reset:stage}.production-pipeline li{counter-increment:stage;border-top:1px solid #729184;padding-top:13px}.production-pipeline li:before{content:'0' counter(stage);display:block;color:#edb28d;font:12px monospace;margin-bottom:14px}.production-pipeline strong{display:block;font-size:1.1rem}.production-pipeline span{font-size:.8rem;line-height:1.6;display:block;margin-top:6px;color:#d0dcd0}.pipeline-panel>p:last-child{margin:0;color:#d0dcd0;font-size:.88rem}
.production-wide{margin:44px 0 70px}.production-story figure{min-width:0}.production-story figure img{width:100%;height:auto;display:block;border-radius:4px}.production-story figcaption{font-size:.84rem;line-height:1.65;color:#526158;margin-top:13px;max-width:900px}.production-examples>.lead{max-width:870px}.scene-study{border-top:1px solid #c4cabe;padding-top:34px;margin-top:44px}.scene-heading{max-width:780px}.scene-heading h3{margin:13px 0;font-size:2rem}.scene-pair{display:grid;grid-template-columns:1.12fr 1fr;gap:28px;align-items:start}.scene-pair figure{margin:0}.scene-pair video{width:100%;height:auto;aspect-ratio:16/9;background:#101914;border-radius:4px;display:block}.scene-pair p{font-size:.96rem}.scene-pair .text-link{font-size:.92rem}
.production-prompt{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;background:#e9e9dd;border-left:3px solid #bb4a2b;padding:22px;font-size:.9rem}.production-lessons{padding-left:23px}.production-lessons li{padding:0 0 19px 8px}.production-source-note{border-top:1px solid #c4cabe;padding-top:28px}.production-source-note h2{font-size:1.35rem}.production-source-note p{font-size:.88rem;color:#53645b}.production-next{display:flex;flex-direction:column;align-items:flex-start;gap:18px;border-top:1px solid #c4cabe;padding-top:30px}.production-next p{margin:0}.production-feature{margin-top:36px}.production-feature img{aspect-ratio:16/9;object-fit:cover;width:100%;border-radius:4px}.production-feature .guide-card{max-width:740px}
@media(max-width:900px){.production-tools{grid-template-columns:1fr;gap:20px}.production-layout{grid-template-columns:1fr;gap:35px}.production-toc{position:static;flex-direction:row;flex-wrap:wrap;gap:12px 22px}.production-toc .eyebrow{width:100%}.production-pipeline{grid-template-columns:repeat(3,1fr)}.production-prose{max-width:740px;margin:auto}.scene-pair{grid-template-columns:1fr}.scene-pair>div{max-width:740px}.production-heading h1 br{display:none}}
@media(max-width:520px){.production-story{padding:38px 20px 60px}.production-tools,.pipeline-panel{padding:23px}.production-heading h1{font-size:2.65rem}.production-pipeline{grid-template-columns:repeat(2,1fr)}.production-story .section-label{flex-wrap:wrap;gap:12px}.production-film{margin-bottom:42px}.production-tools{margin-bottom:36px}.scene-heading h3{font-size:1.65rem}.production-story .lead{font-size:1.06rem}.production-prose p,.production-narrow p{font-size:1rem}.production-prompt{font-size:.79rem;padding:16px}.production-source-note p{font-size:.85rem}.production-watch>span{left:10px;bottom:10px;gap:8px;padding:10px;font-size:.88rem}.production-watch small{font-size:.7rem}}