.cinematic-chapter[hidden]{display:none!important}
.cinematic-chapter{position:relative;z-index:1;isolation:isolate;margin-top:calc(-1 * var(--food-hero-height,100svh));height:560svh;pointer-events:none;color:#f5f4ef;background:#000}
.chapter-pin{position:sticky;top:0;height:100svh;overflow:clip;background:#000}
.chapter-film,.chapter-bridge,.chapter-ash{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.chapter-bridge{z-index:4}.chapter-ash{z-index:3}.chapter-film{opacity:0}
.chapter-screen{position:absolute;inset:0;z-index:1;pointer-events:none}
.chapter-scrim{position:absolute;inset:0;pointer-events:none;opacity:var(--chapter-reading,0);transition:opacity .85s cubic-bezier(.22,.61,.36,1);background:linear-gradient(90deg,transparent 40%,#0003 53%,#000a 70%)}
.chapter-opening,.chapter-copy{position:absolute;z-index:2;visibility:hidden;pointer-events:none}
.chapter-opening{inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:8vh 5vw 12vh}
.chapter-opening .scene-type{max-width:100%}
.cinematic-chapter[data-chapter=cgi] .chapter-opening{z-index:5}.cinematic-chapter[data-chapter=cgi] .chapter-opening .scene-type{position:absolute;left:50%;top:48%;width:90%;max-width:90%;transform:translate(-50%,-50%);text-align:center}.cinematic-chapter[data-chapter=cgi] .chapter-opening .scene-type h2{width:100%;text-align:center}.cinematic-chapter[data-chapter=cgi] .chapter-opening .scene-type-line{width:100%;text-align:center}.cinematic-chapter[data-chapter=cgi] .chapter-opening .scene-type-row{position:relative;left:0}
.chapter-copy{left:57%;top:50%;transform:translateY(-50%);width:38%;max-width:720px}
.scene-type h2{--dkw-hit:#ffda00;--dkw-accent:#ffda00;font:800 clamp(40px,4.35vw,78px)/1.02 Barlow,Arial,sans-serif;letter-spacing:-.025em;margin:0 0 26px;color:#f5f4ef}
.scene-type-line{display:block;overflow:clip;padding:.08em .12em;margin:-.08em -.12em;white-space:nowrap}
.scene-type-row{display:inline-block}
.scene-type-letter,.scene-type-letter i{display:inline-block;font:inherit;font-style:normal}
.scene-type-space{white-space:pre}
.scene-type-body{font:400 clamp(16px,1.2vw,21px)/1.55 Arial,sans-serif;max-width:36ch;margin:0;color:#d6d3c9;text-wrap:pretty}
/* Approved Graphite final CGI typography; the opening and Government retain their own scale. */
.cinematic-chapter[data-chapter=cgi] .chapter-copy{left:64%;width:34%;max-width:600px}
.cinematic-chapter[data-chapter=cgi] .chapter-copy h2{font-size:40px;line-height:1.12;letter-spacing:-.025em;margin-bottom:22px}
.cinematic-chapter[data-chapter=cgi] .chapter-copy h2::after{content:"";display:block;width:112px;height:1px;margin-top:22px;background:linear-gradient(105deg,transparent 36%,#e9d6b4 40%,#fff3d7 48%,#c9a570 53%,transparent 62%),linear-gradient(90deg,#75654c,#a78f68 45%,#514b40);background-size:300% 100%,100% 100%;box-shadow:0 0 5px #d8b97630;animation:chapter-champagne 8s cubic-bezier(.42,0,.58,1) infinite}
.cinematic-chapter[data-chapter=cgi] .chapter-copy .scene-type-body{font:450 19px/1.45 EstateManrope,Arial,sans-serif;max-width:48ch;white-space:pre-line;color:#d5d1c6}
.chapter-opening .scene-type h2{font-size:clamp(54px,6.5vw,116px);line-height:.96;margin-bottom:24px;text-shadow:0 2px 30px #0005}
.chapter-opening .scene-type-body{max-width:none;font-size:clamp(16px,1.45vw,22px);text-shadow:0 1px 14px #000}
.cinematic-chapter[data-chapter=government] .chapter-screen{inset:auto;overflow:clip}
.cinematic-chapter[data-chapter=government] .chapter-scrim{background:radial-gradient(ellipse at 76% 48%,#07131cd9 0%,#07131c99 32%,#07131c22 60%,transparent 78%);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent),linear-gradient(0deg,transparent,#000 12%,#000 88%,transparent);mask-composite:intersect}
.cinematic-chapter[data-chapter=government] .chapter-copy{top:50%;max-width:none;bottom:auto;transform:translateY(-50%);mix-blend-mode:screen}
.cinematic-chapter[data-chapter=government] .scene-type h2{font-size:var(--screen-title,56px);line-height:.98;margin-bottom:20px;letter-spacing:-.025em;color:#f4f3dc;text-shadow:0 0 2px #fff4}
.cinematic-chapter[data-chapter=government] .scene-type-body{font-size:var(--screen-body,17px);line-height:1.42;max-width:36ch;color:#e2e8de}
.cinematic-chapter[data-chapter=government] .scene-type-line{padding:.08em 0;margin:-.08em 0}
.chapter-controls{position:absolute;top:max(24px,env(safe-area-inset-top));left:4%;right:4%;z-index:6;display:flex;justify-content:space-between;align-items:center;opacity:0;pointer-events:auto}
.chapter-controls button,.chapter-scroll{display:grid;place-items:center;width:64px;height:64px;flex:none;padding:0;border:1px solid #ffffff70;border-radius:50%;background:#14141418;backdrop-filter:blur(10px);color:#efede7;cursor:pointer;transition:color .2s,border-color .2s,background .2s,transform .2s}
.chapter-controls svg,.chapter-scroll svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.chapter-tools{display:flex;gap:14px}
.chapter-controls button:hover,.chapter-scroll:hover{color:#ffe166;background:#ffffff20;border-color:#ffffffb3;transform:translateY(-2px)}
.chapter-controls button:focus-visible,.chapter-scroll:focus-visible{outline:2px solid #ffe166;outline-offset:5px}
.chapter-scroll{position:absolute;bottom:max(28px,env(safe-area-inset-bottom));left:calc(50% - 32px);z-index:6;pointer-events:auto}
.chapter-scroll[hidden],.chapter-controls button[hidden]{display:none!important}
.chapter-progress{position:absolute;z-index:6;bottom:0;left:0;width:100%;height:1px;transform-origin:left;background:#ffe16690;transform:scaleX(var(--chapter-progress,0));pointer-events:none}
.chapter-status{position:absolute;z-index:7;bottom:100px;left:6%;font:12px Arial,sans-serif;color:#eee;max-width:85%;pointer-events:none}
@media(max-width:699px){
 .cinematic-chapter{height:520svh}
 .chapter-opening{padding:9vh 6vw 15vh}
 .chapter-opening .scene-type h2{font-size:clamp(34px,10.3vw,58px);line-height:1}
 .chapter-opening .scene-type-body{font-size:16px;max-width:23ch;margin:auto}
 .chapter-copy{left:7%;width:86%;top:auto;bottom:max(112px,15svh);transform:none;max-width:none}
 .chapter-copy .scene-type h2{font-size:clamp(32px,9vw,52px);line-height:1;margin-bottom:20px}
 .chapter-copy .scene-type-body{font-size:14px;line-height:1.48;max-width:38ch}
 .chapter-scrim{background:linear-gradient(0deg,#000 5%,#000e 38%,#0000 74%)}
 .cinematic-chapter[data-chapter=government] .chapter-scrim{background:radial-gradient(ellipse at center,#051825b0,transparent 75%)}
 .cinematic-chapter[data-chapter=government] .chapter-copy{top:50%;bottom:auto;transform:translateY(-50%)}
 .cinematic-chapter[data-chapter=government] .scene-type-body{font-size:14px}
 .chapter-controls{left:6%;right:6%;top:18px}
 .chapter-controls button,.chapter-scroll{width:56px;height:56px}
 .chapter-scroll{left:calc(50% - 28px);bottom:24px}
 .chapter-tools{gap:10px}
}
@media(max-height:650px) and (min-width:700px){.chapter-copy .scene-type h2{font-size:clamp(34px,4vw,60px);margin-bottom:18px}.scene-type-body{font-size:15px;line-height:1.45}.chapter-opening .scene-type h2{font-size:min(6vw,12vh)}}
@media(prefers-reduced-motion:reduce){.scene-type-letter{transform:none!important;opacity:1!important}.scene-type-body{transform:none!important;opacity:1!important}.chapter-controls button,.chapter-scroll{transition:none}}


@media(max-width:699px){.cinematic-chapter[data-chapter=cgi] .chapter-copy{left:7%;width:86%;max-width:none}.cinematic-chapter[data-chapter=cgi] .chapter-copy h2{font-size:24px}.cinematic-chapter[data-chapter=cgi] .chapter-copy .scene-type-body{font-size:14px;max-width:48ch}}

/* Original CGI glyph morph and understated particle tide, revision236. */
.scene-type[data-morph] .scene-type-line{overflow:visible}
.chapter-tide{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen;z-index:0}
.scene-type[data-morph][data-motion-state="settled"] .scene-type-line,.scene-type[data-morph][data-motion-state="static"] .scene-type-line{overflow:clip}
.scene-type[data-morph] .scene-type-line{padding:.08em 0;margin:-.08em 0}

@keyframes chapter-champagne{0%,12%{background-position:100% 50%,0 0}75%,100%{background-position:0% 50%,0 0}}
@media(prefers-reduced-motion:reduce){.cinematic-chapter[data-chapter=cgi] .chapter-copy h2::after{animation:none}}

/* Opening manifesto belongs to the bridge flight, not the later screen projection. */
.cinematic-chapter[data-chapter=government] .chapter-opening h2{display:flex;flex-direction:column;align-items:center;width:100%;font-size:min(12.2vw,17svh);line-height:.98;margin:0;text-shadow:0 3px 30px #0008}
.cinematic-chapter[data-chapter=government] .chapter-opening{background:linear-gradient(0deg,transparent,#0002 50%,transparent)}
@media(max-width:699px){.cinematic-chapter[data-chapter=government] .chapter-opening h2{font-size:min(12.9vw,15svh);line-height:1.12}}

.cinematic-chapter[data-chapter=government] .chapter-opening .scene-type-line:nth-child(2){font-size:1.65em;line-height:.92}
.cinematic-chapter[data-chapter=government] .chapter-opening .scene-type{width:100%}
@media(max-width:699px){.cinematic-chapter[data-chapter=government] .chapter-opening .scene-type-line:nth-child(2){font-size:1.75em;line-height:.98}}

/* Equipment continuation: text occupies the clear left side of the supplied shot. */
.cinematic-chapter[data-chapter=cgi]{height:780svh}
.cinematic-chapter[data-chapter=cgi] .chapter-copy.chapter-detail{left:6%;width:34%;max-width:600px}
.chapter-scrim-left{opacity:var(--chapter-reading-left,0);background:linear-gradient(90deg,#0009,transparent 58%)}
@media(max-width:699px){
 .cinematic-chapter[data-chapter=cgi] .chapter-copy.chapter-detail{left:7%;width:86%;top:auto;bottom:max(105px,12svh)}
 .cinematic-chapter[data-chapter=cgi] .chapter-detail .scene-type-body{font-size:14px;line-height:1.45}
 .chapter-scrim-left{background:linear-gradient(0deg,#000 5%,#000e 38%,#0000 74%)}
}

@media(prefers-reduced-motion:reduce){.chapter-scrim{transition:none}}

.government-reference{position:absolute;inset:0;z-index:2;opacity:0;pointer-events:none}
.government-reference iframe{display:block;width:100%;height:100%;border:0;background:#2b2d30}
.government-reference[data-interactive="true"]{pointer-events:auto}

.government-reference-active .chapter-controls button{color:#dededb;border-color:#ffffff50;background:#090a0bc0;backdrop-filter:none}

/* Match Image Films: equal outer rows, enlarged centre, compact line boxes. */
.cinematic-chapter[data-chapter=government] .chapter-opening .scene-type-line{padding:.04em 0!important;margin:0!important}

/* CGI reuses the Image Films player and the site's actual navigation. */
.cgi-cinema{z-index:4;background:rgba(0,0,0,var(--cinema))}.cgi-site-menu{z-index:7;bottom:34px;opacity:1;--reel-ui:1}
.cgi-site-menu[hidden]{display:none}.cgi-site-menu .directions{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.cgi-site-menu .direction-label{white-space:nowrap;font-size:inherit}
.cgi-site-menu .directions li{min-width:0}.cgi-menu-visible .chapter-scroll{bottom:130px}
.cgi-cinema.is-interactive~.chapter-scroll{display:none}
@media(max-width:699px){.cgi-site-menu{left:5%;right:5%;bottom:22px;overflow-x:auto;scrollbar-width:none;padding:14px 0}.cgi-site-menu .directions{min-width:760px}.cgi-site-menu .direction-label{font-size:inherit}.cgi-menu-visible .chapter-scroll{top:44%;bottom:auto;left:auto;right:7%;transform:none;width:44px;height:44px}.cgi-cinema .films-screen{bottom:190px}}

.government-gallery-return{position:absolute;z-index:8;right:3%;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:58px;height:58px;border:1px solid #ffffff70;border-radius:50%;background:#08080880;color:#eeeee7;cursor:pointer;backdrop-filter:blur(8px)}.government-gallery-return[hidden]{display:none}.government-gallery-return svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.government-gallery-return:hover{color:#ffb800;border-color:#ffb800}.government-gallery-return:focus-visible{outline:2px solid #ffb800;outline-offset:4px}@media(max-width:699px){.government-gallery-return{width:44px;height:44px;right:3%}}

@media(max-width:699px){.cinematic-chapter[data-chapter=cgi] .chapter-opening .scene-type{top:47%;width:88%;max-width:88%}}

/* Government uses the same illuminated site menu as the other films. */
.government-site-menu{z-index:7;bottom:24px;opacity:1;--reel-ui:1}
.government-site-menu[hidden]{display:none}.government-site-menu .directions{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.government-site-menu .directions li{min-width:0}.government-site-menu .direction-label{white-space:nowrap;font-size:inherit}
@media(max-width:699px){.government-site-menu{left:5%;right:5%;bottom:18px;overflow-x:auto;scrollbar-width:none;padding:14px 0}.government-site-menu .directions{min-width:760px}.government-site-menu .direction-label{font-size:inherit}}