/* All existing homepage styling is retained; only the new local book section is added. */
:root{--book-header:80px;--book-window:calc(100svh - var(--book-header))}
html{scrollbar-gutter:stable}
.codex-book-section{position:relative;height:calc(var(--book-window)*2.3);background:#101919;isolation:isolate;scroll-margin:0;max-width:100%;}
.codex-book-sticky{position:sticky;top:var(--book-header);height:var(--book-window);width:100%;overflow:hidden;}
#siteBookFrame{display:block;width:100%;height:100%;border:0;background:#101919;}
.main-nav a[aria-current="location"]{color:#f3d596;border-color:#c9a15c}
@media(max-width:900px){.main-nav{gap:1rem}.header-wrap{gap:1.2rem}}
@media(max-width:620px){.main-nav{justify-content:space-between;gap:10px;width:100%}.main-nav a{font-size:12px;white-space:nowrap}.codex-book-sticky{top:var(--book-header)}.header-wrap{column-gap:1rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}

/* Two stacked photos, five automatically advancing pairs. */
.overview-inner{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:2rem}.scene-gallery{min-width:0;width:100%;position:relative;align-self:center;display:grid}.scene-pair{grid-area:1/1;display:grid;gap:20px;opacity:0;visibility:hidden;transform:translateX(12px);transition:opacity .8s ease,transform .8s ease,visibility .8s;pointer-events:none}.scene-pair.is-current{opacity:1;visibility:visible;transform:none;z-index:1}.scene-card{margin:0;padding:6px;background:#0b131d;border:1px solid #ac8d4e;box-shadow:0 14px 30px #0004;min-width:0}.scene-card img{display:block;width:100%;aspect-ratio:16/9;height:auto;object-fit:contain;background:#0b131d}.scene-card figcaption{padding:12px 8px;color:#cbbb98;font-size:12px;line-height:1.4}.scene-card figcaption span{color:#cba661;margin-right:7px}.strategy-steps li{transition:border-color .4s,background .4s}.strategy-steps li.is-shown{border-top-color:#c2a16199;background:linear-gradient(90deg,#b5904212,transparent)}
@media(max-width:760px){.overview-inner{grid-template-columns:1fr;gap:2rem}.scene-gallery{max-width:600px;margin:auto}.scene-pair{gap:16px}.scene-card figcaption{font-size:11px;padding:10px 6px}}
@media(prefers-reduced-motion:reduce){.scene-pair{transition:none;transform:none}}

/* Neighbouring pairs remain visible behind both current photos. */
.scene-gallery{overflow:hidden;padding:16px 0;isolation:isolate}
.scene-pair{width:84%;justify-self:center;transform:translateX(0) scale(.91);z-index:0;transition:opacity .8s ease,transform .8s ease,filter .8s ease,visibility .8s}
.scene-pair.is-prev,.scene-pair.is-next{visibility:visible;opacity:.42;filter:blur(1.3px) saturate(.7);z-index:1}
.scene-pair.is-prev{transform:translateX(-14%) scale(.92)}
.scene-pair.is-next{transform:translateX(14%) scale(.92)}
.scene-pair.is-current{visibility:visible;opacity:1;filter:none;transform:none;z-index:2}
.scene-pair.is-current .scene-card{box-shadow:0 12px 26px #0009}
.scene-gallery::before,.scene-gallery::after{content:"";position:absolute;top:0;bottom:0;width:4%;z-index:3;pointer-events:none}
.scene-gallery::before{left:0;background:linear-gradient(90deg,#0b131d88,transparent)}
.scene-gallery::after{right:0;background:linear-gradient(270deg,#0b131d88,transparent)}
@media(prefers-reduced-motion:reduce){.scene-pair{transition:none}}

.book-loading{position:absolute;inset:0;display:grid;place-items:center;color:#d4b578;font-size:14px;background:#101919;pointer-events:none}