@font-face{font-family:Inter;src:url(../../assets/fonts/inter-400.woff2?v=8909904a) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Inter;src:url(../../assets/fonts/inter-700.woff2?v=6f56409f) format("woff2");font-weight:700;font-style:normal;font-display:swap}

:root{
  --ink:#111218;
  --night:#15161d;
  --night-soft:#20212a;
  --pearl:#f2f0ea;
  --mist:#dfe3e6;
  --violet:#7567d8;
  --aqua:#65c8d3;
  --coral:#e87b69;
  --amber:#d6a75f;
  --line-dark:rgba(17,18,24,.2);
  --line-light:rgba(255,255,255,.22);
  --max:112rem;
  --spectrum:linear-gradient(115deg,var(--violet),var(--aqua) 34%,var(--amber) 68%,var(--coral));
}

/* v1.146 PROJECT WIDE CANVAS
   Give the laboratory and research lanes more room on large displays. */
@media(min-width:1600px){
  :root{--max:112rem}
}

@media(min-width:2200px){
  :root{--max:clamp(140rem,84vw,168rem)}
}

*{box-sizing:border-box}
html{max-width:100%;overflow-x:clip;scroll-behavior:smooth;background:var(--page,var(--pearl))}
body{max-width:100%;margin:0;overflow-x:clip;color:var(--ink);background:var(--page,var(--pearl));font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit}
button{font:inherit}
.skip-link{position:fixed;z-index:100;left:1rem;top:-6rem;padding:.8rem 1rem;color:var(--pearl);background:var(--ink);font-weight:700}
.skip-link:focus-visible{top:1rem}

.lab-bar{position:sticky;z-index:30;top:0;height:4.4rem;padding:0 max(1.2rem,calc((100vw - var(--max))/2 + 2.5rem));display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid rgba(17,18,24,.14);color:var(--ink);background:rgba(242,240,234,.78);font-size:.66rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;backdrop-filter:blur(20px) saturate(1.25)}
.lab-bar a{text-decoration:none}
.lab-bar p{margin:0}
.lab-bar span{justify-self:end}

.signal-hero{position:relative;min-height:calc(110svh - 4.4rem);padding:2rem max(1.2rem,calc((100vw - var(--max))/2 + 2.5rem)) 4rem;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:auto 1fr auto;gap:1.25rem;overflow:hidden;background:
  radial-gradient(circle at 7% 92%,rgba(101,200,211,.2),transparent 28%),
  radial-gradient(circle at 92% 7%,rgba(232,123,105,.18),transparent 30%),
  var(--pearl);isolation:isolate}
.signal-hero::before{content:"";position:absolute;z-index:-2;width:min(78vw,78rem);aspect-ratio:1.12;right:-17vw;top:-10vw;border:1px solid rgba(255,255,255,.75);border-radius:48% 52% 61% 39% / 37% 54% 46% 63%;background:
  radial-gradient(circle at 26% 28%,rgba(255,255,255,.95),transparent 14%),
  radial-gradient(circle at 68% 22%,rgba(101,200,211,.86),transparent 31%),
  radial-gradient(circle at 32% 70%,rgba(117,103,216,.72),transparent 35%),
  radial-gradient(circle at 78% 78%,rgba(232,123,105,.72),transparent 31%),
  rgba(255,255,255,.42);box-shadow:inset 1.2rem 1rem 4rem rgba(255,255,255,.55),inset -1.4rem -1.4rem 5rem rgba(17,18,24,.16),0 4rem 8rem rgba(80,71,129,.18);filter:saturate(.82);animation:film-drift 16s ease-in-out infinite alternate}
