:root{--bg:#0c0e0b;--panel:#111313;--ink:#f4f1e7;--muted:#a5aaa5;--line:#303332;--yellow:#e9ff48;--paper:#e9e8df}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.7}img,video{display:block;width:100%}a{color:inherit;text-decoration:none}.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;background:#090a09 url('assets/25-empty-approved.jpg') center/cover no-repeat;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,5,5,.96) 0%,rgba(4,5,5,.86) 38%,rgba(4,5,5,.38) 72%,rgba(4,5,5,.5) 100%),linear-gradient(0deg,rgba(5,6,6,.9),transparent 55%)}.hero>*{position:relative;z-index:1}.hero nav{height:76px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:rgba(12,13,13,.82);border-top:4px solid var(--yellow);border-bottom:1px solid #ffffff1c;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:14px;font-weight:800}.brand strong{background:var(--yellow);color:#090a0a;padding:7px 11px;line-height:1;font-size:1rem}.brand span{font-size:.95rem;letter-spacing:.04em}.links{display:flex;align-items:center;gap:2rem;font-size:.82rem;color:#d6d7d3}.links a{transition:.2s}.links a:hover{color:var(--yellow)}.links .pdf{border:1px solid #ffffff3b;padding:8px 13px}.hero-in{width:min(1280px,90vw);margin:auto;display:flex;align-items:center;padding:8vh 0 18vh}.hero-copy{max-width:1040px}.eyebrow,.section-head>p{font-size:.72rem;letter-spacing:.19em;color:var(--yellow);font-weight:800;text-transform:uppercase}.hero h1{font-size:clamp(3.35rem,6.7vw,7.4rem);line-height:.98;letter-spacing:-.06em;margin:.22em 0 .28em;max-width:1150px}.hero h1 em{display:block;font-style:normal;color:var(--yellow);font-size:.62em;line-height:1.15;margin-top:.2em;letter-spacing:-.045em}.lead{font-size:1.08rem;color:#d0d3cf;max-width:760px}.actions{display:flex;gap:14px;margin-top:2rem}.actions a{padding:13px 21px;font-weight:800;font-size:.88rem;border-radius:2px}.primary{background:var(--yellow);color:#0a0b0b}.secondary{border:1px solid #ffffff78;background:#0a0b0b55}.stats{position:absolute;bottom:0;left:5vw;right:5vw;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #ffffff28;padding:1.5rem 0 2rem}.stats div{padding-left:20px;border-left:1px solid #ffffff28}.stats b{display:block;font-size:1.35rem;line-height:1.2}.stats span{font-size:.7rem;color:#a7aaa7;letter-spacing:.08em}main{background:var(--bg)}section{padding:7.5rem 5vw;border-top:1px solid #1c1e1d}.section-head{max-width:1240px;margin:0 auto 3.2rem}.section-head h2{font-size:clamp(2.15rem,4.4vw,4.9rem);line-height:1.08;letter-spacing:-.055em;margin:.12em 0;color:var(--ink)}.sub{color:var(--muted)}.brief{background:var(--paper);color:#111}.brief .section-head h2{color:#111}.brief .section-head>p{color:#6f6500}.brief-grid{max-width:1240px;margin:auto;display:grid;grid-template-columns:1.15fr 1fr;gap:1px;background:#b8b6ad}.brief blockquote{margin:0;background:#111;color:white;padding:3.4rem;font-size:1.5rem;line-height:1.65}.brief blockquote small{display:block;color:var(--yellow);font-size:.68rem;letter-spacing:.18em;margin-bottom:1rem}.principles{background:#f5f4ed;padding:2.5rem 3rem}.principles article{padding:0 0 1.25rem;margin-bottom:1.25rem;border-bottom:1px solid #ceccc2}.principles article:last-child{border-bottom:0;margin-bottom:0}.principles b{font-size:1.15rem}.principles p{margin:.3rem 0;color:#67675f}.dark{background:#0c0e0e;color:var(--ink)}.dark .sub{color:#9da19d}.shot-list{max-width:1240px;margin:auto}.shot-list article{display:grid;grid-template-columns:66px 1fr 47%;gap:2.2rem;padding:2.7rem 0;border-top:1px solid var(--line);align-items:center}.shot-list article:last-child{border-bottom:1px solid var(--line)}.shot-list img{aspect-ratio:2.2/1;object-fit:cover;filter:saturate(.78) contrast(1.04)}.num{font-size:1.7rem;color:var(--yellow);font-weight:900;align-self:start}.shot-list h3{font-size:1.6rem;margin:0}.time{color:var(--yellow);font-size:.72rem;font-weight:800;letter-spacing:.12em}.shot-list p,.shot-list li{color:#b4b8b4}.shot-list ul{padding-left:1.15rem}#assets{background:#141616}.asset-grid{max-width:1240px;margin:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#313433;border:1px solid #313433}.asset-grid figure{margin:0;background:#0d0f0f;overflow:hidden}.asset-grid img{aspect-ratio:2.08/1;object-fit:cover;cursor:zoom-in;transition:.4s;filter:saturate(.86)}.asset-grid figure:hover img{transform:scale(1.018);filter:saturate(1)}figcaption{padding:1rem 1.25rem 1.15rem;display:flex;justify-content:space-between;gap:1rem;border-top:1px solid #282b2a}figcaption b{font-size:.95rem}figcaption span{font-size:.72rem;color:#979c98}.process{background:#e6e5dc;color:#111}.process .section-head h2{color:#111}.process .section-head>p{color:#706600}.timeline{max-width:1240px;margin:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#bdbbb1;border:1px solid #bdbbb1}.timeline article{background:#f5f4ed;padding:2.2rem}.timeline>article>span{display:inline-block;background:var(--yellow);color:#111;font-size:.66rem;font-weight:900;padding:5px 9px;letter-spacing:.1em}.timeline h3{font-size:1.35rem;margin:.9rem 0 .35rem}.timeline p{color:#66665f;min-height:6.5em}.mini{display:grid;grid-template-columns:1fr 1fr;gap:4px}.mini.three{grid-template-columns:repeat(3,1fr)}.mini img{aspect-ratio:2/1;object-fit:cover;cursor:zoom-in}.decisions{background:#111313}.decision-grid{max-width:1240px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#333635;border:1px solid #333635}.decision-grid article{background:#181a1a;padding:1.7rem}.decision-grid b{font-size:1.02rem;color:var(--yellow)}.decision-grid p{font-size:.85rem;color:#a7aca8}.video-grid{max-width:1240px;margin:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:2.2rem 1.4rem}.video-grid article{border-top:2px solid var(--yellow);padding-top:.8rem}.video-grid video{aspect-ratio:16/9;background:#030404}.video-grid h3{margin:.75rem 0 .15rem}.video-grid p{margin:0;color:#9ba09c;font-size:.86rem}.prompt{background:#e6e5dc;color:#111}.prompt .section-head h2{color:#111}.prompt .section-head>p{color:#706600}.prompt-box{max-width:1240px;margin:auto;background:#0c0e0e;color:#dfe2df;padding:2.4rem;position:relative;border-top:4px solid var(--yellow)}.prompt-box button{position:absolute;right:1rem;top:1rem;background:var(--yellow);border:0;padding:9px 13px;font-weight:900;cursor:pointer}.prompt-box pre{white-space:pre-wrap;font:14px/1.9 "PingFang SC",sans-serif;margin:0;padding-right:100px}.next{background:#111313}.next-grid{max-width:1240px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#353837;border:1px solid #353837}.next-grid article{padding:2.7rem;background:#171919}.next-grid b{font-size:1.35rem}.next-grid li{margin:.55rem 0;color:#bec2be}.done{border-top:4px solid var(--yellow)}.done b{color:var(--yellow)}.todo{border-top:4px solid #777b78}footer{background:#050606;color:white;padding:3rem 5vw;display:flex;justify-content:space-between;align-items:flex-end;border-top:1px solid #262827}footer p{color:#858a86;font-size:.8rem}footer a{color:var(--yellow)}dialog{border:0;background:#080909ed;color:white;padding:0;max-width:min(92vw,1500px);width:100%}dialog::backdrop{background:#000d}dialog img{max-height:82vh;object-fit:contain}dialog p{padding:0 1rem 1rem}dialog button{position:absolute;right:10px;top:10px;border:0;background:#000c;color:white;font-size:1.5rem;width:42px;height:42px;cursor:pointer}@media(max-width:900px){.links{display:none}.hero{min-height:820px}.hero nav{height:68px}.hero-in{padding:8vh 0 22vh}.hero h1{font-size:clamp(3rem,12vw,5.5rem)}.stats{grid-template-columns:repeat(3,1fr);gap:1rem}.stats div{padding-left:12px}.shot-list article{grid-template-columns:45px 1fr}.shot-list img{grid-column:1/-1}.brief-grid,.timeline,.decision-grid{grid-template-columns:1fr 1fr}.asset-grid,.video-grid,.next-grid{grid-template-columns:1fr}section{padding:5.5rem 5vw}}@media(max-width:600px){.brand span{font-size:.78rem}.hero{min-height:760px;background-position:64% center}.hero:before{background:linear-gradient(90deg,rgba(4,5,5,.95),rgba(4,5,5,.65)),linear-gradient(0deg,#050606 2%,transparent 60%)}.hero-in{padding-top:5vh}.hero h1{font-size:3rem}.hero h1 em{font-size:.57em}.lead{font-size:.92rem}.stats{grid-template-columns:repeat(3,1fr);padding-bottom:1rem}.stats div:nth-child(4),.stats div:nth-child(5){display:none}.actions{flex-direction:column;align-items:stretch}.actions a{text-align:center}.brief-grid,.timeline,.decision-grid{grid-template-columns:1fr}.brief blockquote,.principles{padding:2rem}.shot-list article{gap:1rem}.prompt-box pre{padding-right:0;padding-top:3rem}figcaption{display:block}figcaption span{display:block;margin-top:.3rem}.section-head h2{font-size:2.4rem}}

/* Unified cinematic review palette and subtle production textures */
body{background-color:#0b0d0c;background-image:linear-gradient(rgba(255,255,255,.016) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:46px 46px}
.hero{background-image:url('assets/25-empty-approved.jpg');background-position:center 42%}
.hero:before{background:linear-gradient(90deg,rgba(5,7,6,.92) 0%,rgba(5,7,6,.72) 43%,rgba(5,7,6,.25) 74%,rgba(5,7,6,.38) 100%),linear-gradient(0deg,rgba(5,7,6,.82),transparent 48%)}
main>section{position:relative;isolation:isolate;background-color:#0e100f;background-image:repeating-linear-gradient(112deg,transparent 0,transparent 44px,rgba(255,255,255,.018) 45px,transparent 46px)}
main>section:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 85% 8%,rgba(233,255,72,.025),transparent 24%),linear-gradient(180deg,rgba(255,255,255,.012),transparent 30%)}
.section-head h2,.brief .section-head h2,.process .section-head h2,.prompt .section-head h2{color:var(--ink)}
.brief,.process,.prompt{background-color:#111312;color:var(--ink)}
.brief .section-head>p,.process .section-head>p,.prompt .section-head>p{color:var(--yellow)}
.brief-grid{background:#343735;border:1px solid #343735}
.brief blockquote{background:#171918;color:#f1f2ee;border-top:4px solid var(--yellow)}
.principles{background:#171918;color:#f1f2ee}
.principles article{border-bottom-color:#343735}
.principles p{color:#aeb2ae}
.timeline{background:#343735;border-color:#343735}
.timeline article{background:#171918;color:#f1f2ee}
.timeline p{color:#aaafab}
.prompt-box{background:#080a09;border:1px solid #343735;border-top:4px solid var(--yellow)}
.dark,#assets,.decisions,.next{background-color:#0d0f0e}
.asset-grid figure,.decision-grid article,.next-grid article{background:#151716}
footer{background-image:repeating-linear-gradient(112deg,transparent 0,transparent 44px,rgba(255,255,255,.018) 45px,transparent 46px)}
@media(max-width:600px){.hero:before{background:linear-gradient(90deg,rgba(4,5,5,.9),rgba(4,5,5,.5)),linear-gradient(0deg,#050606 2%,transparent 60%)}}

/* Palette sampled directly from the approved reference screenshot. */
:root{--bg:#0c0e0b;--panel:#131511;--ink:#f4f1e7;--muted:#adb0a4;--line:#34382d;--yellow:#e9ff48}
body,main{background-color:var(--bg)}
.hero nav{background:rgba(19,21,17,.96);border-top:0;border-bottom-color:#34382d}
.brand strong{background:transparent;color:var(--yellow);border:1px solid var(--yellow)}
.hero h1,.section-head h2{color:var(--ink)}
.hero h1 em,.eyebrow,.section-head>p,.time,.num,.done b,.decision-grid b,footer a{color:var(--yellow)}
.primary,.prompt-box button,.timeline>article>span{background:var(--yellow);color:#0c0e0b}
.primary,.secondary{border-radius:30px}
main>section{background-color:#10120e}
.brief,.process,.prompt{background-color:#131511}
.brief blockquote,.principles,.timeline article,.asset-grid figure,.decision-grid article,.next-grid article{background:#191c16;color:var(--ink)}
.brief blockquote,.done,.prompt-box{border-top-color:var(--yellow)}
.brief blockquote small,.brief .section-head>p,.process .section-head>p,.prompt .section-head>p{color:var(--yellow)}
.principles p,.timeline p,.decision-grid p,.shot-list p,.shot-list li,.lead{color:#bdc0b4}
.video-grid article{border-top-color:var(--yellow)}
footer{background-color:#0c0e0b}
/* Cause study: structural sketch and unresolved continuity before the shot list. */
.cause-review{max-width:1240px;margin:4.5rem auto 0;padding-top:3rem;border-top:1px solid var(--line)}
.cause-title h3{font-size:clamp(1.65rem,3vw,2.5rem);line-height:1.3;margin:.5rem 0}.cause-title .sub{font-size:.88rem}
.cause-diagrams{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2rem}.cause-diagrams figure{margin:0;background:#191c16;border:1px solid var(--line)}.cause-diagrams svg{display:block;width:100%;height:auto}.cause-diagrams svg text{font-family:"PingFang SC","Microsoft YaHei",sans-serif;font-size:14px;fill:#bdc0b4}.cause-diagrams svg .diagram-heading{font-size:18px;fill:var(--ink);font-weight:700}.structure{stroke:#e2e2d7;stroke-width:7;fill:none}.structure-fill{fill:#e2e2d7}.platform-fill{fill:#2b2e26}.net-line{stroke:#4f9d76;stroke-width:6;fill:none}.person-fill{fill:#779ab4}.person-line{stroke:#779ab4;stroke-width:10;stroke-linecap:round;stroke-linejoin:round;fill:none}.diagram-legend{display:flex;flex-wrap:wrap;gap:1.3rem;font-size:.78rem;color:var(--muted)}.cause-findings{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2rem}.cause-findings article{border-top:2px solid var(--yellow);padding:1.5rem;background:#191c16}.cause-findings h4{font-size:1.1rem;margin:.4rem 0}.cause-findings p{color:#bdc0b4;font-size:.92rem;margin-bottom:0}.cause-chain{padding:1.3rem 1.5rem;border:1px solid var(--line);color:#bdc0b4;font-size:.9rem}.cause-chain b{color:var(--yellow)}.source-figure{border-top:1px solid var(--line);margin-top:1.5rem;padding:1rem 0}.source-figure summary{cursor:pointer;font-size:.85rem;color:var(--muted)}.source-figure img{max-width:900px;width:100%;height:auto;margin:1rem auto 0;cursor:zoom-in}@media(max-width:760px){.cause-diagrams,.cause-findings{grid-template-columns:1fr}.cause-review{margin-top:3rem}.cause-diagrams figcaption span{display:block}}

.sample-player{max-width:1240px;margin:auto;border:1px solid var(--line);border-top:3px solid var(--yellow);background:#080a07}.sample-player video{width:100%;height:auto;aspect-ratio:1480/630;object-fit:contain;background:#000}.sample-caption{display:flex;justify-content:space-between;gap:1rem;padding:1rem 1.4rem;color:var(--muted);font-size:.82rem}.sample-caption a{color:var(--yellow);white-space:nowrap}#sample{scroll-margin-top:20px}@media(max-width:600px){.sample-caption{flex-direction:column;padding:1rem}.sample-section .section-head h2{font-size:2rem}}

.phone-sample{max-width:1240px;margin:3.5rem auto 0;padding-top:2rem;border-top:1px solid var(--line)}.phone-sample-heading h3{font-size:clamp(1.5rem,2.5vw,2.25rem);margin:.35rem 0}.phone-sample-heading .sub{font-size:.9rem;margin-bottom:1.5rem}.phone-sample .sample-player{max-width:960px;margin-left:0}.phone-sample video{aspect-ratio:1470/630}

.mini.single{grid-template-columns:1fr}.mini.single img{aspect-ratio:7/3;object-fit:contain}

/* Keep video frames neutral; accent belongs to headings and actions. */
.sample-player{border-top:1px solid var(--line)}
.video-grid article{border-top:1px solid var(--line)}