/* A flat, typographic brand composition, drawn for this site. */
:root{--ease-out:cubic-bezier(.22,1,.36,1);--ease-in-out:cubic-bezier(.77,0,.175,1)}
.signal-hero{--signal-paper:#e8dfd2;--signal-ink:#173e34;--signal-band:#507263;--signal-end:#d6f58a;--signal-echo:#b6bca7;--signal-caption:#3d5446;display:flex;align-items:center;justify-content:center;padding:8px 0 8px 28px;margin:0}
.signal-poster{position:relative;isolation:isolate;width:100%;max-width:620px;background:var(--signal-paper);border-radius:8px;overflow:hidden;color:var(--signal-ink);aspect-ratio:1/1.08}
.signal-heading{position:absolute;top:27px;left:29px;right:29px;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:.3px;font-weight:550}
.signal-edition{font-size:8px;font-weight:500;letter-spacing:1.6px;opacity:.75}
.signal-art{position:absolute;left:0;top:30px;width:100%;height:82%;overflow:visible}
.signal-ribbon-first{stroke:var(--signal-ink)}
.signal-ribbon-second{stroke:var(--signal-band)}
.signal-ribbon,.signal-endpoint,.signal-spark{transform-box:fill-box;transform-origin:center}
.signal-echo{stroke:var(--signal-echo)}
.signal-endpoint circle{fill:var(--signal-end)}
.signal-endpoint path{stroke:#183c32}
.signal-spark{stroke:var(--signal-ink);fill:var(--signal-ink)}
.signal-caption{position:absolute;bottom:29px;left:29px;right:70px;display:flex;justify-content:space-between;align-items:end;gap:20px}
.signal-caption strong{font-size:clamp(34px,3.6vw,54px);line-height:.97;letter-spacing:-.06em;font-weight:550}
.signal-caption>span{font-size:11px;line-height:1.6;text-align:right;color:var(--signal-caption);padding-bottom:3px}
.signal-replay{position:absolute;bottom:30px;right:24px;width:32px;height:32px;display:grid;place-items:center;padding:7px;border:1px solid var(--signal-echo);border-radius:50%;background:transparent;color:var(--signal-ink);cursor:pointer;transition:background-color 180ms ease;z-index:2}
.signal-replay[hidden]{display:none}
.signal-replay svg{width:16px;height:16px}
.signal-replay:disabled{cursor:default;opacity:.45}
@media(hover:hover) and (pointer:fine){.signal-replay:hover{background:#ffffff38}}
html[data-theme=dark] .signal-hero{--signal-paper:#25382f;--signal-ink:#e7edda;--signal-band:#84a88b;--signal-end:#d6f58a;--signal-echo:#516652;--signal-caption:#c0cfbe}
@media(max-width:1150px){.signal-hero{padding-left:16px}.signal-poster{aspect-ratio:1/1.18}.signal-caption{gap:14px;left:22px;bottom:24px;right:62px}.signal-caption>span{font-size:10px}.signal-heading{top:22px;left:22px;right:22px}.signal-replay{right:18px;bottom:25px}}
@media(min-width:681px) and (max-width:920px){.signal-hero{min-height:0;padding:0 0 0 18px}.signal-poster{aspect-ratio:1/1.38}.signal-art{height:78%;top:25px;width:116%;left:-8%}.signal-heading{font-size:8px;gap:10px}.signal-edition{display:none}.signal-caption{display:block;bottom:23px;left:22px}.signal-caption strong{font-size:36px}.signal-caption>span{display:none}}
@media(max-width:680px){.signal-hero{padding:0;min-height:0;max-width:none;margin-top:34px}.signal-poster{max-width:none;aspect-ratio:1/1.08}.signal-art{height:81%;top:24px}.signal-heading{font-size:9px;top:20px;left:21px;right:21px}.signal-edition{display:inline;font-size:7px}.signal-caption{left:21px;right:62px;bottom:22px;display:flex;gap:10px}.signal-caption strong{font-size:clamp(32px,9.5vw,52px)}.signal-caption>span{font-size:9px;line-height:1.5}.signal-replay{width:32px;height:32px;bottom:22px;right:17px}.rw-hero{padding-bottom:35px}}
@media(max-width:370px){.signal-caption>span{display:none}.signal-caption strong{font-size:37px}.signal-poster{aspect-ratio:1/1.12}.signal-heading{font-size:8px}.signal-heading .signal-edition{font-size:7px}}
@media(prefers-reduced-motion:reduce){.signal-replay{display:none!important}.signal-ribbon,.signal-endpoint,.signal-spark{transform:none!important;opacity:1!important}}


/* Layered choreography: construction, assembly, light pass and arrival. */
.signal-orbits,.signal-construction{stroke:var(--signal-ink)}
.signal-orbits,.signal-construction,.signal-arrival-ring,.signal-sheen{transform-box:fill-box;transform-origin:center}
.signal-arrival-ring{stroke:var(--signal-ink)}
.signal-particle{fill:var(--signal-end)}
.signal-particle:nth-child(3n){fill:var(--signal-paper)}
.signal-art{transform-origin:center;backface-visibility:hidden}
.signal-replay{width:36px;height:36px;right:22px;bottom:28px}
.signal-hero[data-motion-state=running] .signal-replay{background:var(--signal-paper)}
@media(max-width:680px){.signal-replay{right:15px;bottom:20px}}
@media(prefers-reduced-motion:reduce){.signal-orbits,.signal-construction,.signal-sheen,.signal-arrival-ring,.signal-particle{opacity:0!important}.signal-art{transform:none!important}}


/* Stationen der Flugbahn: Start unten, Abschluss oben, Phasen dazwischen. */
.signal-stations circle{fill:var(--signal-end,#d6f58a)}
.signal-stations .signal-station-halo{stroke:var(--signal-end,#d6f58a);stroke-width:1.5;opacity:.45}
.signal-stations text{fill:#f0f2ed;font-size:15px;font-weight:620;letter-spacing:.02em;paint-order:stroke;stroke:#183c32;stroke-width:3px;stroke-linejoin:round}
.signal-station-start text,.signal-station-end text{font-size:17px;fill:#183c32;stroke:#d6f58a}
.signal-chip{fill:#183c32;opacity:.94}
.signal-station-start>circle:not(.signal-station-halo){stroke:#183c32;stroke-width:2.5}
.signal-station-start .signal-chip,.signal-station-end .signal-chip{fill:#d6f58a;opacity:1}
@media(max-width:680px){.signal-stations text{font-size:22px}.signal-station-start text,.signal-station-end text{font-size:24px}}
.signal-rocket{transform-box:view-box}
.signal-rocket-inner{transform-box:fill-box;transform-origin:center}
@media(prefers-reduced-motion:reduce){.signal-rocket{display:none}}