.signal-hero::after{content:"";position:absolute;z-index:-1;left:-9%;right:-9%;top:61%;height:15rem;border-block:1px solid rgba(255,255,255,.65);background:linear-gradient(100deg,rgba(255,255,255,.06),rgba(255,255,255,.56),rgba(101,200,211,.14),rgba(255,255,255,.08));box-shadow:0 1rem 4rem rgba(17,18,24,.08);transform:rotate(-4deg);backdrop-filter:blur(8px)}
@keyframes film-drift{to{transform:translate(-4%,5%) rotate(8deg);border-radius:58% 42% 42% 58% / 51% 38% 62% 49%}}
.hero-gridlines{position:absolute;z-index:-3;inset:0;background:repeating-linear-gradient(90deg,transparent 0 calc(8.333% - 1px),rgba(17,18,24,.055) calc(8.333% - 1px) 8.333%);mask-image:linear-gradient(to bottom,#000,transparent 92%)}
.hero-protocol{grid-column:1/-1;display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;padding-bottom:.9rem;border-bottom:1px solid var(--line-dark);font-size:.6rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.hero-protocol span:nth-child(2){text-align:center}
.hero-protocol span:last-child{text-align:right}
.protocol-live i{display:inline-block;width:.55rem;height:.55rem;margin-right:.45rem;border-radius:50%;background:var(--coral);box-shadow:0 0 0 .35rem rgba(232,123,105,.16);animation:pulse 2.4s ease-in-out infinite}
@keyframes pulse{50%{opacity:.45;transform:scale(.72)}}

.hero-type{grid-column:1/span 9;align-self:center;position:relative;z-index:2}
.hero-type h1{margin:0;display:grid;width:min-content;font-size:clamp(6.2rem,17vw,19rem);font-weight:700;line-height:.57;letter-spacing:-.12em;text-transform:uppercase}
.hero-type h1 span:nth-child(2){margin-left:.47em;color:transparent;-webkit-text-stroke:2px var(--ink)}
.hero-type h1 b{margin:.14em 0 0 .79em;color:transparent;background:var(--spectrum);background-clip:text;-webkit-background-clip:text;font-size:.59em;line-height:.72;letter-spacing:-.1em}
.hero-question{max-width:27ch;margin:clamp(3rem,7vw,7rem) 0 0 19%;font-size:clamp(1rem,1.6vw,1.45rem);font-weight:700;line-height:1.22;letter-spacing:-.02em;text-transform:uppercase}

.source-sample{grid-column:9/span 4;align-self:center;margin:0;position:relative;z-index:3;transform:translateY(8%)}
.sample-window{position:relative;aspect-ratio:1;overflow:hidden;border:1px solid rgba(255,255,255,.86);border-radius:53% 47% 62% 38% / 39% 58% 42% 61%;background:rgba(255,255,255,.28);box-shadow:inset 1rem 1rem 2rem rgba(255,255,255,.42),0 2.5rem 5rem rgba(17,18,24,.18);backdrop-filter:blur(12px);transition:border-radius .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1)}
.source-sample:hover .sample-window{border-radius:43% 57% 38% 62% / 58% 42% 58% 42%;transform:rotate(-3deg) scale(1.025)}
.sample-window::after{content:"";position:absolute;inset:-20%;background:linear-gradient(125deg,transparent 30%,rgba(255,255,255,.65) 48%,transparent 64%);mix-blend-mode:screen;transform:translateX(-70%);animation:scan 8s ease-in-out infinite}
@keyframes scan{55%,100%{transform:translateX(85%)}}
.sample-window img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.76) contrast(1.06)}
.sample-window>span{position:absolute;z-index:2;left:8%;bottom:8%;padding:.55rem .7rem;color:var(--ink);background:rgba(242,240,234,.84);border:1px solid rgba(255,255,255,.7);font-size:.54rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;backdrop-filter:blur(12px)}
.source-sample figcaption{max-width:28rem;margin:1rem 0 0 auto;font-size:.54rem;line-height:1.45;letter-spacing:.1em;text-align:right;text-transform:uppercase}

.hero-position{grid-column:1/span 4;align-self:end;position:relative;z-index:2;font-size:.66rem;font-weight:700;line-height:1.7;letter-spacing:.12em;text-transform:uppercase}
.hero-position p{margin:0}
.enter-lab{grid-column:9/span 4;align-self:end;position:relative;z-index:2;padding:1rem 0;display:flex;justify-content:space-between;border-block:1px solid var(--ink);font-size:.66rem;font-weight:700;letter-spacing:.14em;text-decoration:none;text-transform:uppercase}

