/* BigWork original motion trial. Complete static content is the default. */
.company-motion{--pin-top:108px;--stage-height:680px;--travel:0px;position:relative;height:auto;padding:25px 0 45px;background:var(--ivory);scroll-margin-top:108px}
.motion-stage{width:min(1280px,calc(100% - 72px));margin:auto;padding:22px 32px 20px;background:var(--paper);border:2px solid var(--navy);border-radius:20px;box-shadow:8px 8px 0 var(--navy);isolation:isolate}
.motion-topline{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:30px;font:12px var(--mono);letter-spacing:.025em}.motion-toggle{font:12px var(--mono);border:1px solid #b7bbc4;border-radius:6px;color:var(--navy);background:var(--paper);padding:8px 12px;cursor:pointer}.motion-toggle:hover{border-color:var(--navy)}.motion-toggle[hidden]{display:none}
.motion-stage h2{text-align:center;font-size:clamp(34px,3.8vw,56px);margin:14px auto 0;line-height:1.05;letter-spacing:-.045em}.motion-stage h2>span{color:var(--blue)}
.motion-board{position:relative;width:100%;height:430px;margin-top:6px;isolation:isolate}
.motion-grid{position:absolute;inset:15px 0;background-image:radial-gradient(var(--navy) .4px,transparent .4px);background-size:20px 20px;border-radius:40%;opacity:.65;z-index:-1}
.motion-wires{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:0}.motion-wires path{fill:none;stroke-linecap:round;vector-effect:non-scaling-stroke}.wire-tracks path{stroke:#d9dfea;stroke-width:2}.wire-active path{stroke:var(--blue);stroke-width:3;stroke-dasharray:1;stroke-dashoffset:0}.wire-signals circle{opacity:0;fill:var(--orange);stroke:var(--paper);stroke-width:2}
.motion-node{position:absolute;z-index:3;display:flex;align-items:center;gap:14px;width:28%;min-height:100px;padding:16px;border:2px solid var(--navy);border-radius:12px;background:var(--ivory);box-shadow:4px 5px 0 #0d1b3d1f;transform-origin:center;contain:layout style}.motion-node img{display:block;flex-shrink:0;width:67px;height:68px;object-fit:contain}.motion-node h3{font-family:var(--mono);font-weight:500;font-size:13px;line-height:1.25;letter-spacing:0;text-transform:uppercase}.motion-node p{font-size:16px;line-height:1.4;color:var(--navy);font-weight:650;margin-top:5px;white-space:nowrap}.motion-check{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:var(--green);color:var(--paper);font-size:14px;margin-left:auto;flex-shrink:0}
.motion-marketing{left:2%;top:13%}.motion-sales{left:2%;bottom:13%}.motion-finance{right:2%;top:13%}.motion-operations{right:2%;bottom:13%}
.motion-brain{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:4;text-align:center;width:180px}.brain-art{width:156px;height:182px;margin:auto;transform-origin:50% 65%}.brain-art img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(4px 7px 0 #0d1b3d14)}.motion-brain strong{display:block;font:11px var(--mono);color:var(--navy);padding-top:9px;white-space:nowrap}
.knowledge-notes{display:none;position:absolute;inset:0;z-index:2;pointer-events:none}.knowledge-notes span{position:absolute;left:50%;top:50%;padding:9px 12px;border:1.5px solid var(--navy);border-radius:5px;background:var(--paper);color:var(--navy);box-shadow:3px 3px 0 #0d1b3d18;font:12px var(--mono);white-space:nowrap}
.motion-ending{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:15px;min-height:55px}.motion-ending p{font-size:20px;color:var(--navy)}.motion-ending strong{font-family:var(--display)}.motion-ending a{font-size:14px;font-weight:600;text-underline-offset:4px;white-space:nowrap}
.company-motion[data-motion="on"]{height:calc(var(--stage-height) + var(--travel) + 80px)}
.company-motion[data-motion="on"] .motion-stage{position:sticky;top:var(--pin-top);height:var(--stage-height);display:flex;flex-direction:column}
.company-motion[data-motion="on"] .motion-board{flex:1;min-height:280px}
.company-motion[data-motion="on"] .knowledge-notes{display:block}
@media(max-width:1100px){.motion-stage{width:calc(100% - 48px);padding-inline:22px}.motion-node{width:30%;padding:12px;gap:9px}.motion-node img{width:50px;height:55px}.motion-node h3{font-size:11px}.motion-node p{font-size:13px}.motion-check{width:19px;height:19px;font-size:12px}.motion-brain{width:148px}.brain-art{width:130px;height:153px}.motion-brain strong{font-size:10px}.knowledge-notes span{font-size:10px}}
@media(max-width:700px){.company-motion{padding:20px 0 35px}.motion-stage{width:calc(100% - 32px);padding:15px 14px;border-radius:15px;box-shadow:5px 5px 0 var(--navy)}.motion-topline{font-size:9px;gap:8px}.motion-toggle{font-size:10px;padding:8px}.motion-stage h2{font-size:clamp(28px,6vw,38px);margin-top:12px}.motion-board{height:420px;margin-top:20px}.motion-node{width:45%;min-height:100px;padding:10px 8px;gap:7px}.motion-node img{width:36px;height:43px}.motion-node h3{font-size:10px}.motion-node p{font-size:12px;white-space:normal;line-height:1.25}.motion-check{position:absolute;right:7px;top:-10px}.motion-marketing{left:1%;top:2%}.motion-finance{right:1%;top:2%}.motion-sales{left:1%;bottom:2%}.motion-operations{right:1%;bottom:2%}.motion-brain{width:140px}.brain-art{width:112px;height:130px}.motion-brain strong{font-size:9px}.motion-ending{gap:8px;padding-top:12px}.motion-ending p{font-size:14px;max-width:200px;line-height:1.35}.motion-ending a{font-size:11px}.knowledge-notes span{font-size:9px;padding:7px 9px}.company-motion[data-motion="on"] .motion-board{min-height:350px}.motion-grid{background-size:16px 16px}}
@media(prefers-reduced-motion:reduce){.company-motion[data-motion]{height:auto!important}.company-motion[data-motion] .motion-stage{position:relative;height:auto!important}.company-motion[data-motion] .motion-board{flex:none;height:420px}.knowledge-notes{display:none!important}}

/* Natural document flow: the viewport cue starts a clock, never a pinned scroll score. */
.company-motion[data-motion="auto"]{height:auto;--travel:0px}
.company-motion[data-motion="auto"] .motion-stage{position:relative;top:auto;height:auto}
.company-motion[data-motion="auto"] .motion-board{height:clamp(430px,52vh,570px)}
.company-motion[data-sequence] .knowledge-notes{display:block}
.company-motion[data-sequence="waiting"] .knowledge-notes,
.company-motion[data-sequence="cube"] .knowledge-notes,
.company-motion[data-sequence="complete"] .knowledge-notes{visibility:hidden}
@media(min-width:1001px),(min-width:801px) and (pointer:fine){
 /* The fold reaches these cards after the full cube is visible above it. */
 .company-motion[data-motion="auto"] .motion-sales,.company-motion[data-motion="auto"] .motion-operations{bottom:0}
 .company-motion[data-motion="auto"] .motion-board{margin-top:18px;margin-bottom:20px}
 .company-motion[data-alpha-showcase][data-motion="auto"] .motion-brain{top:calc(50% - 56px)}
}