/* Motion compositions share the retained type scale; colours are owned by main-identity.css. */
.connected-grain{backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);mask-image:radial-gradient(ellipse 47% 44% at 50% 44%,#000 37%,transparent 95%);-webkit-mask-image:radial-gradient(ellipse 47% 44% at 50% 44%,#000 37%,transparent 95%)}
/* The converging school view crosses the support line; the reading shade follows copy opacity. */
.connected-stage .connected-purpose p{position:relative;isolation:isolate;color:var(--ink)}
.connected-purpose p::before{content:"";position:absolute;inset:-10px -16px;z-index:-1;background:var(--main-charcoal);opacity:.92;filter:blur(14px);pointer-events:none}
.connected-copy h1{font-weight:550}.connected-evidence{font-size:10px}.connected-scope{font-size:13px}
.motion-chapter{position:relative;display:block;overflow:hidden;padding:110px var(--pad) 60px;isolation:isolate}
.motion-heading{display:grid;grid-template-columns:1.25fr .65fr;align-items:end;gap:7vw;position:relative;z-index:2}
.motion-heading h2{font-size:clamp(48px,5.4vw,90px);line-height:1.02;max-width:980px;letter-spacing:-.045em}.motion-heading>p{font-size:18px;line-height:1.6;max-width:380px;color:var(--muted)}
.motion-composition{display:grid;grid-template-columns:1.55fr .7fr;gap:5vw;align-items:center;margin-top:35px;min-height:520px}
.chapter-scene{position:relative;width:100%;height:520px;isolation:isolate}.chapter-scene canvas{pointer-events:none}.chapter-scene-fallback{position:absolute;inset:30% 8% auto;text-align:center;font-size:22px;color:var(--muted)}
.chapter-work{position:relative;z-index:2}.chapter-work h3{font-size:clamp(30px,2.8vw,45px);line-height:1.08;max-width:470px}.chapter-work>p{font-size:17px;line-height:1.55;margin-top:20px;max-width:380px;color:var(--muted)}.chapter-work>.text-link{display:inline-block;margin-top:28px}
.chapter-steps{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:40px;border-top:1px solid var(--rule);padding-top:16px}.chapter-steps button{font-size:14px;padding:10px 0;border-bottom:2px solid transparent;color:var(--muted);text-align:left}.chapter-steps button[aria-pressed=true]{border-color:var(--copper);color:var(--ink)}
.chapter-control{display:flex;gap:20px;justify-content:space-between;align-items:center;border-top:1px solid var(--rule);padding-top:18px;color:var(--muted)}.chapter-control small{font-size:11px}.chapter-control button{font-size:13px;padding:7px 0;border-bottom:1px solid currentColor}.motion-tail-link{display:inline-block;margin-top:30px}
.motion-engineering .motion-composition{grid-template-columns:.8fr 1.3fr;gap:6vw;margin-top:25px}.motion-engineering .chapter-scene{height:590px}.motion-engineering .chapter-work{border-inline-start:2px solid var(--copper);padding-inline-start:30px}.motion-engineering .chapter-steps{margin:0 0 36px;border-top:0;padding-top:0;display:flex;flex-direction:column;gap:4px}.motion-engineering .chapter-steps button{font-size:18px;padding:12px 0;width:max-content}.motion-engineering .engineering-footnote{display:flex;gap:5vw;justify-content:space-between;align-items:center;padding-top:28px}.engineering-footnote p{font-size:14px;max-width:700px;color:var(--muted)}.engineering-footnote a{font-size:14px;white-space:nowrap}
.motion-evidence{padding-top:120px}.motion-evidence .motion-heading{display:block;max-width:950px;margin:auto;text-align:center}.motion-evidence .motion-heading>p{max-width:620px;margin:30px auto 0}.evidence-stage{max-width:1300px;margin:30px auto 0;position:relative;display:grid;grid-template-columns:1.15fr .75fr;align-items:center;gap:4vw}.motion-evidence .chapter-scene{height:610px}.motion-evidence .chapter-work{padding-top:50px}.motion-evidence .chapter-steps{margin:0 0 28px;flex-wrap:nowrap}.motion-evidence .chapter-work>p{max-width:350px}.evidence-context{display:flex;justify-content:space-between;gap:5vw;padding-top:30px;align-items:center}.evidence-context p{font-size:14px;max-width:740px;color:var(--muted)}.evidence-context button{white-space:nowrap}
@media(max-width:900px){.motion-chapter{padding-top:75px}.motion-heading{grid-template-columns:1fr;gap:25px}.motion-heading h2{font-size:clamp(43px,7vw,68px)}.motion-heading>p{max-width:580px}.motion-composition{grid-template-columns:1.3fr 1fr;gap:24px}.chapter-scene{height:420px}.motion-engineering .chapter-scene{height:450px}.chapter-work h3{font-size:34px}.motion-evidence .chapter-scene{height:450px}.evidence-context,.motion-engineering .engineering-footnote{align-items:start;flex-direction:column;gap:20px}}
@media(max-width:650px){.connected-grain{mask-image:radial-gradient(ellipse 71% 44% at 50% 43%,#000 42%,transparent 94%);-webkit-mask-image:radial-gradient(ellipse 71% 44% at 50% 43%,#000 42%,transparent 94%)}.motion-chapter{padding:65px 22px 38px}.motion-heading h2{font-size:44px}.motion-heading>p{font-size:16px;line-height:1.55}.motion-composition,.motion-engineering .motion-composition,.evidence-stage{display:flex;flex-direction:column;gap:6px;margin-top:15px;min-height:0}.chapter-scene,.motion-engineering .chapter-scene,.motion-evidence .chapter-scene{height:345px;flex:none;order:0}.chapter-work,.motion-engineering .chapter-work,.motion-evidence .chapter-work{order:1;width:100%;padding:14px 0 25px;border:0}.chapter-work h3{font-size:32px;max-width:450px}.chapter-work>p{font-size:16px;margin-top:14px}.chapter-work>.text-link{margin-top:18px}.chapter-steps,.motion-engineering .chapter-steps,.motion-evidence .chapter-steps{display:flex;flex-direction:row;margin:25px 0 0;gap:18px;padding-top:12px;border-top:1px solid var(--rule);flex-wrap:wrap}.motion-engineering .chapter-steps,.motion-evidence .chapter-steps{margin:0 0 24px}.chapter-steps button,.motion-engineering .chapter-steps button{font-size:14px;padding:8px 0}.chapter-control{gap:15px;align-items:start}.chapter-control small{font-size:10px;max-width:170px;line-height:1.5}.chapter-control button{font-size:12px;white-space:nowrap}.motion-evidence .motion-heading{text-align:left}.motion-evidence .motion-heading>p{margin-top:25px}.evidence-context p{font-size:13px}.engineering-footnote p{font-size:13px}.motion-tail-link{font-size:14px}.connected-evidence{font-size:9px}}
@media(prefers-reduced-motion:reduce){.chapter-scene *{transition:none!important}}

.connected-motion{font:400 12px/1.4 var(--sans);color:inherit;border-bottom:1px solid currentColor;padding:8px 0;align-self:end}.immersive-reduced .connected-motion{display:none}.sector-entry [data-icon] svg{width:90px;height:90px;margin-bottom:25px}.sector-entry [data-icon]{display:block}.sector-entry:hover [data-icon] svg{transform:translateY(-5px);transition:transform .4s ease}.sector-entry [data-icon] svg{transition:transform .4s ease}
@media(prefers-reduced-motion:reduce){.connected-motion{display:none}.sector-entry [data-icon] svg{transform:none!important;transition:none!important}}

.platform-flow{display:contents}
@media(max-width:760px){.platform-flow{position:absolute;z-index:3;inset:auto 22px 28px;display:flex;flex-direction:column;gap:16px}.platform-flow .platform-layers,.platform-flow .platform-detail{position:relative;inset:auto;width:100%;margin:0}.platform-flow .platform-detail{padding-right:45px}.platform-flow .platform-detail .icon-button{right:0;top:0}}

@media(min-width:761px) and (max-height:540px){
 .connected-copy{top:104px;left:8%;right:8%}
 .connected-copy h1{font-size:clamp(34px,11svh,54px);line-height:1}
 .connected-copy>p{font-size:15px;line-height:1.4;max-width:670px;margin:16px auto 0}
 .connected-actions{margin-top:16px}.connected-actions .button{min-height:40px;padding:9px 16px;font-size:14px}
 .connected-bottom{bottom:34px}.connected-scope{font-size:11px}.connected-motion{font-size:11px;padding:6px 0}
}