/* E03 Motion study. Static content remains the default; JS opts in. */
.motion-bridge{display:none;scroll-margin-top:0}.motion-preview{display:none}.motion-enabled .motion-preview{display:inline}.motion-enabled .motion-bridge{display:block;position:relative;height:var(--nh-motion-stage-desktop);background:var(--to);isolation:isolate}.motion-bridge[data-from=red]{--from:var(--nh-color-red);--to:var(--nh-color-purple);--ray:#e8d9ff}.motion-bridge[data-from=purple]{--from:var(--nh-color-purple);--to:var(--nh-color-yellow);--ray:#f8ffb9}.motion-scene{position:sticky;top:0;height:100svh;overflow:hidden;contain:paint;--cut:50%;--skew:0%;--p:0;--line:0;--line-opacity:0;--out-y:0px;--out-alpha:1;--in-y:80px;--in-alpha:0;--orbit-turn:-18deg;--orbit-y:0px;--orbit-scale:1;--scene-alpha:1;--guide:0;--scroll-alpha:1}.motion-layer{position:absolute;inset:0;padding:42px var(--nh-layout-gutter);color:var(--nh-color-ink);display:flex;flex-direction:column;justify-content:space-between}.motion-out{background:var(--from)}.motion-in{background:var(--to);clip-path:polygon(calc(var(--cut) - var(--skew)) 0,calc(100% - var(--cut) - var(--skew)) 0,calc(100% - var(--cut) + var(--skew)) 100%,calc(var(--cut) + var(--skew)) 100%);will-change:clip-path}.motion-meta{display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:.08em;border-top:1px solid #11111266;padding-top:20px}.motion-title{font-size:clamp(80px,13.8vw,235px);line-height:.86;letter-spacing:-.05em;font-weight:800;margin-top:-30px;position:relative;width:75%;opacity:var(--scene-alpha)}.motion-out .motion-title{transform:translateY(var(--out-y));opacity:var(--out-alpha)}.motion-in .motion-title{transform:translateY(var(--in-y));opacity:var(--in-alpha)}.motion-corner{font-size:10px;letter-spacing:.08em;margin-bottom:85px;opacity:var(--scene-alpha)}.motion-orbit{position:absolute;right:9%;top:37%;width:23vw;max-width:360px;aspect-ratio:1;transform:translateY(var(--orbit-y)) rotate(var(--orbit-turn)) scale(var(--orbit-scale));opacity:var(--scene-alpha);pointer-events:none}.motion-orbit img{position:absolute;inset:22%;width:56%;height:56%}.motion-orbit i{position:absolute;inset:0;border:1px solid #11111260;border-radius:50%;transform:rotate(34deg) scaleY(.62)}.motion-orbit i:nth-child(2){transform:rotate(-34deg) scaleY(.62)}.motion-ray{position:absolute;left:50%;top:0;width:3px;height:100%;transform:skewX(var(--ray-tilt,0deg));transform-origin:center;opacity:var(--line-opacity);pointer-events:none}.motion-ray i{display:block;width:100%;height:100%;background:var(--ray);box-shadow:0 0 14px var(--ray),0 0 42px var(--to);transform:scaleY(var(--line));transform-origin:top}.motion-guide{position:absolute;bottom:42px;left:var(--nh-layout-gutter);right:var(--nh-layout-gutter);display:flex;align-items:center;gap:20px;font-size:10px;letter-spacing:.06em;opacity:var(--scene-alpha)}.motion-track{height:1px;flex:1;background:#11111240;position:relative}.motion-track i{display:block;width:100%;height:2px;background:var(--nh-color-ink);transform:scaleX(var(--guide));transform-origin:left}.motion-scroll{position:absolute;bottom:122px;right:var(--nh-layout-gutter);font-size:10px;letter-spacing:.07em;display:flex;align-items:center;gap:22px;opacity:var(--scroll-alpha)}.motion-scroll>span{font-size:29px}.motion-enabled .chapter.purple,.motion-enabled .chapter.yellow{scroll-margin-top:0}.motion-enabled [data-motion-reveal]{opacity:var(--reveal-alpha,1);transform:translateY(var(--reveal-y,0px));will-change:transform,opacity}[data-motion-reveal=line]{display:block;overflow:hidden}.motion-enabled .ai-layout h2{overflow:visible}
/* Focusing a section always makes its meaningful content fully available. */
.motion-enabled [data-motion-reveal]:focus-within{opacity:1!important;transform:none!important}.reduced-motion .motion-bridge{display:none}.reduced-motion .motion-preview{display:none}.reduced-motion [data-motion-reveal]{opacity:1!important;transform:none!important;will-change:auto!important}
@media(max-width:760px){.motion-enabled .motion-bridge{height:var(--nh-motion-stage-mobile)}.motion-layer{padding:28px var(--nh-layout-gutter)}.motion-title{font-size:clamp(67px,16.8vw,120px);line-height:.91;width:100%;letter-spacing:-.045em;margin-top:-85px}.motion-meta{font-size:9px;padding-top:16px;line-height:1.5}.motion-orbit{width:160px;max-width:38vw;right:8%;top:59%}.motion-corner{font-size:9px;margin-bottom:105px}.motion-guide{bottom:36px;gap:12px;font-size:8px}.motion-scroll{bottom:100px;font-size:8px;gap:15px}.motion-ray{width:2px}.review>div{flex-wrap:wrap;gap:12px}.review .motion-preview{font-size:10px;color:var(--nh-color-yellow)}}
@media(prefers-reduced-motion:reduce){.motion-bridge,.motion-preview{display:none!important}[data-motion-reveal]{opacity:1!important;transform:none!important;will-change:auto!important}}

.motion-guide{bottom:100px}.motion-corner{margin-bottom:140px}.motion-scroll{bottom:174px}
@media(max-width:760px){.motion-guide{bottom:90px}.motion-corner{margin-bottom:125px}.motion-scroll{bottom:142px}}
