/* The additional motion is confined to this section, never to the hero or big screen. */
.landing-physics{position:relative;z-index:4;height:480vh;height:480svh;background:#03060b;isolation:isolate;color:#fff}
.landing-physics__viewport{position:sticky;top:0;height:100vh;height:100svh;width:100%;overflow:hidden;background:#03060b;contain:layout paint}
.landing-physics__canvas{display:block;width:100%;height:100%;pointer-events:none;opacity:0;transition:none}
.landing-physics[data-physics-active="true"] .landing-physics__canvas{opacity:1}
.landing-physics[data-physics-active="true"] .landing-physics[data-physics-static="true"] .landing-physics--unavailable{display:none}
@media(max-width:820px){.landing-physics{height:460vh;height:460svh}}
@media(prefers-reduced-motion:reduce){.landing-physics{height:180vh;height:180svh}}
@media(forced-colors:active){.landing-physics{display:none}}

/* No extra blank scroll track when scripting is unavailable. */
.landing-physics:not([data-physics-ready="true"]){display:none}

/* 1.57: words belong only to the two new chapters, not the original landing. */
.landing-physics__copy{position:absolute;z-index:1;top:22%;left:50%;width:calc(100% - 48px);max-width:820px;transform:translateX(-50%);margin:0;text-align:center;color:#fff;font:700 clamp(32px,4.3vw,62px)/1.15 var(--font-latin,system-ui,sans-serif);letter-spacing:-.04em;text-wrap:balance;opacity:0;visibility:hidden;pointer-events:none;text-shadow:0 2px 18px #000,0 1px 3px #000}
.landing-physics__copy--progress{top:40%;font-size:clamp(32px,4.3vw,58px)}
html:lang(th) .landing-physics__copy{font-family:var(--font-thai,system-ui,sans-serif);line-height:1.45;letter-spacing:0;font-size:clamp(30px,4vw,56px)}
@media(max-width:820px){.landing-physics__copy{top:23%;width:calc(100% - 40px);font-size:clamp(30px,8vw,44px)}.landing-physics__copy--progress{top:40%}}
@media(max-height:480px){.landing-physics__copy{top:14%;font-size:30px}.landing-physics__copy--progress{top:38%}}