/* Production-only shell. Original final sections keep their site classes and typography. */
:where(#site-motion-hero){display:grid;grid-template-columns:minmax(0,1fr);isolation:isolate;min-width:0;scroll-margin-top:88px;background:#edf2f8;--ink:#111b2e;--muted:#52627c;--blue:#2563eb;--line:#dce3ed;--paper:#eef2f7}
:where(#site-motion-hero)[hidden],:where(#site-motion-hero) [hidden]{display:none!important}
:where(#site-motion-hero) .motion-final{grid-area:1/1;min-width:0;display:grid;align-items:stretch}
:where(#site-motion-hero) .motion-final>section,:where(#site-motion-hero) .motion-final>.services-hero{width:100%;align-content:center}
:where(#site-motion-hero) .motion-final>.services-hero{display:flex;align-items:center}
:where(#site-motion-hero) .motion-final>.services-hero>.container{width:100%}
:where(#site-motion-hero).is-playing .motion-final{visibility:hidden;pointer-events:none}
:where(#site-motion-hero).is-revealing .motion-final{visibility:visible}
:where(#site-motion-hero)>.chapters{grid-area:2/1;min-width:0}
/* Restore demo defaults only inside the animated layer, before subject styles. */
:where(#motion-film){font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.6}
:where(#motion-film) *,:where(#motion-film) *::before,:where(#motion-film) *::after{box-sizing:border-box}
:where(#motion-film) h2{font-size:1.5em;font-weight:bold;line-height:inherit;margin:.83em 0}
:where(#motion-film) h3{font-size:1.17em;font-weight:bold;line-height:inherit;margin:1em 0}
:where(#motion-film) p,:where(#motion-film) dl{margin:1em 0}
:where(#motion-film) dd{margin-inline-start:40px}
:where(#motion-film) figure{margin:1em 40px}
:where(#motion-film) ol,:where(#motion-film) ul{margin:1em 0;padding-inline-start:40px}
:where(#motion-film) ol{list-style:decimal}
:where(#motion-film) ul{list-style:disc}
:where(#motion-film) b,:where(#motion-film) strong{font-weight:bolder}
:where(#motion-film) small{font-size:smaller}
:where(#motion-film) button,:where(#motion-chapters) button{font:inherit;cursor:pointer}
:where(#motion-film) a{color:inherit}
:where(#site-motion-hero) button,:where(#site-motion-hero) a{-webkit-tap-highlight-color:transparent}
:where(#site-motion-hero) button:focus-visible,:where(#site-motion-hero) a:focus-visible{outline:3px solid #e6ae36;outline-offset:4px}
:where(#site-motion-hero) .motion-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;margin-top:18px;min-width:0}
:where(#site-motion-hero) .motion-actions>.btn{max-width:100%;white-space:normal;text-align:center;font-size:14px;line-height:1.5}
:where(#site-motion-hero) .motion-actions>button:not(.btn){min-height:44px;padding:10px 0;border:0;background:none;color:inherit;font-size:13px;line-height:1.45;text-decoration:underline;text-underline-offset:4px}
:where(#site-motion-hero) .motion-actions>.btn:focus-visible{outline:3px solid #f5c75b;outline-offset:3px}
:where(#site-motion-hero) .cinema-foot>p,:where(#site-motion-hero) .portal-foot>p{min-width:0;flex:1}
@media(max-width:600px){:where(#site-motion-hero) .motion-actions{gap:4px 12px}:where(#site-motion-hero) .motion-actions>.btn{min-width:0}}
@media(prefers-reduced-motion:reduce){:where(#site-motion-hero) .motion-final{visibility:visible!important;pointer-events:auto}:where(#site-motion-hero) #motion-chapters{display:none!important}}