/* Scope all rules to the cinematic section; retain the existing site theme. */
.moar-scroll{background:#000;color:#f5f5f5;position:relative;padding:0;isolation:isolate}
.moar-stage{position:relative;max-width:1920px;margin:auto;padding:90px 5vw 64px}
.moar-media{position:relative;aspect-ratio:16/9;min-width:0}
.moar-poster,.moar-video{display:block;width:100%;height:100%;object-fit:contain}
.moar-video{position:absolute;inset:0;opacity:0}
.moar-scroll.is-ready .moar-video{opacity:1}
.moar-overlays{position:relative;z-index:2;min-width:0}
.moar-beat{padding:40px 0;max-width:640px;min-width:0;overflow-wrap:break-word}
.moar-scroll .moar-label{color:#b9bbc0;font:500 .75rem/1.6 var(--font-body,Inter,sans-serif);letter-spacing:.16em;margin:0 0 22px}
.moar-scroll .moar-beat h2{font-family:var(--font-heading,'Space Grotesk',sans-serif);font-size:clamp(28px,3.3vw,60px);font-weight:500;letter-spacing:-.045em;line-height:1.09;margin:0 0 26px;color:#f5f5f5}
.moar-scroll .moar-support{font-size:clamp(16px,1.2vw,20px);line-height:1.6;color:#b9bbc0;max-width:30em;margin:0}
.moar-services{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:8px;color:#c8c9cc;font-size:clamp(14px,1.1vw,18px);line-height:1.5}
.moar-scroll .moar-cta{display:inline-flex;gap:18px;color:#fff;font-size:16px;line-height:1.5;text-decoration:none;border-bottom:1px solid #888;padding:10px 0;max-width:100%;min-height:44px;align-items:center}
.moar-cta:focus-visible{outline:2px solid white;outline-offset:8px}
.moar-scroll.is-enhanced{height:calc(var(--moar-distance,450) * 1vh + var(--moar-height,100vh))}
.moar-scroll.is-enhanced .moar-stage{position:sticky;top:0;height:var(--moar-height,100vh);padding:0;overflow:hidden}
.is-enhanced .moar-media{position:absolute;right:0;top:12%;width:58%;height:80%;aspect-ratio:auto}
.is-enhanced .moar-overlays{height:100%;width:37%;margin-left:5%}
.is-enhanced .moar-beat{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:80px 0 32px;opacity:0;visibility:hidden;pointer-events:none;will-change:transform,opacity}
.is-enhanced .moar-beat.is-visible{visibility:visible;pointer-events:auto}
.is-enhanced .moar-beat h2{font-size:clamp(28px,3.3vw,60px)}
@media(max-width:760px){
 .moar-stage{padding:76px 6vw 40px}
 .is-enhanced .moar-media{top:var(--moar-top,72px);left:0;width:100%;height:var(--moar-media-height,32%);}
 .is-enhanced .moar-overlays{position:absolute;top:calc(var(--moar-top,72px) + var(--moar-media-height,32%));height:calc(100% - var(--moar-top,72px) - var(--moar-media-height,32%));width:88%;margin-left:6%}
 .is-enhanced .moar-beat{justify-content:flex-start;padding:16px 0 max(20px, env(safe-area-inset-bottom))}
 .moar-scroll .moar-beat h2{font-size:clamp(1.625rem,6.7vw,2.5rem);margin-bottom:16px}
 .moar-scroll .moar-label{font-size:12px;letter-spacing:.12em;margin-bottom:12px}
 .moar-scroll .moar-support{font-size:16px}
 .moar-services{font-size:14px;gap:4px;margin-bottom:12px}
 .moar-scroll .moar-cta{font-size:1rem}
}
@media(prefers-reduced-motion:reduce){.moar-video{display:none}.moar-beat,.moar-services li{transform:none!important;opacity:1!important}}

/* Chinese headings need their own rhythm and dependable system font fallbacks. */
:lang(zh) .moar-scroll{font-family:Inter,"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif}
:lang(zh) .moar-scroll .moar-beat h2{font-family:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;font-weight:500;letter-spacing:0;line-height:1.3}
:lang(zh) .moar-scroll .moar-label{font-family:inherit;letter-spacing:.08em}
:lang(zh) .moar-scroll .moar-support{line-height:1.8}
@media(max-width:760px){
 .moar-scroll .moar-support{font-size:1rem}
 .moar-services{font-size:.875rem}
 :lang(zh) .moar-scroll .moar-beat h2{font-size:clamp(1.5rem,6.5vw,2.25rem)}
}