/* A field guide with a cinematic window. No scroll capture, fixed page height,
   or mandatory animation; the underlying content stays available. */
.cinema-ready{overflow:visible}
.cinema-ready .visions-intro{padding-bottom:48px}
.cinema-story{max-width:1800px;margin:auto;padding:0 var(--gutter);display:grid;grid-template-columns:minmax(260px,.82fr) minmax(0,1.6fr);gap:7%;position:relative;align-items:start}
.cinema-stage{grid-column:2;grid-row:1;position:sticky;top:105px;min-width:0;align-self:start;padding-bottom:32px}
.cinema-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:16px}
.cinema-nav button{font-size:.875rem;line-height:1.35;text-align:left;color:#cbd7c5;border:1px solid #53664f;background:#16362a;min-height:66px;padding:11px 12px;transition:background .2s,color .2s}
.cinema-nav button span{display:block;font-size:.75rem;letter-spacing:.1em;color:#a9c38e;margin-bottom:5px}
.cinema-nav button[aria-pressed=true]{background:#d8ed9c;color:#13261b;border-color:#d8ed9c}
.cinema-nav button[aria-pressed=true] span{color:#38552d}
.cinema-screen{aspect-ratio:16/9;background:#0b1b14;position:relative;overflow:hidden;border:1px solid #647555;box-shadow:0 22px 56px -24px #020e09b3}
.cinema-frame{position:absolute;inset:0;margin:0}
.cinema-frame img,.cinema-frame video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cinema-frame video{opacity:0;transition:opacity .3s}
.cinema-frame.cinema-playing video{opacity:1}
.cinema-frame figcaption{position:absolute;left:0;top:0;right:0;background:linear-gradient(#08140ecf,#08140e00);padding:16px 20px 42px;color:#f7faed;font-size:.8125rem;font-weight:600;letter-spacing:.055em;pointer-events:none}
.cinema-caption{font-size:.8125rem;line-height:1.6;min-height:2.7em;color:#cddac5;margin:12px 0 0}
.cinema-controls{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-top:14px;border-top:1px solid #4c6345;padding-top:16px}
.cinema-controls button{color:#e9f1df;background:transparent;border:0;min-height:44px;font-size:.875rem;text-align:left;padding:6px 0}
.cinema-controls button:disabled{color:#91a289;cursor:default}
.cinema-controls .cinema-watch{display:flex;gap:12px;align-items:center;color:#d8ed9c;font-weight:600}
.cinema-watch>span{font-size:1.7rem;font-weight:400;line-height:1}
.cinema-watch small{font-size:.75rem;color:#bccfaf;font-weight:400}
.cinema-context{font-size:.8125rem;color:#b7c8ac;line-height:1.6;margin-top:12px;max-width:80ch}
.cinema-chapters{grid-column:1;grid-row:1;min-width:0}
.cinema-chapter{min-height:85svh;padding:75px 0 130px;display:flex;flex-direction:column;justify-content:center;gap:24px;border-bottom:1px solid #3c573f;scroll-margin-top:110px;outline-offset:10px}
.cinema-chapter:last-child{padding-bottom:90px}
.cinema-chapter .eyebrow{font-size:.8125rem;color:#b4cf97;letter-spacing:.065em;margin:0 0 20px}
.cinema-chapter h3{font-size:clamp(2.2rem,3.8vw,4.1rem);line-height:1.13;color:#f3f7ec;letter-spacing:-.05em}
.cinema-chapter>p,.cinema-chapter .vision-narrative>p{font-size:1rem;color:#cdd9c5;line-height:1.75;margin:0}
.cinema-chapter .vision-narrative dl{margin-top:25px}
.cinema-chapter .vision-narrative dl>div{grid-template-columns:1fr;gap:5px;border-color:#46613f;padding:16px 0}
.cinema-chapter .vision-narrative dt{color:#aebfa4;font-size:.8125rem}
.cinema-chapter .vision-narrative dd{color:#e8f0df;font-size:.9375rem}
.cinema-chapter .vision-record-link{color:#d8ed9c;margin-top:0;font-size:.875rem}
.cinema-chapter .cinema-transition-note{font-size:.875rem;color:#adbf9f;padding-left:16px;border-left:2px solid #657d50}
.cinema-chapter-still{display:none}
.cinema-dialog{width:min(1200px,96vw);max-width:none;max-height:94svh;border:1px solid #6d805b;background:#10281f;color:#edf4e4;padding:0;overflow:auto}
.cinema-dialog::backdrop{background:#07150fec;backdrop-filter:blur(10px)}
.cinema-dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:15px 22px}
.cinema-dialog-bar h2{font-size:1rem;font-weight:600;line-height:1.4;letter-spacing:-.02em}
.cinema-dialog-bar button{color:#eaf1e1;background:transparent;border:1px solid #7a8f6b;padding:9px 14px;min-height:44px;white-space:nowrap}
.cinema-dialog>video{display:block;width:100%;max-height:72svh;background:#06130b}
.cinema-dialog>p{font-size:.875rem;line-height:1.6;padding:16px 22px;margin:0;max-width:100%}
@media(min-width:1800px){.cinema-story{gap:90px}}
@media(max-width:1100px){.cinema-story{gap:5%;grid-template-columns:minmax(250px,.85fr) minmax(0,1.35fr)}.cinema-nav button{font-size:.8125rem;padding:10px 8px}.cinema-watch small{display:none}.cinema-chapter h3{font-size:2.8rem}}
@media(max-width:760px){.cinema-ready .visions-intro{padding-bottom:24px}.cinema-story{display:flex;flex-direction:column;padding:0 16px;gap:0}.cinema-stage{top:72px;width:100%;background:#10281f;z-index:2;padding:12px 0 15px;border-bottom:1px solid #506946}.cinema-nav{gap:4px;margin-bottom:10px}.cinema-nav button{font-size:.75rem;padding:7px 6px;min-height:58px}.cinema-nav button span{font-size:.75rem;margin-bottom:3px}.cinema-screen{box-shadow:none}.cinema-frame figcaption{font-size:.75rem;padding:10px 12px 30px}.cinema-caption{font-size:.75rem;min-height:0;margin-top:8px;line-height:1.4}.cinema-context{font-size:.75rem;line-height:1.45;margin-top:8px}.cinema-controls{margin-top:8px;padding-top:7px;gap:15px}.cinema-controls button{font-size:.8125rem;min-height:35px}.cinema-controls .cinema-watch{gap:8px}.cinema-chapters{width:100%;padding:0 9px}.cinema-chapter{min-height:70svh;padding:65px 0 90px;gap:24px;scroll-margin-top:430px}.cinema-chapter h3{font-size:2.6rem}.cinema-chapter .eyebrow{font-size:.75rem}.cinema-chapter .vision-narrative dl>div{grid-template-columns:100px 1fr;gap:18px}.cinema-dialog-bar{padding:12px;gap:12px}.cinema-dialog-bar h2{font-size:.875rem}.cinema-dialog>p{padding:14px;font-size:.8125rem}}
@media(max-height:650px){.cinema-stage{position:static}.cinema-story{display:block}.cinema-chapter{min-height:0;padding:45px 0}.cinema-chapter-still{display:block;width:100%;height:auto}.cinema-nav{position:static}}
@media(prefers-reduced-motion:reduce){.cinema-frame video,.cinema-nav button{transition:none}}
@media(max-width:760px){.cinema-stage .cinema-context{display:none}}
html:not(.motion-enabled) .cinema-frame video{opacity:0}
@media print{.cinema-stage{display:none}.cinema-story{display:block;padding:0}.cinema-chapter{min-height:0;padding:20px 0;break-inside:avoid}.cinema-chapter-still{display:block}.cinema-chapter p,.cinema-chapter h3,.cinema-chapter .vision-narrative dd{color:#111}.cinema-dialog{display:none}}