.signal-ticker{position:relative;width:calc(100% + 2rem);height:4.2rem;margin:-1rem;overflow:hidden;contain:strict;color:var(--ink);background:rgba(255,255,255,.56);border-block:1px solid rgba(17,18,24,.22);font-size:clamp(.7rem,1vw,.9rem);font-weight:700;letter-spacing:.18em;white-space:nowrap;transform:rotate(-.7deg);backdrop-filter:blur(16px) saturate(1.3)}
.signal-ticker div{position:absolute;inset:0 auto 0 0;width:max-content;height:100%;display:flex;align-items:center;animation:ticker 22s linear infinite}
.signal-ticker span{display:inline-flex;align-items:center}
.signal-ticker span::after{content:"◯";margin:0 2.5rem;color:var(--violet);font-size:1rem}
@keyframes ticker{to{transform:translateX(-50%)}}

.instrument{padding:clamp(6rem,10vw,11rem) max(1.2rem,calc((100vw - var(--max))/2 + 2.5rem));color:var(--pearl);background:
  radial-gradient(circle at 10% 15%,rgba(117,103,216,.2),transparent 25%),
  radial-gradient(circle at 88% 82%,rgba(101,200,211,.18),transparent 29%),
  var(--night)}
.instrument-head{display:grid;grid-template-columns:2fr 7fr 3fr;gap:clamp(1.5rem,3vw,4rem);align-items:start}
.instrument-head>p:first-child,.stream-head>p:first-child,.final-signal>p:first-child{margin:0;color:var(--coral);font-size:.62rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.instrument-head h2,.stream-head h2,.event-terminal h2,.final-signal h2{margin:0;font-size:clamp(3.6rem,8vw,9.5rem);font-weight:700;line-height:.78;letter-spacing:-.085em;text-transform:uppercase}
.instrument-intro{margin:0;color:rgba(242,240,234,.72);font-size:clamp(.95rem,1.2vw,1.12rem);line-height:1.6}
.lab-surface{position:relative;margin-top:clamp(3.5rem,7vw,7rem);min-height:clamp(43rem,72vw,72rem);border:1px solid var(--line-light);isolation:isolate}
.membrane{--pull-x:0;--pull-y:0;--energy:.25;--stage-a:117,103,216;--stage-b:101,200,211;position:absolute;inset:0;overflow:hidden;background:
  radial-gradient(circle at calc(50% + var(--pull-x) * 14%) calc(50% + var(--pull-y) * 14%),rgba(var(--stage-a),.48),transparent 34%),
  radial-gradient(circle at 78% 24%,rgba(var(--stage-b),.35),transparent 31%),
  linear-gradient(145deg,#272833,#171820 57%,#22232c);touch-action:pan-y;cursor:crosshair;outline:none;isolation:isolate;transition:background .5s ease}
.membrane[data-stage="1"]{--stage-a:232,123,105;--stage-b:214,167,95}
.membrane[data-stage="2"]{--stage-a:101,200,211;--stage-b:117,103,216}
.membrane[data-stage="3"]{--stage-a:214,167,95;--stage-b:232,123,105}
.membrane:focus-visible{outline:2px solid rgba(255,255,255,.9);outline-offset:-3px}
.membrane canvas,.scan-field{position:absolute;inset:0;width:100%;height:100%}
.membrane canvas{z-index:-2}
.scan-field{z-index:-1;background:linear-gradient(105deg,transparent 10%,rgba(255,255,255,.12) 34%,transparent 58%);transform:translateX(calc(var(--pull-x) * 3rem)) skewX(calc(var(--pull-x) * -5deg));backdrop-filter:blur(2px)}
.gesture-display{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}
/* Berührung statt Blättern: die Membran gibt unter dem Finger nach. */
.membrane{--press:0}
.membrane[data-press="on"]{transform:scale(.994)}
.membrane[data-press="on"] .gesture-display span{opacity:1;letter-spacing:-.12em;-webkit-text-stroke-color:rgba(255,255,255,.5)}
.membrane{transition:transform .18s cubic-bezier(.2,.8,.2,1)}
.gesture-display span{grid-area:1/1;color:transparent;font-size:clamp(4.5rem,12vw,14rem);font-weight:700;line-height:.78;letter-spacing:-.1em;text-transform:uppercase;-webkit-text-stroke:1px rgba(255,255,255,.28);opacity:0;transform:translateX(calc(var(--pull-x) * 1.5rem)) skewX(calc(var(--pull-x) * -6deg));transition:opacity .3s ease,color .3s ease,transform .35s ease}
.membrane[data-stage="0"] [data-score-word="0"],.membrane[data-stage="1"] [data-score-word="1"],.membrane[data-stage="2"] [data-score-word="2"],.membrane[data-stage="3"] [data-score-word="3"]{color:rgba(255,255,255,.88);opacity:1}
.membrane-cue{position:absolute;left:1.25rem;bottom:1.25rem;margin:0;padding:.72rem .88rem;color:var(--pearl);background:rgba(17,18,24,.46);border:1px solid rgba(255,255,255,.46);font-size:.56rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;backdrop-filter:blur(16px)}
.surface-corners{display:none}

.lab-console{position:absolute;z-index:5;right:2rem;bottom:2rem;width:min(29rem,calc(100% - 4rem));color:var(--pearl);background:rgba(17,18,24,.62);border:1px solid rgba(255,255,255,.42);box-shadow:0 2rem 6rem rgba(0,0,0,.28);backdrop-filter:blur(24px) saturate(1.18)}
.readout{padding:1.25rem 1.4rem;display:flex;align-items:flex-end;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.22)}
.readout>span{color:rgba(242,240,234,.68);font-size:.56rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase}
.readout p{margin:0;display:flex;align-items:end}
.readout b{font-size:clamp(3rem,5vw,5rem);font-weight:700;line-height:.72;letter-spacing:-.1em}
.readout i{margin:0 0 .25rem .35rem;color:rgba(242,240,234,.5);font-size:.72rem;font-style:normal}
.gesture-notes{margin:0;padding:0;list-style:none}
.gesture-notes li{display:none;padding:1.35rem 1.4rem;color:var(--pearl)}
.gesture-notes li.is-active{display:block}
.gesture-notes span{font-size:.6rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.gesture-notes p{max-width:30ch;margin:.7rem 0 0;color:rgba(242,240,234,.76);font-size:.9rem;line-height:1.48}
.lab-console button{width:100%;padding:1.1rem 1.4rem;display:flex;justify-content:space-between;border:0;border-top:1px solid rgba(255,255,255,.22);color:var(--pearl);background:transparent;font-size:.6rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}
.lab-console button:hover,.lab-console button:focus-visible{color:var(--ink);background:rgba(242,240,234,.92);outline:0}

.material-sequence{display:grid;grid-template-columns:repeat(5,1fr);color:var(--ink);background:var(--mist);border-bottom:1px solid var(--line-dark)}
.material-sequence p{min-height:16rem;margin:0;padding:1.25rem;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--line-dark);font-size:clamp(1.15rem,1.8vw,1.8rem);font-weight:700;letter-spacing:-.04em;text-transform:uppercase;transition:background-position .55s ease,transform .35s ease;background-size:180% 180%}
.material-sequence p:nth-child(1){background-image:linear-gradient(145deg,rgba(255,255,255,.62),rgba(117,103,216,.2))}
.material-sequence p:nth-child(2){background-image:linear-gradient(145deg,rgba(255,255,255,.52),rgba(101,200,211,.26))}
.material-sequence p:nth-child(3){background-image:linear-gradient(145deg,rgba(255,255,255,.52),rgba(214,167,95,.26))}
.material-sequence p:nth-child(4){background-image:linear-gradient(145deg,rgba(255,255,255,.52),rgba(232,123,105,.24))}
.material-sequence p:nth-child(5){background-image:linear-gradient(145deg,rgba(255,255,255,.58),rgba(117,103,216,.2))}
.material-sequence p:hover{background-position:100% 100%;transform:translateY(-.45rem)}
.material-sequence span{font-size:.56rem;letter-spacing:.14em}

.research-stream{color:var(--ink);background:var(--page,var(--pearl))}
.stream-head{padding:clamp(6rem,10vw,11rem) max(1.2rem,calc((100vw - var(--max))/2 + 2.5rem));display:grid;grid-template-columns:2fr 7fr 3fr;gap:clamp(1.5rem,3vw,4rem);align-items:start}
.stream-head h2{font-size:clamp(3.5rem,7.5vw,9rem)}
.stream-head>p:nth-of-type(2){margin:0;color:rgba(17,18,24,.7);line-height:1.65}
.stream-head>a,.research-lane a,.terminal-copy>a{display:inline-block;width:max-content;margin-top:1.5rem;padding-bottom:.25rem;border-bottom:1px solid;font-size:.6rem;font-weight:700;letter-spacing:.12em;text-decoration:none;text-transform:uppercase}
.stream-head>a{grid-column:10/span 3}
.research-lanes{border-top:1px solid var(--line-dark)}
.research-lane{position:relative;overflow:hidden;isolation:isolate;padding:2.4rem max(1.2rem,calc((100vw - var(--max))/2 + 2.5rem));display:grid;grid-template-columns:2fr 4fr 4fr 2fr;gap:clamp(1.25rem,3vw,4rem);align-items:start;border-bottom:1px solid var(--line-dark)}
.research-lane::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(105deg,rgba(117,103,216,.18),rgba(101,200,211,.24),rgba(214,167,95,.2),rgba(232,123,105,.2));transform:scaleX(.02);transform-origin:left;transition:transform .75s cubic-bezier(.2,.8,.2,1)}
.research-lane:hover::before,.research-lane:focus-within::before{transform:scaleX(1)}
.lane-code{margin:0;color:var(--violet);font-size:.58rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.research-lane:nth-child(2) .lane-code{color:#3d8791}.research-lane:nth-child(3) .lane-code{color:#bd6559}
.research-lane h3{margin:0;font-size:clamp(1.8rem,3vw,3.6rem);font-weight:700;line-height:.95;letter-spacing:-.06em;text-transform:uppercase}
.research-lane>p:nth-of-type(2){margin:0;color:rgba(17,18,24,.68);font-size:.95rem;line-height:1.58}
.research-lane a{margin-top:0;justify-self:end}

.event-terminal{position:relative;overflow:hidden;padding:clamp(6rem,10vw,11rem) max(1.2rem,calc((100vw - var(--max))/2 + 2.5rem));color:var(--pearl);background:var(--night);isolation:isolate}
.event-terminal::before{content:"";position:absolute;z-index:-1;width:min(70vw,70rem);aspect-ratio:1;left:-22vw;bottom:-35vw;border-radius:47% 53% 38% 62% / 62% 38% 62% 38%;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.3),transparent 18%),radial-gradient(circle at 62% 25%,rgba(101,200,211,.65),transparent 34%),radial-gradient(circle at 35% 74%,rgba(117,103,216,.62),transparent 38%),radial-gradient(circle at 76% 78%,rgba(232,123,105,.58),transparent 34%);filter:saturate(.78)}
.terminal-label{display:flex;justify-content:space-between;padding-bottom:1rem;border-bottom:1px solid var(--line-light);font-size:.6rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.terminal-grid{margin-top:clamp(3rem,6vw,6rem);display:grid;grid-template-columns:minmax(0,7fr) minmax(18rem,4fr);gap:clamp(2rem,7vw,9rem)}
.event-terminal h2{font-size:clamp(3.8rem,8vw,9rem)}
.terminal-copy{padding:clamp(1.4rem,3vw,2.4rem);color:var(--ink);background:rgba(242,240,234,.82);border:1px solid rgba(255,255,255,.55);box-shadow:0 2rem 6rem rgba(0,0,0,.25);backdrop-filter:blur(24px)}
.terminal-copy>p{margin:0 0 3rem;font-size:clamp(1.05rem,1.5vw,1.35rem);font-weight:700;line-height:1.48}
.terminal-copy dl{margin:0;border-top:1px solid var(--line-dark)}
.terminal-copy dl div{padding:1rem 0;display:grid;grid-template-columns:6rem 1fr;gap:1rem;border-bottom:1px solid var(--line-dark)}
.terminal-copy dt{font-size:.58rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.terminal-copy dd{margin:0}

.final-signal{position:relative;min-height:100svh;padding:clamp(6rem,10vw,11rem) max(1.2rem,calc((100vw - var(--max))/2 + 2.5rem));display:flex;flex-direction:column;justify-content:center;overflow:hidden;background:
  radial-gradient(circle at 82% 20%,rgba(101,200,211,.32),transparent 29%),
  radial-gradient(circle at 18% 82%,rgba(232,123,105,.27),transparent 31%),
  radial-gradient(circle at 64% 72%,rgba(117,103,216,.24),transparent 30%),
  var(--pearl)}
.final-signal h2{margin-top:clamp(3rem,6vw,6rem);display:flex;flex-direction:column}
.final-signal h2 span{color:transparent;-webkit-text-stroke:1px var(--ink)}
.final-signal h2 b{margin-top:.25em;color:transparent;background:var(--spectrum);background-clip:text;-webkit-background-clip:text;font-size:.5em;line-height:.9;letter-spacing:-.06em}
.final-note{max-width:39rem;margin:clamp(3rem,6vw,6rem) 0 0 auto;color:rgba(17,18,24,.72);font-size:clamp(1rem,1.5vw,1.3rem);line-height:1.65}

footer{padding:4rem max(1.2rem,calc((100vw - var(--max))/2 + 2.5rem));display:grid;grid-template-columns:1fr 1fr;gap:3rem;border-top:1px solid var(--line-light);color:rgba(242,240,234,.65);background:var(--night);font-size:.62rem;line-height:1.7;letter-spacing:.08em;text-transform:uppercase}
footer p{margin:0}
footer div:last-child{text-align:right}
footer a{display:inline-block;margin-top:1.5rem;color:var(--pearl)}

@media(max-width:1050px){
  .hero-type{grid-column:1/span 8}.source-sample{grid-column:8/span 5}
  .instrument-head,.stream-head{grid-template-columns:1fr 3fr}.instrument-intro,.stream-head>p:nth-of-type(2){grid-column:2}.stream-head>a{grid-column:2}
  .research-lane{grid-template-columns:1fr 3fr 4fr}.research-lane a{grid-column:2;justify-self:start}
}

@media(max-width:720px){
  .lab-bar{height:4.1rem;grid-template-columns:1fr auto}.lab-bar p{display:none}
  .signal-hero{min-height:auto;padding-top:1.4rem;grid-template-columns:1fr;grid-template-rows:auto auto auto auto auto;gap:2.5rem}
  .signal-hero::before{width:46rem;right:-31rem;top:3rem}.signal-hero::after{top:36%;height:9rem}
  .hero-protocol{grid-column:1;display:block}.hero-protocol span:nth-child(2),.hero-protocol span:last-child{display:none}
  .hero-type,.source-sample,.hero-position,.enter-lab{grid-column:1}
  .hero-type h1{font-size:clamp(5.4rem,29vw,8.4rem);line-height:.61}.hero-type h1 span:nth-child(2){-webkit-text-stroke:1px var(--ink)}
  .hero-question{margin:3.5rem 0 0;font-size:.95rem}
  .source-sample{width:min(82vw,25rem);margin-left:auto;transform:none}
  .hero-position{font-size:.58rem}.enter-lab{margin-top:1rem}
  .signal-ticker{height:3.5rem}
  .instrument-head,.stream-head{display:block}.instrument-head h2,.stream-head h2{margin-top:2rem;font-size:clamp(3.2rem,16vw,5.5rem)}
  .event-terminal h2{margin-top:2rem;font-size:clamp(2.55rem,11.5vw,4.5rem);line-height:.82;overflow-wrap:anywhere}
  .instrument-intro,.stream-head>p:nth-of-type(2){margin-top:2rem}.stream-head>a{margin-top:2rem}
  .lab-surface{min-height:auto;margin-top:3rem;border:0}.membrane{position:relative;min-height:72svh;border:1px solid var(--line-light)}
  .gesture-display span{font-size:clamp(2rem,13vw,4.4rem);-webkit-text-stroke:0;max-width:100%;transform:translateX(calc(var(--pull-x) * .4rem)) skewX(calc(var(--pull-x) * -6deg))}
  .lab-console{position:relative;right:auto;bottom:auto;width:100%;border-top:0;box-shadow:none}
  .material-sequence{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:78vw;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;scrollbar-width:none}
  .material-sequence::-webkit-scrollbar{display:none}.material-sequence p{min-height:12rem;scroll-snap-align:start}.material-sequence p:hover{transform:none}
  .stream-head{padding-block:6rem}
  .research-lane{display:block;padding-block:2.4rem}.research-lane::before{transform:scaleX(1);opacity:.55}.research-lane h3{margin-top:1.5rem;font-size:clamp(2.2rem,11vw,3.4rem)}.research-lane>p:nth-of-type(2){margin-top:1.5rem}.research-lane a{margin-top:1.5rem}
  .terminal-grid{grid-template-columns:minmax(0,1fr)}.terminal-copy{margin-top:1rem}.terminal-label{gap:1rem}.terminal-label span:last-child{text-align:right}
  .event-terminal::before{width:45rem;left:-30rem;bottom:-10rem}
  .final-signal h2{font-size:clamp(3.6rem,17vw,6rem);line-height:.83}.final-signal h2 span{-webkit-text-stroke:1px var(--ink)}.final-signal h2 b{font-size:.58em}
  .final-note{margin-left:0}
  footer{grid-template-columns:1fr}footer div:last-child{text-align:left}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}.signal-hero::before,.protocol-live i,.sample-window::after,.signal-ticker div{animation:none}.sample-window,.gesture-display span,.research-lane::before,.material-sequence p{transition:none}
}

@media(min-width:2200px){html{font-size:clamp(17px,.78vw,21px)}}

/* ─────────────────────────────────────────────────────────────
   Dunkle Darstellung.
   Diese Seite ist bereits eine Arbeit über Material im Dunkeln.
   Die Abschnitte mit dem spektralen Fleck bleiben unverändert;
   umgekehrt wird nur der helle Grund um sie herum. --pearl bleibt
   hell, weil es dort die Schrift trägt.
   ───────────────────────────────────────────────────────────── */
[data-theme="dark"] {
  --page: #14151b;
  --ink: #eceaf2;
  --mist: #9aa0ad;
  --line-dark: rgba(236, 234, 242, .18);
}

[data-theme="dark"] .skip-link { color: #14151b; background: var(--ink); }

/* Weitere helle Grundflaechen dieser Seite, die im dunklen Thema
   mitkippen muessen. --pearl bleibt hell: es ist die Schrift auf den
   dunklen Abschnitten. */
[data-theme="dark"] .signal-hero,
[data-theme="dark"] .material-sequence,
[data-theme="dark"] .final-signal { background: var(--page); }
[data-theme="dark"] .lab-bar { background: rgba(20, 21, 27, .78); }
[data-theme="dark"] .terminal-copy { background: rgba(20, 21, 27, .82); }
[data-theme="dark"] .signal-ticker {
  background: rgba(255, 255, 255, .06);
  /* Die Linien oben und unten waren mit dunkler Tinte notiert und
     verschwanden restlos: gemessen 1.61 hell gegen 1.01 dunkel. */
  border-block-color: rgba(233, 239, 233, .20);
}
[data-theme="dark"] .research-stream { color: var(--ink); }
[data-theme="dark"] .research-stream p,
[data-theme="dark"] .research-stream li { color: rgba(236, 234, 242, .78); }

[data-theme="dark"] .final-signal p,
[data-theme="dark"] .final-signal li { color: rgba(236, 234, 242, .78); }
[data-theme="dark"] .research-lane:nth-child(2) .lane-code { color: #7fd4de; }
[data-theme="dark"] .research-lane:nth-child(3) .lane-code { color: #f0a08f; }

/* Die Kopfzeile trägt einen fest notierten hellen Grund. */
[data-theme="dark"] .lab-bar { background: rgba(20,21,27,.78); }

/* --night traegt die dunklen Flaechen dieser Seite: Instrument,
   Terminal und Fusszeile. Im dunklen Thema standen sie mit 1.01 auf
   dem Grund. Grund #14151b -> Flaeche #2a2a31 (1.28). */
[data-theme="dark"] { --night: #2a2a31; }