/* Quiet shared brand header and footer. */
.header{gap:20px;align-items:center}.header .site-switch{margin-left:auto;display:flex;gap:3px;align-items:center;border:1px solid #dbe3d04d;border-radius:40px;padding:4px;background:#13281d66;flex-shrink:0}.site-switch :is(a,span){font-family:var(--sans);font-size:11px;line-height:1.5;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 15px;border-radius:28px;letter-spacing:0;text-transform:none}.site-switch a{color:#eff1e6}.site-switch span[aria-current]{background:#dbe3d0;color:#26372c}.site-switch a:hover{background:#e3e9d41a}.storyboard-mode .header .site-switch{background:transparent;border-color:#52624855}.storyboard-mode .site-switch a{color:#26372c}.storyboard-mode .site-switch span[aria-current]{background:#26372c;color:#fcf9f1}.header .brand-logo{width:174px}.header .brand>img{width:174px}.storyboard-mode .header{padding-block:24px}
.footer.shared-footer{background:#f3efe4;color:#26372c;max-width:none;width:100%;margin:0;padding:36px 0 30px;border:0}.shared-footer>.footer-inner{display:grid;grid-template-columns:auto 1fr auto;gap:28px 45px;align-items:center;width:calc(100% - 8%);max-width:1320px;margin:0 auto}.shared-footer .footer-brand{display:inline-flex;align-items:center;gap:17px;width:max-content}.shared-footer .footer-brand img{width:174px;height:auto}.shared-footer .footer-brand>span{font:10px var(--sans);letter-spacing:.17em;text-transform:uppercase;border-left:1px solid #52624855;padding-left:16px;color:#65715c}.shared-footer .footer-tagline{font-family:var(--serif);font-size:23px;line-height:1.4;text-align:center;margin:0;color:#26372c}.shared-footer .footer-meta{display:flex;flex-direction:column;align-items:flex-end;gap:14px;font-size:10px;color:#65715c}.shared-footer .footer-meta a{min-height:36px;display:inline-flex;align-items:center}.shared-footer .footer-legal{display:flex;grid-column:1/-1;justify-content:space-between;align-items:center;border-top:1px solid #52624840;width:100%;padding:16px 0 0;margin:2px 0 0;gap:20px}.shared-footer .legal-line{font-size:10px!important;color:#65715c}.shared-footer .privacy-link{font-size:11px;color:#65715c}.shared-footer .footer-meta a:hover,.shared-footer .privacy-link:hover{color:#26372c}
@media(max-width:760px){.header{gap:12px}.header .brand-logo,.header .brand>img{width:135px}.site-switch :is(a,span){font-size:10px;padding:8px 10px;min-height:40px}.header .brand>span{display:none}.shared-footer>.footer-inner{grid-template-columns:1fr auto;gap:24px}.shared-footer .footer-tagline{grid-column:1/-1;text-align:left;font-size:22px;grid-row:2}.shared-footer .footer-meta{font-size:10px}.shared-footer .footer-legal{grid-row:3}.shared-footer .footer-brand img{width:155px}.footer.shared-footer{padding-block:30px 24px}}
@media(max-width:420px){.header{padding-inline:18px!important}.header .brand-logo,.header .brand>img{width:108px}.header .site-switch{padding:3px;gap:0}.site-switch :is(a,span){font-size:9px;padding:7px 8px}.shared-footer .footer-brand img{width:134px}.shared-footer .footer-brand>span{font-size:9px;padding-left:10px}.shared-footer .footer-brand{gap:10px}.shared-footer .footer-meta{font-size:9px}}
@media(max-width:350px){.header .brand-logo,.header .brand>img{width:92px}.site-switch :is(a,span){font-size:8px;padding:7px 7px}}

.shared-footer .footer-brand img{filter:brightness(0);opacity:.84}
.storyboard-mode .header{background:#eee9df;color:#26372c}.storyboard-mode .header .brand-logo{filter:brightness(0);opacity:.84}

/* Four selected moments, readable as pairs on smaller screens. */
.idea-scenes{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.idea-scenes img{aspect-ratio:4/3}.idea-scenes figcaption{font-size:12px;line-height:1.6}
@media(max-width:900px){.idea-scenes{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 18px}}
@media(max-width:480px){.idea-scenes{gap:23px 12px}.idea-scenes img{aspect-ratio:1.12}.idea-scenes figcaption{font-size:12px;line-height:1.6}}

/* Natural height overrides HTML height attributes: faces and context remain in frame. */
.idea-scenes img{width:100%;height:auto;aspect-ratio:16/10;object-fit:contain;background:#111812}.idea-scenes figure{align-self:start}
.screenplay .scene-lead img,.screenplay .scene-strip img,.screenplay .cover-frames img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
.screenplay .scene-strip{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
@media(max-width:600px){.idea-scenes img{height:auto;aspect-ratio:16/10;object-fit:contain}.screenplay .scene-lead img,.screenplay .scene-strip img{height:auto;aspect-ratio:auto}.screenplay .scene-strip figcaption{font-size:11px;line-height:1.65}}

/* The Web selection mirrors the two approved Storyboard cases, with full frames. */
#case-gallery[data-frames="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}#case-gallery[data-frames="2"] img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:contain;background:#111812}
#story-watch[data-film="raw"] #story-cover,#story-watch[data-film="founders"] #story-cover{object-fit:contain;background:#111812}
@media(max-width:600px){#case-gallery[data-frames="2"]{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}

/* Keep the previous case hidden until the selected photograph is decoded. */
#image-dialog figure{position:relative}.gallery-loading{position:absolute;inset:0 0 auto;min-height:69svh;display:grid;place-content:center;justify-items:center;gap:12px;pointer-events:none}.gallery-loading p{margin:0;color:var(--cream);font:14px var(--sans)}.gallery-loading button{pointer-events:auto;padding:10px 18px;border:1px solid currentColor;border-radius:0;background:transparent;color:var(--cream);font:inherit;cursor:pointer}.gallery-loading [hidden]{display:none}@media(max-width:760px){.gallery-loading{min-height:62svh}}