/* Motion direction: LottieFiles motion-design. Premium, staged, reversible.
   Primary: rigid chip lift/settle. Secondary: shadows and routed signals.
   Ambient: restrained counter-motion of the grid. No perpetual bobbing. */
.brain-story{--lift:0;--interposer:0;--grid-drift:0px;--halo-alpha:0;--shadow-scale:1;--shadow-alpha:.2;--scene-progress:0;--chip-pitch:30deg;--chip-turn:-16deg}
.js .brain-story{height:260svh;overflow:clip}
.motion-stage{position:relative}
.js .motion-stage{position:sticky;top:0;height:100svh;overflow:hidden}
.js .brain-visual{position:absolute;inset:0;height:100%;margin:0;z-index:1}
.brain-chip-float{animation:none!important}
.brain-chip{transform:rotateX(var(--chip-pitch)) rotateZ(var(--chip-turn));will-change:transform}
.brain-window{transform:translateZ(calc(10px + var(--lift) * 85px));will-change:transform}
.chip-interposer{position:absolute;inset:35px;border:1px solid #ad9655;border-radius:13px;background:linear-gradient(135deg,#344434,#12251a);transform:translateZ(calc(5px + var(--lift) * 35px));opacity:var(--interposer);box-shadow:inset 0 0 0 4px #1b2b1f,0 0 0 2px #18281a;pointer-events:none}
.chip-interposer span{position:absolute;inset:20px;border:1px solid #b69a5655;border-radius:50%}
.chip-interposer i{position:absolute;inset:9px;background:repeating-linear-gradient(90deg,transparent 0 13px,#b19a4933 13px 14px),repeating-linear-gradient(0deg,transparent 0 13px,#b19a4933 13px 14px);mask-image:radial-gradient(ellipse,#000,transparent 75%)}
.brain-chip-shadow{opacity:var(--shadow-alpha);transform:translateY(12px) scale(var(--shadow-scale));background:#25341c;filter:blur(19px);will-change:transform,opacity}
.scene-grid{transform:translateY(var(--grid-drift));mask-image:radial-gradient(ellipse at center,#000,transparent 60%)}
.scene-halo{position:absolute;left:50%;top:50%;width:330px;height:330px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(ellipse,#b9a46825,transparent 67%);opacity:var(--halo-alpha);pointer-events:none}
.js .story-panel{position:absolute;inset:0;min-height:0;height:100%;opacity:0;visibility:hidden;pointer-events:none;z-index:3}
.js .story-intro{opacity:1;visibility:visible}
.js .story-panel .chapter-copy,.js .story-panel .chapter-proof,.js .intro-bio,.js .intro-person{opacity:1;transition:none}
.js .chapter-copy,.js .chapter-proof{top:50%;transform:translateY(-50%)}
.js .intro-bio{top:50%;transform:translateY(-50%)}
.js .intro-person{top:50%;transform:translateY(-50%) rotate(3deg)}
.js .chapter-copy,.js .chapter-proof,.js .intro-bio,.js .intro-person{will-change:transform,opacity}
.js .story-panel a{pointer-events:auto}
.js .story-panel[inert] a{pointer-events:none}
.story-circuits{opacity:.75;stroke-width:1.1}
.story-wire{stroke:#a48a4d;filter:none;stroke-width:1.5;stroke-dasharray:1;stroke-dashoffset:1}
.story-wire.wire-1{stroke-dashoffset:calc(1 - var(--wire-one))}.story-wire.wire-2{stroke-dashoffset:calc(1 - var(--wire-two))}.story-wire.wire-3{stroke-dashoffset:calc(1 - var(--wire-three))}.story-wire.wire-4{stroke-dashoffset:calc(1 - var(--wire-four))}
.circuit-ghost{opacity:.4}.signal-tag{transition:none!important;transform:none!important;color:#8c7950}.signal-tag i{background:#b89b56}
.js .story-controls{position:absolute;top:auto;bottom:28px;left:0;right:0;height:36px;margin:0}
.story-dots{gap:7px}.story-dots a{width:25px;height:3px;border-radius:2px;background:#b6bbaa66}.story-dots a[aria-current]{background:#9b834f;box-shadow:none}
.story-motion{font-size:11px}.story-location{font-size:11px}
.scene-caption{position:absolute;top:17%;left:50%;transform:translateX(-50%);display:flex;align-items:center;flex-direction:column;gap:12px;z-index:2;color:#858974;font-size:11px;letter-spacing:.08em;white-space:nowrap}
.scene-caption i{height:28px;width:1px;background:linear-gradient(#9b834f66,transparent)}
.scene-caption-step{font-size:10.5px;color:#a18a57}
.intro-scroll{bottom:95px;font-size:11px}
.js .brain-story.is-paused .brain-chip{transform:rotateX(25deg) rotateZ(-10deg)}
.js .brain-story.is-paused .brain-window{transform:translateZ(10px)}
.js .brain-story.is-paused .chip-interposer{opacity:0}
html:not(.js) .scene-caption{display:none}
@media(max-width:760px){
 .js .brain-story{height:245svh}
 .brain-chip-anchor{top:32%;scale:.72}
 .scene-caption{top:8%;font-size:10px;gap:7px}.scene-caption i{height:15px}
 .chip-interposer{inset:23px;border-radius:10px}
 .scene-halo{top:32%;width:230px;height:230px}
 .scene-grid{transform:none}
 .story-circuits{height:52%;top:6%}
 .signal-context,.signal-tools{top:24%}.signal-deploy,.signal-feedback{top:47%}
 .js .intro-bio{top:52%;transform:none;max-width:85%}
 .js .intro-person{top:64%;transform:rotate(3deg)}
 .js .chapter-copy{top:55%;transform:none;width:58%}
 .js .chapter-proof{top:57%;transform:none;width:26%}
 .js .story-controls{bottom:26px}.story-location{font-size:10px}.story-motion{font-size:10px}
 .intro-scroll{bottom:82px;font-size:10px}
}
@media(max-width:760px) and (max-height:730px){.js .intro-bio{top:49%}.js .intro-person{top:62%}.intro-scroll{bottom:62px}.js .chapter-copy{top:52%}.js .chapter-proof{top:54%}}
@media(prefers-reduced-motion:reduce){
 .brain-chip{transform:rotateX(25deg) rotateZ(-10deg)!important}.brain-window{transform:translateZ(10px)!important}.chip-interposer{opacity:0!important}.scene-grid{transform:none!important}.brain-chip-shadow{transform:none!important}.story-motion{display:none}
}
@media print{.js .brain-story{height:auto}.js .motion-stage{position:static;height:auto;overflow:visible}.js .story-panel{position:static;height:auto;opacity:1!important;visibility:visible!important}.js .chapter-copy,.js .chapter-proof,.js .intro-bio,.js .intro-person{position:static;transform:none!important;opacity:1!important}.scene-caption{display:none}}
/* Keep the entire opening composition inside the first viewport. */
.js .brain-story{margin-top:-96px}
@media(max-width:760px){.js .brain-story{margin-top:-78px}.scene-caption{top:13%}}
