/* A live memory universe, with copy anchored around the camera's route. */
.brain-feature { position:relative; overflow:visible; background:#061927; color:#f2faf8; }
.brain-stage { position:sticky; top:0; isolation:isolate; overflow:hidden; height:100svh; background:radial-gradient(ellipse at 63% 43%,#103647 0%,#082435 46%,#041421 100%); }
.brain-stage::before { content:""; position:absolute; z-index:2; inset:0; pointer-events:none; background:radial-gradient(ellipse at 12% 48%,rgb(4 18 30 / 35%),transparent 52%); opacity:1; }
.brain-stage::after { content:""; position:absolute; z-index:2; inset:auto 0 0; height:16%; pointer-events:none; background:linear-gradient(transparent,#092535); }
.brain-atmosphere { position:absolute; z-index:0; inset:0; pointer-events:none; background:radial-gradient(ellipse at 28% 60%,rgb(72 78 135 / 15%),transparent 43%),radial-gradient(ellipse at 80% 30%,rgb(56 148 153 / 12%),transparent 48%); }
.brain-feature .brain-canvas { position:absolute; z-index:1; inset:0; display:block; width:100%; height:100%; opacity:1; pointer-events:none; }
.brain-world-labels { position:absolute; z-index:2; inset:0; pointer-events:none; }
.brain-world-labels > span { position:absolute; top:0; left:0; display:flex; align-items:center; gap:9px; padding:11px 17px; border:1px solid rgb(188 221 233 / 19%); border-radius:12px; background:rgb(10 33 47 / 45%); color:#d6eaee; font-size:15.5px; font-weight:600; white-space:nowrap; opacity:0; backdrop-filter:blur(8px); }
.brain-world-labels img { width:28px; height:28px; padding:3px; border-radius:6px; background:#f1f6f6; }
.brain-beat { position:absolute; z-index:4; isolation:isolate; width:min(550px,42vw); color:#f5fcfb; opacity:0; transform:translate3d(0,16px,0); pointer-events:none; text-shadow:0 2px 24px rgb(3 15 25 / 28%); }
.brain-beat::before { content:""; position:absolute; z-index:-1; inset:-60px -75px; border-radius:50%; background:radial-gradient(ellipse at center,rgb(4 20 32 / 84%),rgb(4 20 32 / 55%) 48%,transparent 74%); filter:blur(24px); }
.brain-beat-intro { left:max(var(--gutter),calc((100vw - 1350px)/2)); top:29%; opacity:1; }
.brain-beat-recall { right:max(var(--gutter),calc((100vw - 1350px)/2)); top:32%; }
.brain-beat-outro { left:max(var(--gutter),calc((100vw - 1350px)/2)); top:29%; width:min(620px,46vw); }
.brain-beat .kicker { margin-bottom:22px; color:#c6ff4d; font-size:12px; font-weight:750; letter-spacing:.09em; }
.brain-beat h2,.brain-beat h3 { font-size:clamp(49px,5.1vw,82px); font-weight:750; line-height:1.04; letter-spacing:-.06em; text-wrap:balance; }
.brain-beat > p:last-of-type { max-width:29em; margin-top:27px; color:#c2d8dd; font-size:clamp(16px,1.3vw,19px); line-height:1.65; }
.brain-mcp { display:flex; align-items:center; gap:10px; margin-top:26px; color:#b6d3d8; font-size:12px; font-weight:600; }
.brain-mcp > span { padding:7px 9px; border:1px solid rgb(198 255 77 / 28%); border-radius:8px; color:#c6ff4d; font-size:10px; letter-spacing:.05em; }
.brain-motion-toggle { position:absolute; z-index:6; right:max(var(--gutter),calc((100vw - 1350px)/2)); bottom:32px; display:flex; align-items:center; gap:8px; min-height:44px; padding:9px 13px; border:1px solid rgb(177 213 224 / 20%); border-radius:999px; background:rgb(6 27 42 / 53%); color:#b9d6dc; font:600 11px "Manrope",sans-serif; cursor:pointer; backdrop-filter:blur(12px); }
.brain-motion-toggle svg { width:18px; height:18px; }
.brain-motion-toggle:hover { background:#173d4b; color:#fff; }
.brain-motion-toggle:focus-visible { outline:2px solid #c6ff4d; outline-offset:4px; }
.brain-static-field { position:absolute; inset:0; background-image:radial-gradient(circle at 70% 30%,rgb(110 200 223 / 50%) 1px,transparent 2px),radial-gradient(circle at 30% 65%,rgb(165 117 225 / 45%) 1px,transparent 2px); background-size:71px 97px,113px 73px; opacity:.3; }
.brain-feature[data-sc-act="flow"] { height:auto !important; }
/* Flow is an explicit motion preference, never a race against WebGL startup. */
.brain-feature[data-sc-act="flow"] .brain-stage { position:relative; height:auto; padding:110px max(var(--gutter),calc((100vw - 1100px)/2)); }
.brain-feature[data-sc-act="flow"] .brain-beat { position:relative; inset:auto; width:auto; max-width:620px; margin-bottom:100px; opacity:1 !important; visibility:visible !important; transform:none !important; }
.brain-feature[data-sc-act="flow"] .brain-beat-outro { margin-bottom:0; }
.brain-feature[data-sc-act="flow"] .brain-motion-toggle,.brain-feature[data-sc-act="flow"] .brain-world-labels,.brain-static .brain-motion-toggle { display:none; }
/* Source: zentrale.tsx headers, preview/glas/glas.css bubbles; BUILD_SPEC §2.2.
   Each card stays present after its own part of the transfer beat. */
.brain-transfer-cards { position:relative; isolation:isolate; }
.brain-transfer-cards::before { content:""; position:absolute; z-index:-1; left:20px; right:20px; top:50%; height:1px; background:#c6ff4d; transform-origin:left center; transform:scaleX(clamp(0,calc(var(--bt,0) / .78),1)); }
.brain-transfer-cards > article { --card-on:clamp(0,calc((var(--bt,0) - var(--card-at,0)) / .18),1); opacity:var(--card-on); transform:translateY(calc((1 - var(--card-on)) * 16px)); }
.brain-transfer-cards > article:nth-child(2) { --card-at:.30; }
.brain-transfer-cards > article:nth-child(3) { --card-at:.60; }
.brain-feature .brain-transfer-cards .ui-kachel-head h3 { font-size:16px; }
.brain-transfer-cards .ui-kachel-body { font-size:16px; }
.brain-transfer-cards .ui-card-label,.brain-transfer-cards .ui-meta { font-size:14px; }
@media (max-width:820px) {
  .brain-beat,.brain-beat-intro,.brain-beat-recall,.brain-beat-outro { left:var(--gutter); right:var(--gutter); top:auto; bottom:14%; width:auto; max-width:620px; }
  .brain-beat h2,.brain-beat h3 { font-size:clamp(43px,8.5vw,67px); }
  .brain-beat > p:last-of-type { max-width:30em; font-size:16px; }
  .brain-beat::before { inset:-35px -45px -80px; background:radial-gradient(ellipse at center,rgb(4 20 32 / 92%),rgb(4 20 32 / 66%) 50%,transparent 77%); }
  .brain-world-labels > span { font-size:13px; }
  .brain-motion-toggle { bottom:22px; }
  .brain-transfer-cards::before { top:20px; bottom:20px; left:50%; right:auto; width:1px; height:auto; transform-origin:center top; transform:scaleY(clamp(0,calc(var(--bt,0) / .78),1)); }
}
@media (max-width:600px) {
  .brain-beat,.brain-beat-intro,.brain-beat-recall,.brain-beat-outro { bottom:14%; }
  .brain-beat h2,.brain-beat h3 { font-size:clamp(39px,10.3vw,56px); line-height:1.06; }
  .brain-beat .kicker { margin-bottom:15px; font-size:10px; }
  .brain-beat > p:last-of-type { margin-top:21px; font-size:14px; line-height:1.6; }
  .brain-mcp { margin-top:20px; font-size:11px; }
  .brain-motion-toggle { bottom:17px; min-height:42px; padding:8px 12px; font-size:10px; }
}
@media (prefers-reduced-motion:reduce) {
  .brain-feature { height:auto !important; }
  .brain-stage { position:relative; height:auto; padding:100px max(var(--gutter),calc((100vw - 1100px)/2)); }
  .brain-world-labels,.brain-motion-toggle { display:none; }
  .brain-beat,.brain-beat-intro,.brain-beat-recall,.brain-beat-outro { position:relative; inset:auto; width:auto; max-width:620px; margin:0 0 100px; opacity:1 !important; visibility:visible !important; transform:none !important; }
  .brain-beat-outro { margin-bottom:0; }
  .brain-beat::before { background:radial-gradient(ellipse,rgb(4 20 32 / 86%),transparent 73%); }
  .brain-transfer-cards > article { opacity:1; transform:none; }
  .brain-transfer-cards::before { transform:none; }
}