/* Approved camera story, scoped to About. Shared site chrome remains global. */
.about-camera{--night:#0a1115;--cream:#f3ead8;--sand:#ded4b8;--ochre:#e0a94e;--terra:#c75640;--bar:100px}.about-camera, .about-camera *{box-sizing:border-box}.about-camera{margin:0;color:var(--cream);background:var(--night);font:16px/1.6 Archivo,Arial,sans-serif}.about-camera a{color:inherit;text-underline-offset:5px}.about-camera button{font:inherit;cursor:pointer}.about-camera .stage{position:fixed;top:var(--bar);left:0;right:0;bottom:0;overflow:hidden;pointer-events:none}.about-camera .environment{position:absolute;inset:-6%;background-position:center;background-size:cover;opacity:0;will-change:transform,opacity}.about-camera #about-ground{background-image:url('/assets/about-camera/ground-stage.webp')}.about-camera #about-templeScene{background-image:url('/assets/about-camera/temple-courts.webp')}.about-camera #about-marketScene{background-image:url('/assets/about-camera/market-courts.webp')}.about-camera #about-studioScene{background-image:url('/assets/about-camera/rehearsal-room.webp')}.about-camera #about-churchScene{background-image:url('/assets/about-camera/church-room.webp')}.about-camera #about-atlasMap{position:absolute;inset:0;opacity:0;background:#0a1115}.about-camera .shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,11,13,.9) 0%,rgba(6,11,13,.7) 30%,rgba(6,11,13,.05) 76%),linear-gradient(0deg,rgba(6,11,13,.66),transparent 25%)}.about-camera .chapter-line{position:absolute;bottom:25px;left:4vw;right:4vw;display:flex;justify-content:space-between;padding-top:14px;border-top:1px solid #ded4b84a;font-size:11px;color:var(--sand);letter-spacing:.04em}.about-camera .chapter-line i{position:absolute;left:0;top:-1px;height:2px;background:var(--terra);width:100%;transform-origin:left;transform:scaleX(0)}.about-camera #about-story{position:relative;padding-top:var(--bar)}.about-camera .beat{height:175svh;position:relative;padding-top:14svh;pointer-events:none}.about-camera .copy{position:sticky;top:calc(var(--bar) + 14svh);padding:0 0 8svh 4vw;width:46%;max-width:660px;opacity:0;pointer-events:none}.about-camera .beat.active .copy{opacity:1;pointer-events:auto}.about-camera .eyebrow{display:block;font-size:11px;color:var(--sand);text-transform:uppercase;letter-spacing:.14em;margin-bottom:22px}.about-camera .copy h1,.about-camera .copy h2{font-family:Anton,Impact,sans-serif;font-weight:400;line-height:1.02;text-transform:uppercase;letter-spacing:-.02em;font-size:clamp(50px,6.3vw,96px);margin:0 0 26px;text-wrap:balance}.about-camera .copy h1{font-size:clamp(62px,7.2vw,112px)}.about-camera .copy em{font-style:normal;color:var(--ochre)}.about-camera .copy p{font-size:clamp(15px,1.25vw,18px);max-width:43ch;line-height:1.6;margin:0 0 15px}.about-camera .copy .small{font-size:13px;color:var(--sand);max-width:45ch}.about-camera .text-link,.about-camera .source{display:inline-block;color:var(--ochre);font-size:12px;font-weight:600;margin-top:12px}.about-camera .copy blockquote{font-size:clamp(19px,1.8vw,27px);line-height:1.45;font-weight:500;margin:20px 0;color:var(--sand);max-width:28ch}.about-camera .finale{height:440svh}.about-camera .map-key{display:flex;gap:22px;font-size:11px;margin:24px 0 10px;color:var(--sand)}.about-camera .map-key span{display:flex;align-items:center;gap:7px}.about-camera .map-key i{width:6px;height:6px;background:var(--cream);border-radius:50%}.about-camera .map-key span:nth-child(2) i{background:var(--ochre)}.about-camera #about-flowToggle{border:0;border-bottom:1px solid #ded4b877;background:transparent;color:var(--sand);padding:6px 0;font-size:12px;min-height:36px}.about-camera .actions{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0 15px}.about-camera .button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 20px;background:#9f3d2b;color:var(--cream);font-family:Anton,Impact,sans-serif;text-transform:uppercase;font-size:14px;letter-spacing:.04em;text-decoration:none}.about-camera .button.secondary{background:transparent;border:1px solid #ded4b877}.about-camera .copy .map-note{font-size:11px;color:var(--sand);max-width:42ch}.about-camera a:hover,.about-camera button:hover{color:var(--ochre)}.about-camera .button:hover{background:#a8432c;color:var(--cream)}.about-camera a:focus-visible,.about-camera button:focus-visible{outline:3px solid var(--ochre);outline-offset:4px}.about-camera footer{position:relative;background:var(--night);padding:35px 4vw;color:var(--sand);font-size:11px;border-top:1px solid #ded4b833}.about-camera footer p{max-width:95ch}.about-camera .maplibregl-ctrl-attrib{font-size:11px;background:rgba(10,17,21,.8)!important;color:var(--sand)!important}.about-camera .maplibregl-ctrl-attrib a{color:var(--sand)!important}.about-camera .maplibregl-ctrl-bottom-right{bottom:55px;right:4vw}.about-camera .maplibregl-canvas{outline:none}.about-camera.is-still .stage{display:none}.about-camera.is-still .beat{height:auto;min-height:70svh;padding:60px 5vw;background:linear-gradient(90deg,#0a1115f5,#0a1115a6),var(--poster) center/cover;border-bottom:1px solid #ded4b833}.about-camera.is-still .copy{position:relative;top:auto;width:auto;max-width:700px;padding:0;opacity:1;pointer-events:auto}.about-camera.is-still #about-begin,.about-camera.is-still #about-floor{--poster:url('/assets/about-camera/ground-stage.webp')}.about-camera.is-still #about-temple{--poster:url('/assets/about-camera/temple-courts.webp')}.about-camera.is-still #about-market{--poster:url('/assets/about-camera/market-courts.webp')}.about-camera.is-still #about-today{--poster:url('/assets/about-camera/rehearsal-room.webp')}.about-camera.is-still #about-toll,.about-camera.is-still #about-room{--poster:url('/assets/about-camera/church-room.webp')}.about-camera.is-still .finale{padding-bottom:80px}.about-camera.is-still #about-flowToggle{display:none}.about-camera.is-still .map-key{margin-bottom:24px}.about-camera .static-map{display:none}.about-camera.is-still .static-map{display:block;position:relative;z-index:0;margin:0;width:100%;height:50svh;opacity:1!important}.about-camera.is-still .static-map .shade{display:none}
@media(max-width:820px){.about-camera{--bar:89px}.about-camera .beat{height:165svh;padding-top:5svh}.about-camera .copy{top:calc(var(--bar) + 5svh);width:100%;max-width:570px;padding:0 6vw 8svh}.about-camera .eyebrow{font-size:11px;letter-spacing:.1em;margin-bottom:15px}.about-camera .copy h1,.about-camera .copy h2{font-size:clamp(38px,10.3vw,64px);margin-bottom:20px;line-height:1.06}.about-camera .copy h1{font-size:clamp(42px,11.5vw,68px)}.about-camera .copy p{font-size:14px;line-height:1.5;margin-bottom:12px;max-width:37ch}.about-camera .copy .small{font-size:12px;line-height:1.5}.about-camera .copy blockquote{font-size:20px;line-height:1.4;max-width:25ch;margin:16px 0}.about-camera .source,.about-camera .text-link{font-size:12px;margin-top:5px}.about-camera .shade{background:linear-gradient(180deg,#060b0ded 0%,#060b0dcf 25%,#060b0d22 70%,#060b0d99 100%)}.about-camera .environment{inset:-4% -35%;background-position:60% center}.about-camera .chapter-line{bottom:18px;left:6vw;right:6vw;font-size:11px}.about-camera .scroll-cue{display:none}.about-camera .finale{height:420svh}.about-camera .finale .copy{top:calc(var(--bar) + 4svh)}.about-camera .finale .copy p{font-size:13px;margin-bottom:10px}.about-camera .finale .copy h2{font-size:clamp(38px,10.2vw,60px);margin-bottom:16px}.about-camera .finale .eyebrow{margin-bottom:12px}.about-camera .map-key{gap:15px;font-size:11px;margin:16px 0 6px}.about-camera .actions{margin:14px 0 10px;gap:8px}.about-camera .button{font-size:12px;min-height:44px;padding:10px 14px}.about-camera .copy .map-note{font-size:11px;max-width:36ch}.about-camera .maplibregl-ctrl-bottom-right{bottom:44px}.about-camera .finale .copy{padding-bottom:5svh}.about-camera.is-still .beat{min-height:0;padding:45px 6vw}.about-camera.is-still .copy h1,.about-camera.is-still .copy h2{font-size:clamp(38px,10vw,60px)}}
@media(max-height:760px) and (min-width:821px){.about-camera .beat{padding-top:5vh}.about-camera .copy{top:calc(var(--bar) + 5vh)}.about-camera .copy h1,.about-camera .copy h2{font-size:56px;margin-bottom:16px}.about-camera .eyebrow{margin-bottom:14px}.about-camera .copy p{font-size:14px}.about-camera .copy blockquote{font-size:21px}.about-camera .map-key{margin-top:14px}.about-camera .actions{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.about-camera .environment{will-change:auto}}
.about-camera{overflow-anchor:none}
.about-camera.is-still #about-atlasMap{display:block;position:relative;inset:auto;width:100%;height:50svh;opacity:1!important;margin:28px 0 0}
.about-camera .copy{position:fixed;left:0}.about-camera footer{z-index:2}
.about-camera .stage{isolation:isolate;z-index:0}.about-camera #about-story{z-index:1}.about-camera #about-atlasMap{z-index:4}.about-camera .shade{z-index:5}.about-camera .chapter-line{z-index:7}
.about-camera #about-overturnedScene{background-image:url('/assets/about-camera/overturned-courts.webp')}.about-camera #about-countingScene{background-image:url('/assets/about-camera/counting-room.webp')}
.about-camera #about-reformScene{background-image:url('/assets/about-camera/reformed-room.webp')}.about-camera #about-sharedScene{background-image:url('/assets/about-camera/shared-gifts.webp')}
.about-camera .sources{display:flex;gap:22px;flex-wrap:wrap}.about-camera .industry-row{transform-origin:center bottom;backface-visibility:hidden}
.about-camera[data-chapter=reform] .shade{background:linear-gradient(90deg,#060b0de6 0%,#060b0dbb 35%,#060b0d33 66%,#060b0d77 100%)}
.about-camera.is-still #about-reform{--poster:url('/assets/about-camera/reformed-room.webp')}.about-camera.is-still #about-room,.about-camera.is-still #about-sing{--poster:url('/assets/about-camera/shared-gifts.webp')}
.about-camera .beat{height:150svh}.about-camera .finale{height:220svh}.about-camera #about-market{height:165svh}.about-camera #about-layers{height:175svh}.about-camera #about-back{height:165svh}
.about-camera .ledger,.about-camera .direct-exchange{position:absolute;z-index:6;right:6vw;top:17%;width:32%;max-width:430px;opacity:0;color:var(--cream);text-shadow:0 2px 14px #000}
.about-camera .ledger-start,.about-camera .ledger-end{font-family:Anton,Impact,sans-serif;font-size:25px;text-transform:uppercase;letter-spacing:.035em;padding:7px 0}.about-camera .ledger-end{color:var(--sand)}.about-camera .ledger-end.reached{color:var(--ochre)}
.about-camera .ledger-route{position:relative;padding:0 0 0 24px;margin:7px 0}.about-camera .industry-row{height:38px;display:flex;align-items:center;border-bottom:1px solid #ded4b852;font-size:14px;letter-spacing:.02em;color:var(--sand);will-change:opacity,transform}.about-camera .industry-row.reached{color:var(--ochre)}
.about-camera .ledger-rail{position:absolute;top:0;bottom:0;left:3px;width:1px;background:#ded4b869}.about-camera .ledger-light{position:absolute;left:0;top:calc(var(--ledger-travel,0)*100%);width:7px;height:7px;border-radius:50%;background:var(--ochre);box-shadow:0 0 12px #e0a94e;transform:translateY(-3px)}
.about-camera[data-chapter=layers] .shade{background:linear-gradient(90deg,#060b0de6 0%,#060b0dbb 35%,#060b0d66 66%,#060b0d99 100%)}
.about-camera[data-chapter=back] .shade{background:linear-gradient(90deg,#060b0de6 0%,#060b0dbb 35%,#060b0d99 66%,#060b0d77 100%)}
.about-camera .direct-exchange{top:29%;display:grid;grid-template-columns:1fr;gap:18px}.about-camera .direct-exchange strong{font-family:Anton,Impact,sans-serif;font-size:28px;font-weight:400;text-transform:uppercase}.about-camera .direct-exchange>div>span{display:block;font-size:14px;color:var(--sand)}.about-camera .exchange-path{position:relative;border-top:1px solid #ded4b87a;border-bottom:1px solid #ded4b87a;padding:13px 0;display:flex;flex-direction:column;gap:10px;font-size:12px}.about-camera .exchange-path i{position:absolute;top:-4px;left:calc(var(--direct-travel,0)*100%);width:7px;height:7px;border-radius:50%;background:var(--ochre);box-shadow:0 0 10px #e0a94e}.about-camera .exchange-path i:nth-child(2){top:auto;bottom:-4px;left:calc((1 - var(--direct-travel,0))*100%);background:var(--cream)}
.about-camera.is-still #about-overturned{--poster:url('/assets/about-camera/overturned-courts.webp')}.about-camera.is-still #about-layers{--poster:url('/assets/about-camera/counting-room.webp')}.about-camera.is-still #about-back{--poster:url('/assets/about-camera/ground-stage.webp')}
.about-camera.is-still #about-market,.about-camera.is-still #about-layers,.about-camera.is-still #about-back{height:auto}
@media(max-width:820px){.about-camera .beat{height:145svh}.about-camera .finale{height:210svh}.about-camera #about-market{height:155svh}.about-camera #about-layers{height:180svh}.about-camera #about-back{height:160svh}.about-camera .ledger{right:8vw;left:8vw;width:auto;top:52%;max-width:none}.about-camera .ledger-start,.about-camera .ledger-end{font-size:20px;padding:4px 0}.about-camera .industry-row{height:27px;font-size:12px}.about-camera .ledger-route{margin:5px 0;padding-left:20px}.about-camera .direct-exchange{top:55%;right:8vw;left:8vw;width:auto;gap:12px}.about-camera .direct-exchange strong{font-size:23px}.about-camera .direct-exchange>div>span{font-size:12px}.about-camera .exchange-path{padding:10px 0;gap:6px}.about-camera .copy .small{max-width:40ch}.about-camera[data-chapter=layers] .shade{background:linear-gradient(180deg,#060b0df0,#060b0da6 56%,#060b0d88 100%)}.about-camera #about-layers .copy p{font-size:13px;line-height:1.5}.about-camera #about-layers .copy .small{font-size:11px}.about-camera .environment#about-countingScene,.about-camera .environment#about-reformScene{background-position:76% center}.about-camera[data-chapter=reform] .shade{background:linear-gradient(180deg,#060b0de8,#060b0d99 50%,#060b0d55 100%)}.about-camera[data-chapter=reform] .ledger{top:56%}.about-camera.is-still .beat{height:auto}.about-camera.is-still #about-market,.about-camera.is-still #about-layers,.about-camera.is-still #about-back{height:auto}}


body.about-camera-route{overflow-anchor:none;background:#0a1115}
body.about-camera-route #app{padding:0}
body.about-camera-route .topbar{position:fixed;inset:0 0 auto}
body.about-camera-route .demo-truth{position:fixed;top:var(--about-header,72px);left:0;right:0}
.about-camera{position:relative;isolation:isolate}
.about-camera .about-controls{position:fixed;z-index:40;top:calc(var(--bar) + 12px);right:4vw}
.about-camera #about-reading{font:inherit;cursor:pointer;color:var(--cream);background:#0a1115bb;border:1px solid #ded4b866;padding:9px 12px;font-size:12px;min-height:44px}
.about-camera button.text-link{border:0;background:transparent;padding:0;cursor:pointer}
.about-camera footer{z-index:8}
.about-camera .copy h1,.about-camera .copy h2{color:var(--cream)}
.about-camera .source,.about-camera .text-link{text-decoration:underline}
.about-camera.is-still #about-story{padding-top:var(--bar)}
@media(max-width:820px){.about-camera .about-controls{right:6vw;top:calc(var(--bar) + 8px)}.about-camera #about-reading{font-size:11px;padding:6px 9px;min-height:38px}.about-camera .copy{top:calc(var(--bar) + 8svh)}.about-camera .finale .copy{top:calc(var(--bar) + 8svh)}}

.about-camera footer{padding:12px 4vw}.about-camera .story-credits summary{cursor:pointer;min-height:28px;display:list-item;width:fit-content;color:var(--sand)}.about-camera .story-credits summary:focus-visible{outline:3px solid var(--ochre);outline-offset:4px}.about-camera .story-credits[open] summary{margin-bottom:16px}
@media(min-width:821px) and (min-height:761px){.about-camera .finale .copy{top:calc(var(--bar) + 5svh)}}
@media(min-width:821px) and (max-width:980px){:root body.about-camera-route .topbar .row{height:auto;min-height:72px;row-gap:0;padding:8px 0 0}:root body.about-camera-route .navlinks a{padding:10px 8px 14px}:root body.about-camera-route .navlinks a.active::after{bottom:6px}}