:root {
  color-scheme: dark;
  --bg: #03080d;
  --surface: rgba(5, 17, 25, .82);
  --surface-2: rgba(7, 23, 34, .72);
  --line: rgba(99, 205, 255, .35);
  --line-soft: rgba(148, 210, 235, .14);
  --cyan: #20c8ff;
  --cyan-pale: #bdeeff;
  --bk-copper: #c87943;
  --bk-copper-deep: #8f4828;
  --bk-gold: #dda762;
  --bk-amber: #efbd7a;
  --bk-cream: #f2dfc3;
  --bk-line: rgba(216, 158, 94, .38);
  --bk-line-soft: rgba(226, 180, 125, .15);
  --tech-cyan: #35c8e8;
  --system-teal: #45d8c7;
  --bcu-violet: #bb62ff;
  --text: #f4f7fa;
  --muted: #9fb1bd;
  --violet: #bb62ff;
  --sidebar: clamp(13.5rem, 14vw, 16rem);
  --radius: .45rem;
  --ease: cubic-bezier(.2,.75,.2,1);
}

/* ==========================================================
   PRODUCTION BASELINE // PERFORMANCE + BROWSER FALLBACKS
   ========================================================== */
.noscript-navigation {
  position: relative;
  z-index: 1000;
  display: flex;
  flex-wrap: wrap;
  gap: .65rem 1rem;
  align-items: center;
  padding: 1rem 1.25rem;
  color: #dbe8ed;
  background: #071018;
  border-bottom: 1px solid #20c8ff;
  font: 600 .82rem/1.5 Arial, sans-serif;
}
.noscript-navigation a { color: #75ddff; text-decoration: underline; text-underline-offset: .2rem; }

/* Robuste Darstellung, wenn ältere Browser color-mix noch nicht beherrschen. */
@supports not (color: color-mix(in srgb, #000, #fff)) {
  .music-genre-card,
  .music-genre-cover,
  .music-genre-spectrum article,
  .story-archive-card,
  .story-sector-hero,
  .story-sector-modules article,
  .rpg-scene-card,
  .project-card,
  .inclusion-project-card,
  .media-category-card {
    border-color: rgba(83, 196, 230, .35);
    background-color: #061018;
  }
  .story-archive-card__action,
  .music-genre-spectrum,
  .story-sector-pagination { border-color: rgba(83, 196, 230, .28); }
}

/* Effekte sind progressive Verbesserung; Inhalt bleibt ohne Filter lesbar. */
@supports not ((backdrop-filter: blur(2px)) or (-webkit-backdrop-filter: blur(2px))) {
  .topbar,
  .mobile-bar,
  .nav-backdrop,
  .rpg-lightbox__stage { background-color: #03090e; }
}

@supports not (clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)) {
  .music-genre-card,
  .music-genre-cover,
  .story-archive-card__icon,
  .story-sector-hero,
  .privacy-header,
  .project-card,
  .inclusion-project-card,
  .media-category-card,
  .future-panel { clip-path: none; border-radius: .35rem; }
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  min-width: 18rem;
  min-height: 100vh;
  overflow-x: hidden;
  color: var(--text);
  background:
    radial-gradient(circle at 76% 22%, rgba(18, 77, 119, .23), transparent 30rem),
    linear-gradient(145deg, #020609, #07111a 55%, #02060a);
  font-family: "Segoe UI", Inter, system-ui, -apple-system, sans-serif;
  line-height: 1.5;
}

a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
svg { display: block; width: 1.5rem; height: 1.5rem; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.icon-library { position: absolute; width: 0; height: 0; overflow: hidden; }
.sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; z-index: 100; top: .5rem; left: .5rem; transform: translateY(-150%); padding: .75rem 1rem; color: #001018; background: var(--cyan-pale); border-radius: .25rem; }
.skip-link:focus { transform: none; }

.sidebar {
  position: fixed;
  z-index: 50;
  inset: 0 auto 0 0;
  display: flex;
  flex-direction: column;
  width: var(--sidebar);
  overflow-y: auto;
  background: linear-gradient(180deg, rgba(2,12,18,.98), rgba(3,15,22,.96));
  border-right: 1px solid var(--line);
  box-shadow: 1.5rem 0 5rem rgba(0,0,0,.45);
  scrollbar-width: thin;
}
.brand-block { position: relative; display: flex; align-items: center; justify-content: center; min-height: 9.5rem; border-bottom: 1px solid var(--line-soft); }
.brand { display: grid; place-items: center; padding: 1.25rem; }
.brand-mark { font-size: clamp(2.7rem, 4vw, 4rem); font-weight: 900; line-height: .85; letter-spacing: -.12em; padding-right: .12em; text-shadow: 0 0 1.3rem rgba(93,202,255,.24); }
.brand-name { margin-top: .65rem; font-size: .67rem; font-weight: 600; letter-spacing: .08em; }
.nav-list { padding: .65rem 0; }
.nav-link { position: relative; display: flex; align-items: center; gap: .9rem; min-height: 3.8rem; padding: .7rem 1.25rem; color: #b9c9d3; border-left: 3px solid transparent; text-transform: uppercase; font-size: .69rem; letter-spacing: .07em; transition: color .25s, background .25s, border-color .25s; }
.nav-link svg { flex: 0 0 auto; width: 1.5rem; color: #b8e9ff; }
.nav-link:hover, .nav-link:focus-visible { color: #fff; background: rgba(25,116,155,.12); outline: none; }
.nav-link.is-active { color: #fff; border-left-color: var(--cyan); background: linear-gradient(90deg, rgba(21,178,241,.2), transparent 84%); box-shadow: inset .7rem 0 1.2rem -.85rem var(--cyan); }
.nav-parent-row { display: grid; grid-template-columns: minmax(0, 1fr) 2.9rem; align-items: stretch; }
.nav-link-parent { min-width: 0; padding-right: .35rem; }
.nav-submenu-toggle { display: grid; place-items: center; margin: .45rem .55rem .45rem 0; padding: 0; color: #83b9cf; background: rgba(6,25,35,.58); border: 1px solid rgba(99,205,255,.16); border-radius: .25rem; cursor: pointer; transition: color .2s, border-color .2s, background .2s; }
.nav-submenu-toggle svg { width: 1rem; height: 1rem; transition: transform .25s var(--ease); }
.nav-submenu-toggle:hover, .nav-submenu-toggle:focus-visible { color: #fff; background: rgba(24,139,184,.16); border-color: rgba(99,205,255,.5); outline: 2px solid transparent; }
.nav-group.is-open .nav-submenu-toggle svg { transform: rotate(180deg); }
.nav-submenu { display: grid; gap: .08rem; padding: .15rem .75rem .55rem 3.2rem; }
.nav-submenu[hidden] { display: none; }
.nav-submenu-link { position: relative; padding: .55rem .55rem .55rem 1rem; color: #849eac; border-left: 1px solid rgba(99,205,255,.22); font-size: .61rem; letter-spacing: .065em; line-height: 1.35; text-transform: uppercase; transition: color .2s, background .2s, border-color .2s; }
.nav-submenu-link::before { content: ""; position: absolute; top: 50%; left: -.2rem; width: .34rem; height: .34rem; background: #07131b; border: 1px solid currentColor; transform: translateY(-50%) rotate(45deg); }
.nav-submenu-link:hover, .nav-submenu-link:focus-visible { color: #dff7ff; background: rgba(20,127,170,.1); border-left-color: var(--cyan); outline: none; }
.nav-submenu-link.is-active { color: #fff; border-left-color: var(--cyan); text-shadow: 0 0 .8rem rgba(32,200,255,.28); }
.nav-link-world { margin-top: .45rem; border-top: 1px solid var(--line-soft); }
.nav-legal { margin-top: auto; padding: .3rem 0; border-block: 1px solid var(--line-soft); }
.nav-legal .nav-link { min-height: 3rem; font-size: .6rem; }
.nav-legal svg { width: 1.2rem; }
.sidebar-signature { display: grid; padding: 1rem 1.5rem 1.4rem; color: #84a6b8; font-size: .62rem; letter-spacing: .2em; }
.sidebar-signature i { width: 2rem; margin: .65rem 0; border-top: 2px solid var(--cyan); }
.sidebar-signature strong { font-size: .62rem; font-weight: 500; }
.nav-close.icon-button { display: none; }

.icon-button { display: grid; place-items: center; width: 2.7rem; height: 2.7rem; padding: 0; color: var(--cyan-pale); background: rgba(3,16,24,.85); border: 1px solid var(--line); border-radius: .35rem; cursor: pointer; }
.mobile-bar, .nav-backdrop { display: none; }
.app-shell { width: calc(100% - var(--sidebar)); min-height: 100vh; margin-left: var(--sidebar); }

.topbar { position: relative; z-index: 20; display: grid; grid-template-columns: minmax(16rem, 1fr) auto; align-items: center; gap: clamp(1rem, 3vw, 3.5rem); min-height: 5.2rem; padding: 1rem clamp(1rem, 3vw, 3rem); background: rgba(2,8,13,.7); border-bottom: 1px solid var(--line-soft); backdrop-filter: blur(14px); }
.search { position: relative; display: flex; align-items: center; min-width: 0; max-width: 52rem; }
.search > svg { position: absolute; left: 1rem; width: 1.25rem; pointer-events: none; color: #cceeff; }
.search input { width: 100%; height: 2.8rem; padding: 0 3.4rem 0 3rem; color: #fff; background: rgba(5,24,34,.72); border: 1px solid var(--line); border-radius: .4rem; outline: none; transition: border-color .2s, box-shadow .2s; }
.search input::placeholder { color: #90a4b0; }
.search input:focus { border-color: var(--cyan); box-shadow: 0 0 0 3px rgba(32,200,255,.12), 0 0 2rem rgba(20,136,190,.12); }
.search kbd { position: absolute; right: .75rem; padding: .12rem .45rem; color: #7893a2; background: rgba(255,255,255,.04); border: 1px solid var(--line-soft); border-radius: .2rem; font-size: .7rem; }
.search-results { position: absolute; z-index: 40; top: calc(100% + .5rem); right: 0; left: 0; overflow: hidden; background: rgba(3,14,21,.98); border: 1px solid var(--line); border-radius: .4rem; box-shadow: 0 1rem 3rem rgba(0,0,0,.55); }
.search-result { display: block; padding: .8rem 1rem; border-bottom: 1px solid var(--line-soft); }
.search-result:last-child { border: 0; }
.search-result:hover, .search-result:focus-visible { background: rgba(32,200,255,.1); outline: none; }
.search-result strong { display: block; font-size: .84rem; letter-spacing: .04em; }
.search-result small { color: var(--muted); }
.search-empty { margin: 0; padding: 1rem; color: var(--muted); }
.motto { margin: 0; white-space: nowrap; color: #c3d0d7; font-size: clamp(.65rem, .9vw, .82rem); letter-spacing: .34em; }

main { min-height: calc(100vh - 8.4rem); }
.view { display: none; }
.view.is-active { display: block; animation: view-in .55s var(--ease) both; }
@keyframes view-in { from { opacity: 0; transform: translateY(.5rem); } }

.view-home { padding: clamp(.8rem, 1.4vw, 1.5rem); }
.hero-stage { position: relative; display: grid; align-items: center; min-height: clamp(26rem, 55vh, 40rem); overflow: hidden; isolation: isolate; padding: clamp(2rem, 5vw, 5.5rem) clamp(1.5rem, 4vw, 4.5rem); background: linear-gradient(90deg, rgba(3,12,18,.96) 0%, rgba(3,12,18,.7) 38%, rgba(3,11,18,.15) 72%, rgba(3,9,15,.48) 100%); border: 1px solid var(--line-soft); border-radius: var(--radius); box-shadow: inset 0 0 6rem rgba(0,0,0,.55); }
.hero-stage::before { content: ""; position: absolute; z-index: -4; inset: 0; background:
  linear-gradient(90deg, transparent 66%, rgba(83,161,203,.12) 66.2%, transparent 66.5%),
  radial-gradient(ellipse at 72% 42%, rgba(57,157,211,.22), transparent 20%),
  linear-gradient(120deg, #05121b, #111b22 47%, #081723 68%, #03080d); }
.hero-stage::after { content: ""; position: absolute; z-index: -3; inset: 0; background: repeating-linear-gradient(90deg, transparent 0 12%, rgba(122,192,226,.055) 12.05% 12.14%), linear-gradient(0deg, rgba(0,0,0,.1), transparent 25%); }
.ambient { position: absolute; z-index: -1; border-radius: 50%; filter: blur(1rem); opacity: .55; pointer-events: none; }
.ambient-one { top: 20%; right: 8%; width: 18rem; height: 18rem; background: radial-gradient(circle, rgba(13,133,198,.25), transparent 68%); }
.ambient-two { right: 35%; bottom: -8rem; width: 28rem; height: 17rem; background: radial-gradient(circle, rgba(0,178,255,.14), transparent 70%); }
.grid-plane { position: absolute; z-index: -2; right: -10%; bottom: -32%; width: 85%; height: 72%; transform: perspective(32rem) rotateX(58deg); transform-origin: center bottom; opacity: .22; background-image: linear-gradient(rgba(53,180,236,.22) 1px, transparent 1px), linear-gradient(90deg, rgba(53,180,236,.22) 1px, transparent 1px); background-size: 3rem 3rem; mask-image: linear-gradient(to top, #000, transparent 80%); }
.workstation { position: absolute; z-index: -1; inset: 8% 3% 0 42%; opacity: .9; }
.wolf-mark { position: absolute; z-index: 3; top: -1%; right: 13%; display: block; width: clamp(6.5rem, 9vw, 10rem); visibility: visible; opacity: 1; filter: drop-shadow(.2rem .45rem .35rem rgba(0,0,0,.72)); animation: wolf-reveal 1.25s var(--ease) both; }
.wolf-mark img { display: block; width: 100%; height: auto; visibility: visible; opacity: 1; object-fit: contain; }
.wolf-eye-glow { position: absolute; top: 36.7%; left: 34.8%; width: 13%; aspect-ratio: 1.45; pointer-events: none; background: radial-gradient(ellipse, rgba(218,252,255,.96) 0 7%, #20e6ff 18%, rgba(0,163,255,.75) 38%, rgba(0,138,255,0) 74%); border-radius: 50%; filter: blur(.16rem); mix-blend-mode: screen; transform: rotate(-10deg); transform-origin: center; animation: eye-ignite 2.8s var(--ease) .25s both, eye-breathe 6.5s ease-in-out 3.05s infinite; }
@keyframes wolf-reveal { from { opacity: .78; transform: translateX(.65rem) scale(.985); filter: drop-shadow(.2rem .45rem .35rem rgba(0,0,0,.72)) brightness(.82); } to { opacity: 1; transform: none; filter: drop-shadow(.2rem .45rem .35rem rgba(0,0,0,.72)) brightness(1); } }
@keyframes eye-ignite { 0% { opacity: 0; transform: rotate(-10deg) scale(.55); } 42% { opacity: .95; transform: rotate(-10deg) scale(1.22); filter: blur(.22rem); } 100% { opacity: .28; transform: rotate(-10deg) scale(1); filter: blur(.16rem); } }
@keyframes eye-breathe { 0%, 100% { opacity: .25; transform: rotate(-10deg) scale(.94); } 50% { opacity: .43; transform: rotate(-10deg) scale(1.08); } }
.screen-array { position: absolute; z-index: 1; right: 0; bottom: 17%; left: -6%; display: flex; gap: clamp(.28rem, .55vw, .55rem); align-items: end; transform: perspective(45rem) rotateX(2deg) rotateY(-4deg); }
.monitor-unit { position: relative; flex: 1 1 0; min-width: 0; height: clamp(7rem, 14vw, 12rem); margin: 0; padding: .22rem .22rem 1.25rem; overflow: hidden; background: linear-gradient(155deg, #132d3b, #030c14 72%); border: 2px solid #18394a; box-shadow: 0 0 0 1px #000, 0 0 2rem rgba(21,140,194,.1), inset 0 0 1.2rem rgba(32,200,255,.06); }
.monitor-unit--technologie { height: clamp(8rem, 16vw, 14rem); }
.monitor-screen { position: relative; width: 100%; height: 100%; overflow: hidden; background: #02080d; border: 1px solid rgba(117,204,239,.2); isolation: isolate; }
.monitor-screen::after { content: ""; position: absolute; z-index: 2; inset: 0; pointer-events: none; opacity: .2; background: repeating-linear-gradient(0deg, rgba(189,239,255,.09) 0 1px, transparent 1px 4px), linear-gradient(180deg, rgba(32,200,255,.07), transparent 28%, rgba(0,0,0,.18)); mix-blend-mode: screen; }
.monitor-screen-photo { display: block; width: 100%; height: 100%; opacity: 1; object-fit: cover; filter: brightness(.86) saturate(.88) contrast(1.04); transform: scale(1.001); }
.monitor-unit--mensch .monitor-screen-photo { object-fit: contain; object-position: center; background: linear-gradient(145deg, #1b2021, #070c10); }
.monitor-unit--technologie .monitor-screen-photo { object-position: 58% 43%; }
.monitor-unit--identitaet .monitor-screen-photo { object-position: 50% 31%; }
.monitor-unit figcaption { position: absolute; z-index: 4; right: .3rem; bottom: .22rem; left: .3rem; overflow: hidden; color: rgba(207,233,243,.82); font-size: clamp(.36rem, .48vw, .54rem); font-weight: 600; line-height: 1; letter-spacing: .08em; text-align: center; text-overflow: ellipsis; white-space: nowrap; }
.monitor-unit figcaption span { color: #70ddff; }
.monitor-light-impulse { position: absolute; z-index: 3; top: -20%; bottom: -20%; left: -52%; width: 42%; pointer-events: none; opacity: 0; background: linear-gradient(90deg, transparent, rgba(127,231,255,.08) 22%, rgba(207,250,255,.8) 50%, rgba(32,200,255,.12) 76%, transparent); filter: blur(.1rem); transform: skewX(-14deg); mix-blend-mode: screen; }
.monitor-experience.is-armed:not(.is-online) .monitor-screen-photo { opacity: .7; filter: brightness(.46) saturate(.62) contrast(1.08); }
.monitor-experience.is-online:not(.is-settled) .monitor-unit--mensch .monitor-screen-photo { animation: monitor-power-on 1.35s var(--ease) both; }
.monitor-experience.is-online:not(.is-settled) .monitor-unit--technologie .monitor-screen-photo { animation: monitor-power-on 1.35s var(--ease) 1s both; }
.monitor-experience.is-online:not(.is-settled) .monitor-unit--identitaet .monitor-screen-photo { animation: monitor-power-on 1.35s var(--ease) 2s both; }
.monitor-experience.is-online:not(.is-settled) .monitor-unit--mensch .monitor-light-impulse { animation: monitor-signal-pass .9s ease-out .28s both; }
.monitor-experience.is-online:not(.is-settled) .monitor-unit--technologie .monitor-light-impulse { animation: monitor-signal-pass .9s ease-out 1.28s both; }
.monitor-experience.is-online:not(.is-settled) .monitor-unit--identitaet .monitor-light-impulse { animation: monitor-signal-pass .9s ease-out 2.28s both; }
.monitor-experience.is-online:not(.is-settled) .monitor-unit { animation: monitor-frame-energize 1.25s ease-out both; }
.monitor-experience.is-online:not(.is-settled) .monitor-unit:nth-child(2) { animation-delay: 1s; }
.monitor-experience.is-online:not(.is-settled) .monitor-unit:nth-child(3) { animation-delay: 2s; }
.monitor-experience.is-settled .monitor-screen-photo { opacity: 1; filter: brightness(.86) saturate(.88) contrast(1.04); }
@keyframes monitor-power-on { 0% { opacity: .7; filter: brightness(.46) saturate(.62) contrast(1.08); } 42% { opacity: 1; filter: brightness(1.14) saturate(1.04) contrast(1.05); } 100% { opacity: 1; filter: brightness(.86) saturate(.88) contrast(1.04); } }
@keyframes monitor-signal-pass { 0% { left: -52%; opacity: 0; } 18% { opacity: .84; } 82% { opacity: .58; } 100% { left: 115%; opacity: 0; } }
@keyframes monitor-frame-energize { 0%, 100% { border-color: #18394a; box-shadow: 0 0 0 1px #000, 0 0 2rem rgba(21,140,194,.1), inset 0 0 1.2rem rgba(32,200,255,.06); } 48% { border-color: rgba(94,219,255,.86); box-shadow: 0 0 0 1px #000, 0 0 1.35rem rgba(32,200,255,.38), inset 0 0 1.4rem rgba(32,200,255,.15); } }
.desk-line { position: absolute; right: 0; bottom: 13%; left: -5%; height: 5%; background: linear-gradient(#25343c, #05080a); box-shadow: 0 1rem 2rem #000; transform: skewX(-8deg); }
.hero-copy { width: min(32rem, 48%); }
.eyebrow { margin: 0 0 .75rem; color: #9bdfff; font-size: .72rem; font-weight: 600; letter-spacing: .22em; text-transform: uppercase; }
.hero-copy h1, .content-hero h1 { margin: 0; font-size: clamp(2.5rem, 5.1vw, 5.5rem); line-height: .94; letter-spacing: -.045em; text-transform: uppercase; }
.hero-copy h1 span { color: #dff7ff; text-shadow: 0 0 1.5rem rgba(32,200,255,.3); }
.hero-intro { max-width: 26rem; margin: 1.4rem 0; color: #c5d4dc; font-size: clamp(.95rem, 1.25vw, 1.15rem); }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 1rem; min-height: 3rem; padding: .7rem 1.35rem; border: 1px solid currentColor; border-radius: .25rem; font-size: .74rem; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; transition: transform .25s var(--ease), color .25s, background .25s, box-shadow .25s; }
.button svg { width: 1.2rem; }
.button:hover, .button:focus-visible { transform: translateY(-2px); outline: none; }
.button-primary { color: #b9edff; background: rgba(3,19,27,.72); box-shadow: inset 0 0 1.4rem rgba(24,176,235,.08); }
.button-primary:hover, .button-primary:focus-visible { color: #fff; background: rgba(20,161,216,.16); box-shadow: 0 0 1.5rem rgba(32,200,255,.18); }
.quick-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(.6rem, 1.2vw, 1.2rem); margin-top: clamp(.8rem, 1.3vw, 1.25rem); }
.quick-card { position: relative; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 1rem; min-height: 8.5rem; padding: clamp(1rem, 1.8vw, 1.5rem); overflow: hidden; background: linear-gradient(135deg, rgba(7,27,39,.9), rgba(3,14,22,.8)); border: 1px solid var(--line); border-radius: var(--radius); transition: transform .3s var(--ease), border-color .3s, box-shadow .3s; }
.quick-card::after { content: ""; position: absolute; right: -2rem; bottom: -3rem; width: 8rem; height: 8rem; background: radial-gradient(circle, rgba(26,183,241,.12), transparent 70%); }
.quick-card > svg { width: clamp(1.8rem, 2.4vw, 2.5rem); height: auto; color: #a7e7ff; }
.quick-card h2 { margin: 0 0 .45rem; font-size: clamp(.78rem, 1vw, 1rem); letter-spacing: .07em; text-transform: uppercase; }
.quick-card p { margin: 0; color: #aebfc9; font-size: clamp(.7rem, .8vw, .82rem); }
.quick-card:hover, .quick-card:focus-visible { transform: translateY(-4px); border-color: var(--cyan); box-shadow: 0 .7rem 2rem rgba(0,0,0,.3), 0 0 1.5rem rgba(23,162,218,.1); outline: none; }
.round-arrow { display: grid; place-items: center; width: 2.35rem; height: 2.35rem; color: var(--cyan); border: 1px solid currentColor; border-radius: 50%; }
.round-arrow svg { width: 1.1rem; }

.world-banner { position: relative; display: grid; grid-template-columns: minmax(18rem, 1.25fr) minmax(8rem, .42fr) auto; align-items: center; min-height: clamp(18rem, 18vw, 36rem); gap: clamp(1.25rem, 2.5vw, 3rem); margin-top: clamp(.8rem, 1.3vw, 1.25rem); padding: clamp(1.3rem, 2.4vw, 2.2rem); overflow: hidden; background-color: #090616; background-image: linear-gradient(90deg, rgba(5,5,18,.84) 0%, rgba(8,6,25,.62) 25%, rgba(8,5,25,.12) 48%, rgba(7,5,23,.08) 70%, rgba(4,5,17,.82) 100%), image-set(url("assets/bcu/world-of-rpg-music-landscape.webp") type("image/webp"), url("assets/bcu/world-of-rpg-music-landscape.png") type("image/png")); background-position: center, 58% center; background-repeat: no-repeat; background-size: cover, auto 100%; border: 1px solid rgba(204,114,255,.72); border-radius: var(--radius); box-shadow: inset 0 0 3rem rgba(55,18,91,.24), 0 0 0 rgba(173,70,255,0); transition: border-color .35s var(--ease), box-shadow .35s var(--ease), transform .35s var(--ease); }
.world-banner::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: radial-gradient(ellipse 12% 55% at 64% 49%, rgba(228,186,255,.18), rgba(177,63,255,.13) 30%, transparent 72%); mix-blend-mode: screen; animation: portal-breathe 7s ease-in-out infinite; }
.world-banner::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(180deg, rgba(4,3,12,.06), transparent 48%, rgba(3,3,12,.28)); }
.world-banner > * { position: relative; z-index: 1; }
.world-banner h2 { margin: 0; font-size: clamp(1.4rem, 2.3vw, 2.2rem); }
.world-banner p:last-child { margin: .3rem 0 0; color: #e0d9e8; text-shadow: 0 .1rem .5rem #02020a; }
.world-topics { display: grid; justify-self: end; gap: .12rem; margin: 0; padding: 0; color: #f0e9f4; list-style: none; font-size: clamp(.68rem, .85vw, .82rem); letter-spacing: .11em; line-height: 1.55; text-transform: uppercase; text-shadow: 0 .1rem .55rem #000; }
.button-violet { color: #f0cfff; }
.world-banner:hover, .world-banner:focus-visible { border-color: rgba(221,142,255,.95); box-shadow: inset 0 0 3rem rgba(88,28,138,.26), 0 0 1.7rem rgba(176,66,255,.2); transform: translateY(-2px); }
.world-banner:hover::before, .world-banner:focus-visible::before { opacity: .58; }
.world-banner:hover .button-violet, .world-banner:focus-visible .button-violet { background: rgba(185,82,255,.18); box-shadow: 0 0 1.5rem rgba(194,91,255,.3); }
.world-banner:focus-visible { outline: 2px solid var(--violet); outline-offset: 3px; }
@keyframes portal-breathe { 0%, 100% { opacity: .28; transform: scale(.98); } 50% { opacity: .43; transform: scale(1.025); } }

.content-view { min-height: calc(100vh - 8.4rem); padding: clamp(3rem, 7vw, 7rem) clamp(1.4rem, 7vw, 8rem); background: radial-gradient(circle at 82% 12%, rgba(23,139,190,.13), transparent 28rem), linear-gradient(150deg, rgba(4,14,21,.98), rgba(2,8,13,.96)); }
.content-hero { max-width: 62rem; margin-bottom: clamp(2.5rem, 5vw, 5rem); }
.content-hero h1 { max-width: 55rem; font-size: clamp(2.8rem, 6vw, 6.5rem); }
.content-hero > p:last-child { max-width: 45rem; margin: 1.4rem 0 0; color: #b4c5cf; font-size: clamp(1rem, 1.5vw, 1.35rem); }
.detail-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 1rem; }
.detail-grid article { min-height: 15rem; padding: clamp(1.5rem, 2.5vw, 2.5rem); background: linear-gradient(145deg, rgba(9,29,41,.8), rgba(4,15,23,.75)); border: 1px solid var(--line); border-radius: var(--radius); }
.detail-grid article > span { color: var(--cyan); font-size: .7rem; letter-spacing: .18em; }
.detail-grid h2 { margin: 2.5rem 0 .8rem; font-size: clamp(1.15rem, 1.7vw, 1.65rem); }
.detail-grid p { color: var(--muted); }
.signal-panel { display: grid; grid-template-columns: minmax(16rem, .8fr) 1fr; align-items: center; gap: clamp(2rem, 5vw, 6rem); padding: clamp(1.5rem, 3vw, 3rem); background: var(--surface-2); border: 1px solid var(--line); }
.signal-visual { display: flex; align-items: center; justify-content: center; gap: clamp(.45rem, 1vw, 1rem); min-height: 13rem; overflow: hidden; background: linear-gradient(rgba(32,200,255,.03), rgba(32,200,255,.09)); border: 1px solid var(--line-soft); }
.signal-visual i { width: clamp(.45rem, 1vw, .8rem); height: 22%; background: var(--cyan); box-shadow: 0 0 1rem rgba(32,200,255,.6); }
.signal-visual i:nth-child(2) { height: 50%; }.signal-visual i:nth-child(3) { height: 80%; }.signal-visual i:nth-child(4) { height: 42%; }.signal-visual i:nth-child(5) { height: 65%; }
.signal-panel h2 { margin-top: 0; font-size: clamp(1.4rem, 2.5vw, 2.4rem); }
.signal-panel p { color: var(--muted); font-size: 1.05rem; }
.empty-state { display: grid; place-items: center; max-width: 48rem; min-height: 20rem; padding: 2rem; text-align: center; background: rgba(5,21,31,.55); border: 1px dashed var(--line); }
.empty-state svg { width: 3rem; height: 3rem; color: var(--cyan-pale); }
.empty-state h2 { margin-bottom: 0; }
.empty-state p { max-width: 34rem; color: var(--muted); }

.projects-view { background: radial-gradient(circle at 82% 12%, rgba(25,144,193,.14), transparent 30rem), linear-gradient(150deg, #041019, #02080d 68%, #07131b); }
.projects-shell { width: min(100%, 82rem); margin-inline: auto; }
.projects-intro { margin-bottom: clamp(3rem, 6vw, 5.5rem); }
.project-category + .project-category { margin-top: clamp(3.5rem, 7vw, 6.5rem); }
.project-category-heading { position: relative; max-width: 58rem; margin-bottom: clamp(1.5rem, 3vw, 2.5rem); padding-left: 1.2rem; border-left: 2px solid var(--cyan); }
.project-category--bcu .project-category-heading { border-left-color: var(--violet); }
.project-category-heading h2 { margin: 0; font-size: clamp(1.7rem, 3.2vw, 3rem); }
.project-category-heading > p:last-child { margin: .65rem 0 0; color: var(--muted); }
.project-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); min-width: 0; gap: clamp(.8rem, 1.5vw, 1.25rem); }
.project-card { --project-accent: var(--cyan); position: relative; display: flex; min-width: 0; min-height: 16rem; flex-direction: column; padding: clamp(1.4rem, 2.8vw, 2.4rem); overflow: hidden; background: linear-gradient(145deg, rgba(7,27,39,.94), rgba(3,13,20,.88)); border: 1px solid color-mix(in srgb, var(--project-accent) 34%, transparent); clip-path: polygon(.8rem 0, 100% 0, 100% calc(100% - .8rem), calc(100% - .8rem) 100%, 0 100%, 0 .8rem); }
.project-card--bcu { --project-accent: var(--violet); background: linear-gradient(145deg, rgba(28,14,47,.94), rgba(7,10,25,.9)); }
.project-card--cover { background-image: linear-gradient(105deg, rgba(6,5,18,.98) 0%, rgba(10,7,24,.95) 50%, rgba(20,9,34,.82) 100%), var(--project-card-cover); background-position: right 45%; background-size: 280% auto; }
.project-card--community { --project-accent: #55d9d2; background: linear-gradient(145deg, rgba(5,29,38,.96), rgba(18,8,35,.92)); }
.project-card::before { content: ""; position: absolute; top: 0; left: 0; width: 8rem; height: 2px; background: linear-gradient(90deg, var(--project-accent), transparent); box-shadow: 0 0 .8rem color-mix(in srgb, var(--project-accent) 62%, transparent); }
.project-card--linked { transition: transform .3s var(--ease), border-color .3s, box-shadow .3s; }
.project-card--linked:hover, .project-card--linked:focus-visible { transform: translateY(-.22rem); border-color: var(--project-accent); box-shadow: 0 1rem 2.5rem rgba(0,0,0,.32), 0 0 1.5rem color-mix(in srgb, var(--project-accent) 16%, transparent); outline: none; }
.project-card--linked:focus-visible { box-shadow: 0 0 0 2px #02080d, 0 0 0 4px var(--project-accent), 0 1rem 2.5rem rgba(0,0,0,.32); }
.project-card-meta { margin: 0 0 1.8rem; color: var(--project-accent); font-family: Consolas, "Courier New", monospace; font-size: .62rem; letter-spacing: .13em; overflow-wrap: anywhere; text-transform: uppercase; }
.project-card h3 { max-width: 34rem; margin: 0; font-size: clamp(1.25rem, 2.1vw, 1.85rem); line-height: 1.15; overflow-wrap: break-word; }
.project-card-description { margin: 1rem 0 2rem; color: #b9c8d0; line-height: 1.7; }
.project-card-footer { display: flex; align-items: end; justify-content: space-between; gap: 1rem; margin-top: auto; padding-top: 1rem; border-top: 1px solid color-mix(in srgb, var(--project-accent) 20%, transparent); }
.project-status { color: #8fa5b0; font-size: .68rem; letter-spacing: .08em; text-transform: uppercase; }
.project-card-action { flex: 0 0 auto; color: var(--project-accent); font-size: .7rem; letter-spacing: .08em; text-transform: uppercase; }

.project-detail-view { background: radial-gradient(circle at 80% 12%, rgba(171,76,235,.17), transparent 34rem), linear-gradient(145deg, #050914, #02070c 68%, #0a0814); }
.project-detail-shell { width: min(100%, 88rem); min-width: 0; margin-inline: auto; }
.project-detail-backlinks, .bcu-backlinks { display: flex; flex-wrap: wrap; gap: .7rem 1.4rem; margin-bottom: clamp(2.5rem, 5vw, 4.5rem); }
.project-back-link, .bcu-back-link { display: inline-flex; align-items: center; gap: .65rem; color: #aebec7; font-size: .68rem; letter-spacing: .1em; text-transform: uppercase; }
.project-back-link span:last-child { color: var(--cyan); }
.project-back-link:hover, .project-back-link:focus-visible, .bcu-back-link:hover, .bcu-back-link:focus-visible { color: #fff; outline: none; text-shadow: 0 0 .8rem rgba(32,200,255,.4); }
.project-back-link:focus-visible, .bcu-back-link:focus-visible { box-shadow: 0 2px 0 var(--cyan); }
.project-back-link--bcu span:last-child { color: var(--violet); }
.project-detail-layout { display: grid; grid-template-columns: minmax(0, .85fr) minmax(24rem, 1.15fr); align-items: center; gap: clamp(2rem, 5vw, 5.5rem); }
.project-detail-content h1 { margin: 0; font-size: clamp(2.5rem, 5.2vw, 5.8rem); line-height: .92; letter-spacing: -.045em; }
.project-detail-lead { max-width: 42rem; margin: 1.4rem 0 0; color: #e0d6e8; font-size: clamp(1.05rem, 1.6vw, 1.3rem); line-height: 1.65; }
.project-detail-description { max-width: 42rem; margin: 1.2rem 0 0; color: var(--muted); line-height: 1.75; }
.project-facts { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: .55rem 1.25rem; margin: 2rem 0 0; padding: 1.2rem 0; border-block: 1px solid rgba(187,98,255,.22); }
.project-facts dt { color: #8297a3; font-size: .65rem; letter-spacing: .1em; text-transform: uppercase; }
.project-facts dd { min-width: 0; margin: 0; color: #d7e0e5; overflow-wrap: break-word; }
.project-detail-visual { margin: 0; overflow: hidden; background: #020306; border: 1px solid rgba(198,159,91,.3); box-shadow: 0 1.5rem 4rem rgba(0,0,0,.42), 0 0 2rem rgba(142,61,202,.12); }
.project-detail-visual picture, .project-detail-visual img { display: block; width: 100%; }
.project-detail-visual img { height: auto; }
.systems-view { background: radial-gradient(circle at 78% 12%, rgba(21,151,199,.15), transparent 30rem), linear-gradient(rgba(32,200,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(32,200,255,.025) 1px, transparent 1px), linear-gradient(150deg, #031019, #02080d 64%, #07131b); background-size: auto, 2.2rem 2.2rem, 2.2rem 2.2rem, auto; }
.systems-shell { position: relative; width: min(100%, 76rem); margin-inline: auto; padding: clamp(1.3rem, 3vw, 3rem); overflow: hidden; background: linear-gradient(145deg, rgba(4,17,25,.88), rgba(2,9,14,.94)); border: 1px solid rgba(32,200,255,.24); box-shadow: inset 0 0 5rem rgba(0,0,0,.5), 0 1.5rem 5rem rgba(0,0,0,.28); }
.systems-shell::before, .systems-shell::after { content: ""; position: absolute; width: 5rem; height: 5rem; pointer-events: none; }
.systems-shell::before { top: .75rem; left: .75rem; border-top: 2px solid rgba(32,200,255,.7); border-left: 2px solid rgba(32,200,255,.7); }
.systems-shell::after { right: .75rem; bottom: .75rem; border-right: 2px solid rgba(32,200,255,.5); border-bottom: 2px solid rgba(32,200,255,.5); }
.systems-header, .systems-grid, .systems-note, .systems-footer { position: relative; z-index: 1; }
.systems-statusline { display: flex; justify-content: space-between; gap: 1rem; margin-bottom: clamp(1.5rem, 3vw, 2.5rem); color: #6f8997; font-family: Consolas, "Courier New", monospace; font-size: .6rem; letter-spacing: .18em; }
.systems-statusline span:last-child { color: var(--cyan); }
.systems-header { margin-bottom: clamp(2rem, 4vw, 3.5rem); }
.systems-header h1 { max-width: 60rem; margin: 0; font-size: clamp(2.5rem, 5.3vw, 5.7rem); line-height: .92; letter-spacing: -.045em; text-transform: uppercase; }
.systems-header > p:last-child { max-width: 58rem; margin: 1.1rem 0 0; color: #c1d0d8; font-size: clamp(.98rem, 1.35vw, 1.18rem); line-height: 1.75; }
.systems-header-line { position: relative; height: .8rem; margin: 1.35rem 0 .7rem; border-top: 1px solid rgba(32,200,255,.24); }
.systems-header-line span { position: absolute; top: -2px; left: 0; width: clamp(6rem, 14vw, 10rem); height: 3px; background: linear-gradient(90deg, var(--cyan), transparent); box-shadow: 0 0 .8rem rgba(32,200,255,.55); }
.systems-grid { display: grid; gap: clamp(.75rem, 1.2vw, 1rem); }
.system-card { --system-accent: var(--cyan); position: relative; display: grid; grid-template-columns: clamp(5.5rem, 9vw, 7.4rem) minmax(0, 1fr) auto; align-items: center; gap: clamp(1.1rem, 2.4vw, 2.25rem); min-height: 9.5rem; padding: clamp(1.1rem, 2.2vw, 1.75rem) clamp(1.2rem, 2.8vw, 2.5rem); overflow: hidden; background: linear-gradient(100deg, rgba(6,24,34,.96), rgba(3,12,18,.88)); border: 1px solid color-mix(in srgb, var(--system-accent) 52%, transparent); clip-path: polygon(.9rem 0, 100% 0, 100% calc(100% - .9rem), calc(100% - .9rem) 100%, 0 100%, 0 .9rem); transition: transform .28s var(--ease), filter .28s var(--ease), border-color .28s; }
.system-card:hover { transform: translateX(.2rem); filter: brightness(1.08); border-color: var(--system-accent); }
.system-card--bcu { --system-accent: #bb62ff; }
.system-card--ciu { --system-accent: #27d2ff; }
.system-card--code { --system-accent: #20e5bd; }
.system-hex { position: relative; display: grid; place-items: center; width: clamp(4.8rem, 7vw, 6rem); aspect-ratio: .9; color: var(--system-accent); background: var(--system-accent); clip-path: polygon(25% 5%, 75% 5%, 100% 25%, 100% 75%, 75% 95%, 25% 95%, 0 75%, 0 25%); filter: drop-shadow(0 0 .65rem color-mix(in srgb, var(--system-accent) 36%, transparent)); }
.system-hex::before { content: ""; position: absolute; inset: 2px; background: #061119; clip-path: inherit; }
.system-hex span { position: relative; z-index: 1; color: var(--system-accent); font-family: Consolas, "Courier New", monospace; font-size: clamp(1.45rem, 2.8vw, 2.15rem); font-weight: 800; line-height: 1; text-shadow: 0 0 .85rem var(--system-accent); }
.system-hex--code span { font-size: clamp(.78rem, 1.6vw, 1.18rem); }
.system-card-content { position: relative; z-index: 2; min-width: 0; }
.system-card-label { margin: 0 0 .35rem !important; color: #6f8c9b !important; font-family: Consolas, "Courier New", monospace; font-size: .62rem !important; letter-spacing: .13em; text-transform: uppercase; }
.system-card-content h2 { margin: 0 0 .55rem; color: var(--system-accent); font-family: Consolas, "Courier New", monospace; font-size: clamp(1rem, 1.8vw, 1.35rem); line-height: 1.25; text-shadow: 0 0 1rem color-mix(in srgb, var(--system-accent) 28%, transparent); }
.system-card-content p { max-width: 48rem; margin: 0; color: #c3d0d7; line-height: 1.65; }
.system-card-description { display: grid; gap: clamp(.65rem, 1.2vw, .9rem); }
.system-card-motto { width: fit-content; padding-left: .8rem; color: #d8fff7 !important; border-left: 2px solid var(--system-accent); font-family: Consolas, "Courier New", monospace; letter-spacing: .025em; text-shadow: 0 0 .8rem color-mix(in srgb, var(--system-accent) 24%, transparent); }
.system-card-motto strong { font-weight: 700; }
.system-symbols { position: relative; z-index: 2; display: flex; flex-wrap: wrap; justify-content: flex-end; gap: clamp(.65rem, 1.6vw, 1.2rem); max-width: 15rem; padding: .75rem 0; overflow: hidden; color: var(--system-accent); font-family: Consolas, "Courier New", monospace; font-size: clamp(1.05rem, 2vw, 1.55rem); text-shadow: 0 0 .8rem var(--system-accent); }
.system-card--bcu .system-symbols::after { content: ""; position: absolute; top: 12%; bottom: 12%; left: 0; width: 18%; pointer-events: none; background: linear-gradient(90deg, transparent, rgba(234,204,255,.85), transparent); filter: blur(.18rem); transform: translateX(-180%); animation: systems-bcu-impulse 8s ease-in-out infinite; }
.system-watermark { position: absolute; z-index: 0; top: 50%; right: clamp(1rem, 3vw, 2.5rem); color: transparent; font-family: Consolas, "Courier New", monospace; font-size: clamp(4rem, 8vw, 7rem); line-height: 1; -webkit-text-stroke: 1px color-mix(in srgb, var(--system-accent) 17%, transparent); transform: translateY(-50%); pointer-events: none; }
.system-status-dot { position: absolute; right: .55rem; bottom: .55rem; width: .3rem; height: .3rem; background: var(--system-accent); border-radius: 50%; box-shadow: 0 0 .7rem .18rem color-mix(in srgb, var(--system-accent) 66%, transparent); }
.system-card--bk:hover .system-hex { filter: drop-shadow(0 0 1rem color-mix(in srgb, var(--system-accent) 72%, transparent)) brightness(1.22); }
.system-edge-signal { position: absolute; z-index: 3; left: 0; width: 18%; height: 2px; pointer-events: none; background: linear-gradient(90deg, transparent, #d8f9ff, var(--system-accent), transparent); filter: drop-shadow(0 0 .35rem var(--system-accent)); transform: translateX(-130%); animation: systems-ciu-signal 9s linear infinite; }
.system-edge-signal--top { top: 0; }
.system-edge-signal--bottom { bottom: 0; animation-direction: reverse; animation-delay: -4.5s; }
.system-card--code .system-hex { animation: systems-code-pulse 7s ease-in-out infinite; }
.systems-note { display: flex; align-items: center; gap: clamp(1rem, 2vw, 1.6rem); margin-top: clamp(1rem, 2vw, 1.5rem); padding: clamp(1.2rem, 2.4vw, 1.8rem); background: rgba(5,22,31,.86); border: 1px solid rgba(32,200,255,.62); clip-path: polygon(.8rem 0, 100% 0, 100% calc(100% - .8rem), calc(100% - .8rem) 100%, 0 100%, 0 .8rem); }
.systems-note-symbol { display: grid; flex: 0 0 auto; place-items: center; width: 3rem; aspect-ratio: .92; color: var(--cyan); border: 2px solid var(--cyan); clip-path: polygon(25% 0, 75% 0, 100% 25%, 100% 75%, 75% 100%, 25% 100%, 0 75%, 0 25%); font-family: Georgia, serif; font-size: 1.45rem; text-shadow: 0 0 .65rem var(--cyan); }
.systems-note p { margin: 0; color: #c8d4da; line-height: 1.65; }
.systems-footer { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 1rem; margin-top: clamp(1.5rem, 3vw, 2.25rem); color: #718d9a; font-family: Consolas, "Courier New", monospace; font-size: .58rem; letter-spacing: .13em; }
.systems-footer i { border-top: 1px solid rgba(32,200,255,.32); }
@keyframes systems-bcu-impulse { 0%, 12% { opacity: 0; transform: translateX(-180%); } 35%, 72% { opacity: .8; } 88%, 100% { opacity: 0; transform: translateX(650%); } }
@keyframes systems-ciu-signal { 0% { opacity: 0; transform: translateX(-130%); } 12%, 82% { opacity: .75; } 100% { opacity: 0; transform: translateX(690%); } }
@keyframes systems-code-pulse { 0%, 100% { opacity: .72; filter: drop-shadow(0 0 .45rem color-mix(in srgb, var(--system-accent) 28%, transparent)); } 50% { opacity: 1; filter: drop-shadow(0 0 .9rem color-mix(in srgb, var(--system-accent) 58%, transparent)); } }
.manifesto { display: grid; gap: 1px; max-width: 65rem; background: var(--line-soft); border: 1px solid var(--line-soft); }
.manifesto p { margin: 0; padding: clamp(1.5rem, 3vw, 3rem); background: #06121a; font-size: clamp(1.15rem, 2vw, 2rem); }
.team-view { padding: clamp(.75rem, 1.5vw, 1.5rem); }
.team-shell { width: 100%; margin-inline: auto; }
.team-header { display: flex; align-items: center; min-height: clamp(4.25rem, 6vw, 6.5rem); padding-inline: clamp(.4rem, 1.2vw, 1.25rem); border-bottom: 1px solid rgba(32,200,255,.28); }
.team-header h1 { margin: 0; color: #f4f8fb; font-size: clamp(2.25rem, 5vw, 5.25rem); line-height: .9; letter-spacing: -.045em; text-transform: uppercase; text-shadow: 0 0 2rem rgba(32,200,255,.14); }
.team-portrait { display: block; width: 100%; height: auto; margin: clamp(.75rem, 1.5vw, 1.5rem) auto 0; object-fit: contain; border: 1px solid rgba(75,196,242,.28); box-shadow: 0 1rem 3.5rem rgba(0,0,0,.42), 0 0 2rem rgba(32,200,255,.06); }
.frequency-identities { width: min(100%, 96rem); margin: clamp(3rem, 6vw, 6rem) auto 0; padding: clamp(1.25rem, 3vw, 3rem); background: linear-gradient(rgba(32,200,255,.022) 1px, transparent 1px), linear-gradient(90deg, rgba(32,200,255,.022) 1px, transparent 1px), linear-gradient(145deg, rgba(4,17,25,.9), rgba(2,9,14,.96)); background-size: 2rem 2rem, 2rem 2rem, auto; border: 1px solid rgba(32,200,255,.2); box-shadow: inset 0 0 5rem rgba(0,0,0,.45); }
.frequency-intro { max-width: 70rem; margin-bottom: clamp(2rem, 4vw, 3.5rem); }
.frequency-intro h2 { max-width: 64rem; margin: .55rem 0 0; font-size: clamp(2.25rem, 5vw, 5.25rem); line-height: .93; letter-spacing: -.045em; overflow-wrap: anywhere; }
.frequency-intro > p:last-child { margin: 1rem 0 0; color: #c0d2dc; font-size: clamp(1rem, 1.5vw, 1.25rem); }
.frequency-grid { --frequency-gap: clamp(1.25rem, 2.5vw, 2.5rem); position: relative; isolation: isolate; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--frequency-gap); }
.frequency-card { --frequency-accent: var(--cyan); position: relative; z-index: 1; display: flex; min-width: 0; min-height: clamp(12rem, 15vw, 15rem); flex-direction: column; justify-content: center; padding: clamp(1.35rem, 2.4vw, 2.15rem); overflow: hidden; background: linear-gradient(145deg, rgba(7,27,39,.96), rgba(3,13,20,.92)); border: 1px solid color-mix(in srgb, var(--frequency-accent) 42%, transparent); clip-path: polygon(.75rem 0, 100% 0, 100% calc(100% - .75rem), calc(100% - .75rem) 100%, 0 100%, 0 .75rem); box-shadow: inset 0 0 2.5rem color-mix(in srgb, var(--frequency-accent) 4%, transparent); transition: border-color .35s var(--ease), box-shadow .35s var(--ease), background-color .35s var(--ease); }
.frequency-card::before { content: ""; position: absolute; top: 0; left: 0; width: 42%; height: 2px; background: linear-gradient(90deg, var(--frequency-accent), transparent); box-shadow: 0 0 .8rem color-mix(in srgb, var(--frequency-accent) 62%, transparent); }
.frequency-card::after { content: ""; position: absolute; right: -4rem; bottom: -5rem; width: 11rem; height: 11rem; pointer-events: none; background: radial-gradient(circle, color-mix(in srgb, var(--frequency-accent) 12%, transparent), transparent 70%); }
.frequency-card--nila { --frequency-accent: #bdeeff; }
.frequency-card--beat { --frequency-accent: #20c8ff; background: linear-gradient(145deg, rgba(8,37,52,.98), rgba(3,15,23,.96)); border-color: rgba(32,200,255,.75); box-shadow: inset 0 0 3rem rgba(32,200,255,.08), 0 0 1.8rem rgba(32,200,255,.1); }
.frequency-card--ai { --frequency-accent: #bb62ff; background: linear-gradient(145deg, rgba(25,13,42,.96), rgba(8,10,24,.94)); }
.frequency-card--lynxa { --frequency-accent: #45e0cc; background: linear-gradient(145deg, rgba(5,36,40,.96), rgba(4,15,23,.94)); }
.frequency-card--codexa { grid-column: 2; --frequency-accent: #d084ff; background: linear-gradient(145deg, rgba(31,13,49,.98), rgba(10,9,25,.96)); box-shadow: inset 0 0 3rem rgba(208,132,255,.06), 0 0 1.8rem rgba(187,98,255,.08); }
.frequency-card:hover { border-color: var(--frequency-accent); box-shadow: inset 0 0 3rem color-mix(in srgb, var(--frequency-accent) 9%, transparent), 0 0 1.5rem color-mix(in srgb, var(--frequency-accent) 17%, transparent); }
.frequency-index { position: absolute; top: 1rem; right: 1rem; color: color-mix(in srgb, var(--frequency-accent) 78%, white); font-family: Consolas, "Courier New", monospace; font-size: .58rem; letter-spacing: .13em; }
.frequency-type { margin: 0 0 1rem; color: var(--frequency-accent); font-family: Consolas, "Courier New", monospace; font-size: clamp(.62rem, .72vw, .74rem); letter-spacing: .13em; line-height: 1.45; }
.frequency-card h3 { margin: 0; font-size: clamp(2rem, 3.5vw, 3.5rem); line-height: .9; letter-spacing: -.035em; }
.frequency-card > p:not(.frequency-type, .frequency-note) { position: relative; z-index: 1; margin: 1rem 0 0; color: #c1d0d8; line-height: 1.65; }
.frequency-note { position: relative; z-index: 1; margin: .8rem 0 0; padding-top: .8rem; color: #91aaa9; border-top: 1px solid rgba(69,224,204,.2); font-size: .72rem; line-height: 1.55; }
.frequency-link { --energy-breathe-duration: 9s; --energy-filament-duration: 14s; --energy-particle-duration: 18s; position: absolute; z-index: 0; display: block; overflow: visible; color: var(--energy-color, #39d7ff); pointer-events: none; opacity: .74; animation: frequency-link-breathe var(--energy-breathe-duration) ease-in-out infinite; animation-delay: var(--delay); transition: opacity .35s var(--ease), filter .35s var(--ease); }
.frequency-link--horizontal { grid-row: var(--row) / span 1; grid-column: var(--col) / span 2; top: 50%; left: 50%; width: var(--frequency-gap); height: 1.2rem; transform: translate(-50%, -50%); }
.frequency-link--vertical { grid-row: 1 / span 1; grid-column: var(--col) / span 1; top: 100%; left: 50%; width: 1.2rem; height: var(--frequency-gap); transform: translateX(-50%); }
.frequency-link--vertical-lower { grid-row: 2 / span 1; }
.frequency-link--mobile { display: none; }
.frequency-grid:has(.frequency-card:hover) .frequency-link { opacity: .32; }
.frequency-grid:has(.frequency-card--nila:hover) .connects-nila,
.frequency-grid:has(.frequency-card--beat:hover) .connects-beat,
.frequency-grid:has(.frequency-card--fiona:hover) .connects-fiona,
.frequency-grid:has(.frequency-card--luna:hover) .connects-luna,
.frequency-grid:has(.frequency-card--nexa:hover) .connects-nexa,
.frequency-grid:has(.frequency-card--lynxa:hover) .connects-lynxa,
.frequency-grid:has(.frequency-card--codexa:hover) .connects-codexa { opacity: 1; filter: brightness(1.2) drop-shadow(0 0 .35rem currentColor); animation: none; }
.frequency-footer { margin-top: clamp(2rem, 4vw, 3.5rem); padding-top: 1rem; color: #75a3b7; border-top: 1px solid rgba(32,200,255,.2); font-family: Consolas, "Courier New", monospace; font-size: clamp(.62rem, .8vw, .76rem); letter-spacing: .15em; text-align: center; }
.world-view { --bcu-portal-gap: clamp(.5rem, 1.3vw, 1.5rem); padding: var(--bcu-portal-gap); background: radial-gradient(circle at 72% 30%, rgba(132,53,207,.2), transparent 30rem), #02040a; }
.bcu-portal-stage { position: relative; width: 100%; max-width: none; margin-inline: auto; overflow: hidden; background: #020306; border: 1px solid rgba(198,159,91,.24); box-shadow: 0 1.5rem 5rem rgba(0,0,0,.5), 0 0 2.5rem rgba(102,45,170,.12); }
.bcu-portal-picture, .bcu-portal-picture img { display: block; width: 100%; }
.bcu-portal-picture img { height: auto; }
.bcu-portal-project-link { position: absolute; z-index: 1; top: 8%; left: 31%; width: 48%; height: 62%; border: 1px solid transparent; border-radius: .35rem; transition: border-color .35s, box-shadow .35s, background-color .35s; }
.bcu-portal-project-link:hover, .bcu-portal-project-link:focus-visible { background: radial-gradient(ellipse at 50% 45%, rgba(210,164,80,.08), transparent 66%); border-color: rgba(215,169,79,.55); box-shadow: inset 0 0 2rem rgba(215,169,79,.08), 0 0 1.2rem rgba(215,169,79,.15); outline: none; }
.bcu-portal-link { --portal-accent: #b667ff; position: absolute; z-index: 2; top: 72.7%; height: 22.1%; overflow: hidden; border: 1px solid transparent; border-radius: .25rem; transition: border-color .35s var(--ease), box-shadow .35s var(--ease), background-color .35s var(--ease); }
.bcu-portal-link::before, .bcu-portal-link::after { content: ""; position: absolute; pointer-events: none; opacity: 0; transition: opacity .35s var(--ease), transform .55s var(--ease); }
.bcu-portal-link::before { inset: 0; background: radial-gradient(ellipse at 50% 58%, color-mix(in srgb, var(--portal-accent) 18%, transparent), transparent 68%); transform: scale(.96); }
.bcu-portal-link::after { inset: 8% 5%; border: 1px solid color-mix(in srgb, var(--portal-accent) 78%, transparent); box-shadow: inset 0 0 1.2rem color-mix(in srgb, var(--portal-accent) 18%, transparent), 0 0 1rem color-mix(in srgb, var(--portal-accent) 28%, transparent); }
.bcu-portal-link:hover, .bcu-portal-link:focus-visible { border-color: color-mix(in srgb, var(--portal-accent) 82%, transparent); background: color-mix(in srgb, var(--portal-accent) 5%, transparent); box-shadow: 0 0 1.5rem color-mix(in srgb, var(--portal-accent) 35%, transparent); outline: none; }
.bcu-portal-link:hover::before, .bcu-portal-link:hover::after, .bcu-portal-link:focus-visible::before, .bcu-portal-link:focus-visible::after { opacity: 1; transform: scale(1); }
.bcu-portal-link--music { left: 9.15%; width: 26.55%; }
.bcu-portal-link--stories { --portal-accent: #d7a94f; left: 36.25%; width: 27.15%; }
.bcu-portal-link--rpg { --portal-accent: #35d8ff; left: 64.05%; width: 26.75%; }
.bcu-mobile-portals { display: none; }

.bcu-subview { --bcu-accent: #b667ff; background: radial-gradient(circle at 78% 18%, color-mix(in srgb, var(--bcu-accent) 16%, transparent), transparent 30rem), linear-gradient(145deg, #050812, #02060b 68%, #070b13); }
.bcu-subview--stories { --bcu-accent: #d7a94f; }
.bcu-subview--rpg { --bcu-accent: #35d8ff; }
.bcu-subview-shell { width: min(100%, 76rem); margin-inline: auto; }
.bcu-back-link { transition: color .25s, transform .25s var(--ease); }
.bcu-back-link svg { width: 1.1rem; height: 1.1rem; transform: rotate(180deg); }
.bcu-back-link:hover, .bcu-back-link:focus-visible { color: var(--bcu-accent); transform: translateX(-.2rem); text-shadow: 0 0 .8rem color-mix(in srgb, var(--bcu-accent) 40%, transparent); }
.bcu-back-link:focus-visible { box-shadow: 0 2px 0 var(--bcu-accent); }
.bcu-subview-header { max-width: 68rem; }
.bcu-subview-header h1 { margin: 0; color: #f2f6f8; font-size: clamp(2.8rem, 7vw, 7rem); line-height: .9; letter-spacing: -.045em; text-shadow: 0 0 2.8rem color-mix(in srgb, var(--bcu-accent) 24%, transparent); }
.bcu-subview-header > p:last-child { margin: 1.35rem 0 0; color: color-mix(in srgb, var(--bcu-accent) 66%, #eef7fb); font-size: clamp(1.05rem, 2vw, 1.45rem); }
.bcu-prepared-panel { position: relative; max-width: 54rem; margin-top: clamp(3rem, 7vw, 6rem); padding: clamp(1.5rem, 4vw, 3rem); overflow: hidden; background: linear-gradient(135deg, color-mix(in srgb, var(--bcu-accent) 9%, rgba(5,15,24,.9)), rgba(3,10,16,.88)); border: 1px solid color-mix(in srgb, var(--bcu-accent) 48%, transparent); clip-path: polygon(.85rem 0, 100% 0, 100% calc(100% - .85rem), calc(100% - .85rem) 100%, 0 100%, 0 .85rem); }
.bcu-prepared-panel::before { content: ""; position: absolute; top: 0; left: 0; width: 8rem; height: 2px; background: linear-gradient(90deg, var(--bcu-accent), transparent); box-shadow: 0 0 .8rem var(--bcu-accent); }
.bcu-prepared-panel span { color: var(--bcu-accent); font-family: Consolas, "Courier New", monospace; font-size: .68rem; letter-spacing: .16em; text-transform: uppercase; }
.bcu-prepared-panel p { max-width: 44rem; margin: 1.2rem 0 0; color: #c2cfd6; font-size: clamp(1rem, 1.7vw, 1.2rem); line-height: 1.75; }

/* BCU // RPG-Welten — zusammenhängendes Gameplay-Archiv */
.bcu-subview--rpg {
  background:
    linear-gradient(rgba(53, 216, 255, .025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(53, 216, 255, .025) 1px, transparent 1px),
    radial-gradient(circle at 84% 7%, rgba(83, 73, 255, .15), transparent 35rem),
    linear-gradient(150deg, #03080e, #02060b 55%, #060b13);
  background-size: 2.8rem 2.8rem, 2.8rem 2.8rem, auto, auto;
}
.bcu-subview--rpg .rpg-worlds-shell { width: min(100%, 96rem); }
.rpg-worlds-hero { position: relative; min-height: min(65vw, 42rem); margin-top: clamp(2rem, 4vw, 3.5rem); overflow: hidden; background: #02060a; border: 1px solid rgba(79, 190, 232, .52); clip-path: polygon(1.15rem 0, 100% 0, 100% calc(100% - 1.15rem), calc(100% - 1.15rem) 100%, 0 100%, 0 1.15rem); box-shadow: 0 2rem 5rem rgba(0, 0, 0, .46), 0 0 3rem rgba(83, 73, 255, .1); }
.rpg-worlds-hero::before { content: ""; position: absolute; z-index: 4; top: 0; left: 1.15rem; width: 33%; height: 2px; background: linear-gradient(90deg, #5ee6ff, #7968ff, transparent); box-shadow: 0 0 1.2rem #5ee6ff; }
.rpg-worlds-hero img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; filter: saturate(.88) contrast(1.08) brightness(.8); }
.rpg-worlds-hero__shade { position: absolute; z-index: 1; inset: 0; background: linear-gradient(90deg, rgba(2, 7, 12, .95) 0%, rgba(2, 7, 12, .62) 38%, rgba(2, 7, 12, .12) 73%), linear-gradient(0deg, rgba(2, 7, 12, .92), transparent 43%); }
.rpg-worlds-hero__copy { position: absolute; z-index: 2; left: clamp(1.5rem, 5vw, 5rem); bottom: clamp(4.6rem, 10vw, 7rem); max-width: 48rem; }
.rpg-worlds-hero__copy p, .rpg-worlds-gallery__intro > div > p { margin: 0 0 .9rem; color: #63dfff; font-family: Consolas, "Courier New", monospace; font-size: .66rem; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; }
.rpg-worlds-hero__copy h1 { margin: 0; color: #f6f8fa; font-size: clamp(3.4rem, 8vw, 8rem); line-height: .84; letter-spacing: -.055em; text-shadow: 0 0 2.8rem rgba(104, 90, 255, .34); }
.rpg-worlds-hero__copy strong { display: block; margin-top: 1.4rem; color: #c8d6df; font-size: clamp(.95rem, 1.7vw, 1.35rem); font-weight: 400; letter-spacing: .025em; }
.rpg-worlds-hero__status { position: absolute; z-index: 3; right: clamp(1rem, 2vw, 2rem); bottom: clamp(1rem, 2vw, 2rem); left: clamp(1rem, 2vw, 2rem); display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 1rem; padding: .85rem 1rem; color: #8799a5; background: rgba(2, 8, 13, .88); border: 1px solid rgba(78, 190, 232, .28); backdrop-filter: blur(.55rem); font-family: Consolas, "Courier New", monospace; font-size: .57rem; letter-spacing: .13em; text-transform: uppercase; }
.rpg-worlds-hero__status b { color: #d7b968; font-weight: 700; text-align: center; }
.rpg-worlds-hero__status span:last-child { text-align: right; }

.rpg-worlds-gallery { position: relative; margin-top: clamp(4rem, 8vw, 8rem); }
.rpg-worlds-gallery__intro { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(18rem, .75fr); align-items: end; gap: clamp(2rem, 6vw, 7rem); margin-bottom: clamp(2.5rem, 5vw, 4.5rem); }
.rpg-worlds-gallery__intro h2 { margin: 0; color: #f4f7f9; font-size: clamp(3rem, 6vw, 6.5rem); line-height: .84; letter-spacing: -.05em; }
.rpg-worlds-gallery__intro h2 span { color: transparent; -webkit-text-stroke: 1px rgba(91, 205, 244, .72); }
.rpg-worlds-gallery__intro > p { margin: 0 0 .5rem; color: #9dafba; font-size: clamp(.95rem, 1.5vw, 1.12rem); line-height: 1.75; }
.rpg-scene-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(1rem, 2.2vw, 2rem); }
.rpg-scene-card { position: relative; min-width: 0; overflow: hidden; background: linear-gradient(145deg, color-mix(in srgb, var(--scene-accent) 7%, #061018), rgba(2, 7, 12, .98)); border: 1px solid color-mix(in srgb, var(--scene-accent) 46%, transparent); clip-path: polygon(.9rem 0, 100% 0, 100% calc(100% - .9rem), calc(100% - .9rem) 100%, 0 100%, 0 .9rem); box-shadow: 0 1.3rem 3rem rgba(0, 0, 0, .3), inset 0 0 2rem color-mix(in srgb, var(--scene-accent) 3%, transparent); transition: transform .35s var(--ease), border-color .35s, box-shadow .35s; }
.rpg-scene-card::before { content: ""; position: absolute; z-index: 4; top: 0; left: .9rem; width: 28%; height: 2px; background: linear-gradient(90deg, var(--scene-accent), transparent); box-shadow: 0 0 1rem var(--scene-accent); }
.rpg-scene-card:hover { transform: translateY(-.3rem); border-color: color-mix(in srgb, var(--scene-accent) 78%, white 8%); box-shadow: 0 1.8rem 4rem rgba(0, 0, 0, .43), 0 0 2rem color-mix(in srgb, var(--scene-accent) 13%, transparent); }
.rpg-scene-card figure { position: relative; aspect-ratio: 16 / 9; margin: 0; overflow: hidden; background: #02060a; border-bottom: 1px solid color-mix(in srgb, var(--scene-accent) 36%, transparent); }
.rpg-scene-card figure::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 58%, rgba(2, 7, 12, .86)); pointer-events: none; }
.rpg-scene-card__zoom { position: absolute; inset: 0; display: block; width: 100%; height: 100%; padding: 0; overflow: hidden; color: var(--scene-accent); background: #02060a; border: 0; cursor: zoom-in; }
.rpg-scene-card__zoom img { display: block; width: 100%; height: 100%; object-fit: cover; filter: saturate(.92) contrast(1.04); transition: transform .8s var(--ease), filter .8s var(--ease); }
.rpg-scene-card:hover .rpg-scene-card__zoom img, .rpg-scene-card__zoom:focus-visible img { transform: scale(1.03); filter: saturate(1.08) contrast(1.07); }
.rpg-scene-card__zoom > span { position: absolute; z-index: 3; top: 1rem; right: 1rem; display: grid; width: 2.65rem; height: 2.65rem; place-items: center; color: currentColor; font-family: Consolas, "Courier New", monospace; font-size: 1.5rem; line-height: 1; background: rgba(2, 7, 12, .78); border: 1px solid currentColor; border-radius: 50%; box-shadow: 0 0 1.2rem color-mix(in srgb, currentColor 18%, transparent); transition: background .25s, box-shadow .25s, transform .25s; }
.rpg-scene-card__zoom:hover > span, .rpg-scene-card__zoom:focus-visible > span { background: color-mix(in srgb, currentColor 18%, #02070c); box-shadow: 0 0 1.8rem color-mix(in srgb, currentColor 48%, transparent); transform: scale(1.08); }
.rpg-scene-card__zoom:focus-visible { outline: 2px solid var(--scene-accent); outline-offset: -4px; }
.rpg-scene-card figcaption { position: absolute; z-index: 2; right: 1rem; bottom: .8rem; left: 1rem; display: flex; align-items: end; justify-content: space-between; gap: 1rem; color: var(--scene-accent); font-family: Consolas, "Courier New", monospace; text-transform: uppercase; pointer-events: none; }
.rpg-scene-card figcaption span { font-size: clamp(2.8rem, 5vw, 5rem); font-weight: 700; line-height: .72; letter-spacing: -.07em; opacity: .92; }
.rpg-scene-card figcaption p { margin: 0; font-size: .55rem; font-weight: 700; letter-spacing: .13em; }
.rpg-scene-card > div { min-height: 25rem; padding: clamp(1.35rem, 2.5vw, 2.1rem); }
.rpg-scene-card > div > p { margin: 0 0 .7rem; color: var(--scene-accent); font-family: Consolas, "Courier New", monospace; font-size: .58rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.rpg-scene-card h3 { margin: 0; color: #f3f6f8; font-size: clamp(1.7rem, 2.8vw, 2.7rem); line-height: 1; letter-spacing: -.035em; }
.rpg-scene-card h3 + span { display: block; max-width: 38rem; margin-top: 1rem; color: #aabcc7; line-height: 1.65; }
.rpg-scene-card__story { position: relative; margin: 1.45rem 0 0 !important; padding: 1.3rem 0 0; color: #c4d0d6 !important; font-family: Georgia, "Times New Roman", serif !important; font-size: clamp(.96rem, 1.2vw, 1.08rem) !important; font-weight: 400 !important; letter-spacing: .015em !important; line-height: 1.75; text-transform: none !important; border-top: 1px solid color-mix(in srgb, var(--scene-accent) 26%, transparent); }
.rpg-scene-card__story::before { content: "//"; margin-right: .65rem; color: var(--scene-accent); font-family: Consolas, "Courier New", monospace; font-size: .7em; letter-spacing: .14em; }
.rpg-lightbox { position: fixed; z-index: 3000; inset: 0; display: grid; place-items: center; padding: clamp(1rem, 3vw, 2.5rem); background: rgba(1, 4, 8, .94); backdrop-filter: blur(12px); opacity: 0; transition: opacity .25s ease; }
.rpg-lightbox[hidden] { display: none; }
.rpg-lightbox.is-open { opacity: 1; }
.rpg-lightbox__dismiss { position: relative; display: grid; width: 100%; height: 100%; padding: 0; place-items: center; color: #7ee7ff; background: transparent; border: 0; cursor: zoom-out; }
.rpg-lightbox__dismiss:focus-visible { outline: 1px solid rgba(126, 231, 255, .7); outline-offset: -.25rem; }
.rpg-lightbox__dismiss img { display: block; max-width: min(96vw, 112rem); max-height: 88vh; object-fit: contain; border: 1px solid rgba(126, 231, 255, .38); box-shadow: 0 2rem 7rem rgba(0, 0, 0, .8), 0 0 3rem rgba(105, 93, 255, .18); transform: scale(.975); transition: transform .3s var(--ease); }
.rpg-lightbox.is-open .rpg-lightbox__dismiss img { transform: scale(1); }
.rpg-lightbox__dismiss > span { position: fixed; right: 1.5rem; bottom: 1.25rem; padding: .65rem .8rem; color: #9eeaff; font-family: Consolas, "Courier New", monospace; font-size: .62rem; font-weight: 700; letter-spacing: .13em; background: rgba(2, 9, 14, .82); border: 1px solid rgba(126, 231, 255, .28); }
body.rpg-lightbox-open { overflow: hidden; }

@media (max-width: 760px) {
  .rpg-worlds-hero { min-height: 38rem; }
  .rpg-worlds-hero img { object-position: 56% center; }
  .rpg-worlds-hero__shade { background: linear-gradient(0deg, rgba(2, 7, 12, .96) 0%, rgba(2, 7, 12, .54) 65%, rgba(2, 7, 12, .12)); }
  .rpg-worlds-hero__copy { right: 1.25rem; bottom: 7.7rem; left: 1.25rem; }
  .rpg-worlds-hero__copy h1 { font-size: clamp(3.05rem, 15vw, 4.8rem); overflow-wrap: anywhere; }
  .rpg-worlds-hero__status { grid-template-columns: 1fr; gap: .35rem; }
  .rpg-worlds-hero__status span:last-child, .rpg-worlds-hero__status b { text-align: left; }
  .rpg-worlds-gallery__intro, .rpg-scene-grid { grid-template-columns: 1fr; }
  .rpg-worlds-gallery__intro { align-items: start; gap: 1.5rem; }
  .rpg-worlds-gallery__intro h2 { font-size: clamp(2.65rem, 13vw, 4.2rem); }
  .rpg-scene-card > div { min-height: auto; }
}

@media (prefers-reduced-motion: reduce) {
  .rpg-lightbox, .rpg-lightbox__dismiss img { transition: none; }
}

/* BCU // Geschichten — interaktives Welt- und Story-Archiv */
.bcu-subview--stories {
  background:
    linear-gradient(rgba(88, 174, 211, .025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(88, 174, 211, .025) 1px, transparent 1px),
    radial-gradient(circle at 82% 9%, rgba(82, 72, 218, .17), transparent 31rem),
    radial-gradient(circle at 18% 22%, rgba(213, 157, 68, .09), transparent 27rem),
    #03070c;
  background-size: 2.4rem 2.4rem, 2.4rem 2.4rem, auto, auto, auto;
}
.story-hub { width: min(100%, 92rem); }
.story-hub__header { position: relative; max-width: 78rem; padding-bottom: clamp(1.8rem, 4vw, 3.2rem); }
.story-hub__header::after { content: ""; position: absolute; right: 0; bottom: 0; left: 0; height: 1px; background: linear-gradient(90deg, rgba(215, 169, 79, .9), rgba(84, 207, 255, .45) 52%, transparent); box-shadow: 0 0 1rem rgba(111, 181, 255, .2); }
.story-hub .story-hub__header h1 { max-width: 73rem; font-size: clamp(3rem, 6.2vw, 6.8rem); line-height: .88; text-transform: uppercase; }
.story-hub__header h1 span { color: transparent; -webkit-text-stroke: 1px rgba(118, 207, 255, .82); text-shadow: 0 0 2rem rgba(67, 156, 255, .12); }
.story-hub__header > p:last-of-type { max-width: 58rem; color: #b7c6d0; font-size: clamp(1rem, 1.45vw, 1.24rem); line-height: 1.72; }
.story-hub__telemetry { display: flex; flex-wrap: wrap; gap: .55rem 1.4rem; margin-top: 1.5rem; color: #8ea3b1; font-family: Consolas, "Courier New", monospace; font-size: .63rem; letter-spacing: .14em; text-transform: uppercase; }
.story-hub__telemetry span { display: inline-flex; align-items: center; gap: .55rem; }
.story-hub__telemetry span + span { padding-left: 1.4rem; border-left: 1px solid rgba(124, 193, 223, .2); }
.story-hub__telemetry i { width: .45rem; aspect-ratio: 1; background: #59e0ff; border-radius: 50%; box-shadow: 0 0 .75rem #42d8ff; animation: story-status-pulse 2.7s ease-in-out infinite; }

.story-atlas { position: relative; margin: clamp(2.8rem, 6vw, 5.8rem) 0 0; filter: drop-shadow(0 1.8rem 3rem rgba(0, 0, 0, .5)); }
.story-atlas::before, .story-atlas::after { content: ""; position: absolute; z-index: 2; width: 4.5rem; height: 4.5rem; pointer-events: none; }
.story-atlas::before { top: -.45rem; left: -.45rem; border-top: 2px solid #d8a84d; border-left: 2px solid #d8a84d; filter: drop-shadow(0 0 .55rem rgba(216, 168, 77, .65)); }
.story-atlas::after { right: -.45rem; bottom: 2.65rem; border-right: 2px solid #5acfff; border-bottom: 2px solid #5acfff; filter: drop-shadow(0 0 .55rem rgba(90, 207, 255, .65)); }
.story-atlas__viewport { position: relative; aspect-ratio: 3 / 2; overflow: hidden; background: #03070b; border: 1px solid rgba(108, 194, 233, .34); clip-path: polygon(1.1rem 0, 100% 0, 100% calc(100% - 1.1rem), calc(100% - 1.1rem) 100%, 0 100%, 0 1.1rem); box-shadow: inset 0 0 5rem rgba(0, 0, 0, .3), 0 0 2.4rem rgba(74, 152, 255, .08); }
.story-atlas__viewport::before { content: ""; position: absolute; z-index: 1; inset: 0; pointer-events: none; background: radial-gradient(circle at 50% 53%, transparent 20%, rgba(1, 5, 9, .05) 64%, rgba(1, 4, 7, .68) 100%), linear-gradient(180deg, rgba(2, 8, 13, .25), transparent 18%, transparent 78%, rgba(2, 7, 11, .55)); }
.story-atlas__viewport::after { content: ""; position: absolute; z-index: 2; inset: 1.2rem; pointer-events: none; border: 1px solid rgba(122, 206, 243, .18); clip-path: polygon(1.3rem 0, 100% 0, 100% calc(100% - 1.3rem), calc(100% - 1.3rem) 100%, 0 100%, 0 1.3rem); }
.story-atlas__viewport img { display: block; width: 100%; height: 100%; object-fit: cover; }
.story-atlas__scan { position: absolute; z-index: 3; top: -15%; right: 0; left: 0; height: 7%; pointer-events: none; background: linear-gradient(180deg, transparent, rgba(79, 200, 255, .1), rgba(186, 129, 255, .18), transparent); mix-blend-mode: screen; filter: blur(.2rem); animation: story-atlas-scan 9s linear infinite; }
.story-atlas__reticle { position: absolute; z-index: 3; top: 50%; left: 50%; width: clamp(5rem, 9vw, 9rem); aspect-ratio: 1; pointer-events: none; border: 1px solid rgba(130, 187, 255, .42); border-radius: 50%; box-shadow: 0 0 2rem rgba(83, 106, 255, .22), inset 0 0 1.5rem rgba(74, 176, 255, .12); transform: translate(-50%, -50%); animation: story-reticle 16s linear infinite; }
.story-atlas__reticle::before, .story-atlas__reticle::after { content: ""; position: absolute; top: 50%; left: 50%; background: rgba(119, 204, 255, .44); transform: translate(-50%, -50%); }
.story-atlas__reticle::before { width: 138%; height: 1px; }
.story-atlas__reticle::after { width: 1px; height: 138%; }
.story-atlas__hud { position: absolute; z-index: 4; right: 1.5rem; bottom: 1.35rem; left: 1.5rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .8rem 1rem; color: #8ea6b3; background: rgba(2, 7, 11, .82); border: 1px solid rgba(100, 196, 240, .26); backdrop-filter: blur(.45rem); font-family: Consolas, "Courier New", monospace; font-size: clamp(.55rem, .7vw, .68rem); letter-spacing: .13em; text-transform: uppercase; }
.story-atlas__hud strong { color: #dcb96f; font-weight: 700; }
.story-atlas figcaption { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 3rem; padding: .85rem 1.25rem; color: #8297a5; background: linear-gradient(90deg, rgba(15, 13, 15, .98), rgba(4, 12, 18, .98)); border: 1px solid rgba(108, 194, 233, .25); border-top: 0; font-family: Consolas, "Courier New", monospace; font-size: clamp(.55rem, .65vw, .64rem); letter-spacing: .13em; text-transform: uppercase; }
.story-atlas figcaption strong { color: #e9edf0; font-size: clamp(.62rem, .75vw, .75rem); text-align: center; }

.story-archives { position: relative; margin-top: clamp(4rem, 8vw, 7.5rem); }
.story-archives::before { content: ""; position: absolute; z-index: 0; top: 19rem; right: 6%; bottom: 8rem; left: 6%; pointer-events: none; background: linear-gradient(90deg, transparent 49.9%, rgba(91, 199, 255, .11) 50%, transparent 50.1%), linear-gradient(transparent 49.9%, rgba(182, 112, 255, .1) 50%, transparent 50.1%); filter: drop-shadow(0 0 .6rem rgba(91, 199, 255, .17)); }
.story-archives__header { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(18rem, .9fr); align-items: end; gap: 2rem; margin-bottom: clamp(2rem, 4vw, 3.6rem); }
.story-archives__header p { margin: 0; color: #91a3ad; line-height: 1.7; }
.story-archives__header > div > p { margin-bottom: 1rem; color: #62d9ff; font-family: Consolas, "Courier New", monospace; font-size: .64rem; letter-spacing: .17em; text-transform: uppercase; }
.story-archives__header h2 { margin: 0; font-size: clamp(2.8rem, 5.2vw, 5.4rem); line-height: .88; letter-spacing: -.045em; text-transform: uppercase; }
.story-archives__header h2 span { color: transparent; -webkit-text-stroke: 1px rgba(108, 211, 255, .76); }
.story-archive-grid { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(1rem, 2.2vw, 2rem); }
.story-archive-card { --story-accent: #d5a84d; position: relative; min-width: 0; overflow: hidden; background: linear-gradient(150deg, color-mix(in srgb, var(--story-accent) 8%, #071018), rgba(2, 8, 12, .98) 72%); border: 1px solid color-mix(in srgb, var(--story-accent) 48%, transparent); clip-path: polygon(1rem 0, 100% 0, 100% calc(100% - 1rem), calc(100% - 1rem) 100%, 0 100%, 0 1rem); box-shadow: 0 1.2rem 3rem rgba(0, 0, 0, .28), inset 0 0 3rem color-mix(in srgb, var(--story-accent) 3%, transparent); transition: transform .35s var(--ease), border-color .35s, box-shadow .35s; }
.story-archive-card::before { content: ""; position: absolute; z-index: 4; top: 0; left: 1rem; width: 37%; height: 2px; background: linear-gradient(90deg, var(--story-accent), transparent); box-shadow: 0 0 1rem var(--story-accent); }
.story-archive-card:hover { transform: translateY(-.35rem); border-color: color-mix(in srgb, var(--story-accent) 80%, white 10%); box-shadow: 0 1.8rem 4rem rgba(0, 0, 0, .42), 0 0 2rem color-mix(in srgb, var(--story-accent) 14%, transparent); }
.story-archive-card--tales { --story-accent: #49d3f2; }
.story-archive-card--legends { --story-accent: #a869ff; }
.story-archive-card--characters { --story-accent: #ff5c70; }
.story-archive-card__media { position: relative; aspect-ratio: 16 / 8.9; overflow: hidden; background: #02060a; border-bottom: 1px solid color-mix(in srgb, var(--story-accent) 35%, transparent); }
.story-archive-card__media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 42%, rgba(2, 8, 12, .97)), radial-gradient(circle at 50% 50%, transparent 35%, rgba(2, 6, 9, .28) 100%); }
.story-archive-card__media img { display: block; width: 100%; height: 100%; object-fit: cover; filter: saturate(.9) contrast(1.05); transition: transform .75s var(--ease), filter .75s var(--ease); }
.story-archive-card:hover .story-archive-card__media img { transform: scale(1.035); filter: saturate(1.08) contrast(1.08); }
.story-archive-card__media span { position: absolute; z-index: 2; right: 1rem; bottom: 1rem; width: 2.6rem; aspect-ratio: 1; background: color-mix(in srgb, var(--story-accent) 8%, rgba(2, 8, 12, .88)); border: 1px solid color-mix(in srgb, var(--story-accent) 65%, transparent); border-radius: 50%; box-shadow: 0 0 1rem color-mix(in srgb, var(--story-accent) 23%, transparent), inset 0 0 .7rem color-mix(in srgb, var(--story-accent) 13%, transparent); transition: transform .35s var(--ease), background-color .35s, box-shadow .35s; }
.story-archive-card__media span::before, .story-archive-card__media span::after { content: ""; position: absolute; top: 50%; left: 50%; background: var(--story-accent); transform: translate(-50%, -50%); }
.story-archive-card__media span::before { width: 45%; height: 1px; }
.story-archive-card__media span::after { width: 1px; height: 45%; }
.story-archive-card__body { position: relative; padding: clamp(1.3rem, 2.5vw, 2.2rem); }
.story-archive-card__top { display: flex; align-items: center; justify-content: space-between; margin-top: -3.85rem; margin-bottom: 1.5rem; }
.story-archive-card__icon { position: relative; z-index: 3; display: grid; place-items: center; width: 4.2rem; aspect-ratio: 1; background: rgba(3, 9, 14, .92); border: 1px solid color-mix(in srgb, var(--story-accent) 65%, transparent); box-shadow: 0 0 1.4rem color-mix(in srgb, var(--story-accent) 18%, transparent); font-size: 1.5rem; clip-path: polygon(.55rem 0, 100% 0, 100% calc(100% - .55rem), calc(100% - .55rem) 100%, 0 100%, 0 .55rem); }
.story-archive-card__top strong { color: color-mix(in srgb, var(--story-accent) 18%, transparent); font-family: Arial, sans-serif; font-size: clamp(4.6rem, 7.2vw, 7rem); line-height: .7; letter-spacing: -.08em; }
.story-archive-card__signal { margin: 0 0 .7rem; color: var(--story-accent); font-family: Consolas, "Courier New", monospace; font-size: .62rem; letter-spacing: .17em; text-transform: uppercase; }
.story-archive-card h3 { margin: 0; color: #f5f6f7; font-size: clamp(2rem, 3.3vw, 3.3rem); line-height: .95; letter-spacing: -.035em; }
.story-archive-card h3 + p { min-height: 3.5rem; margin: 1rem 0 0; color: #aebfc8; line-height: 1.65; }
.story-archive-card ul { display: flex; flex-wrap: wrap; gap: .45rem; margin: 1.5rem 0 0; padding: 0; list-style: none; }
.story-archive-card li { padding: .45rem .65rem; color: color-mix(in srgb, var(--story-accent) 70%, #dce8ed); background: color-mix(in srgb, var(--story-accent) 6%, transparent); border: 1px solid color-mix(in srgb, var(--story-accent) 35%, transparent); font-family: Consolas, "Courier New", monospace; font-size: .56rem; letter-spacing: .11em; text-transform: uppercase; }
.story-archive-card__action { display: inline-flex; align-items: center; justify-content: space-between; gap: 1.2rem; width: fit-content; min-width: 10.5rem; margin-top: 1.45rem; padding: .72rem .85rem; color: var(--story-accent); background: color-mix(in srgb, var(--story-accent) 7%, rgba(2, 8, 12, .8)); border: 1px solid color-mix(in srgb, var(--story-accent) 48%, transparent); font-family: Consolas, "Courier New", monospace; font-size: .61rem; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; box-shadow: inset 0 0 1.1rem color-mix(in srgb, var(--story-accent) 4%, transparent); transition: color .3s, background-color .3s, border-color .3s, box-shadow .3s; }
.story-archive-card__action b { font-size: 1rem; line-height: 0; transition: transform .3s var(--ease); }
.story-archive-card:hover .story-archive-card__action, .story-archive-card:focus-visible .story-archive-card__action { color: #02080c; background: var(--story-accent); border-color: var(--story-accent); box-shadow: 0 0 1.5rem color-mix(in srgb, var(--story-accent) 25%, transparent); }
.story-archive-card:hover .story-archive-card__action b, .story-archive-card:focus-visible .story-archive-card__action b { transform: translateX(.25rem); }
.story-archive-card:hover .story-archive-card__media span, .story-archive-card:focus-visible .story-archive-card__media span { transform: rotate(90deg) scale(1.08); background: color-mix(in srgb, var(--story-accent) 18%, rgba(2, 8, 12, .82)); box-shadow: 0 0 1.6rem color-mix(in srgb, var(--story-accent) 38%, transparent), inset 0 0 .8rem color-mix(in srgb, var(--story-accent) 18%, transparent); }
.story-archive-card footer { display: flex; justify-content: space-between; gap: 1rem; margin-top: 1.4rem; padding-top: 1rem; color: #657b87; border-top: 1px solid color-mix(in srgb, var(--story-accent) 20%, transparent); font-family: Consolas, "Courier New", monospace; font-size: .55rem; letter-spacing: .1em; text-transform: uppercase; }
.story-archive-card footer b { color: var(--story-accent); font-weight: 600; }

.story-hub__closing { display: flex; align-items: center; gap: 1.3rem; margin-top: clamp(2rem, 5vw, 4rem); padding: clamp(1.2rem, 2.5vw, 2rem); background: linear-gradient(90deg, rgba(213, 168, 77, .08), rgba(70, 181, 229, .035), transparent); border: 1px solid rgba(133, 186, 207, .22); border-left: 2px solid #d5a84d; }
.story-hub__closing > span { display: grid; place-items: center; flex: 0 0 auto; width: 3.6rem; aspect-ratio: 1; color: #d5a84d; border: 1px solid rgba(213, 168, 77, .55); border-radius: 50%; box-shadow: 0 0 1.2rem rgba(213, 168, 77, .09); font-size: 1.4rem; }
.story-hub__closing p { margin: 0 0 .35rem; color: #d5a84d; font-family: Consolas, "Courier New", monospace; font-size: .6rem; letter-spacing: .16em; }
.story-hub__closing strong, .story-hub__closing small { display: block; }
.story-hub__closing strong { color: #eef2f4; font-size: 1.05rem; }
.story-hub__closing small { margin-top: .45rem; color: #8fa2ad; line-height: 1.55; }

@keyframes story-status-pulse { 50% { opacity: .45; transform: scale(.78); box-shadow: 0 0 .2rem #42d8ff; } }
@keyframes story-atlas-scan { to { transform: translateY(1800%); } }
@keyframes story-reticle { to { transform: translate(-50%, -50%) rotate(360deg); } }

@media (max-width: 760px) {
  .story-hub .story-hub__header h1 { font-size: clamp(2.65rem, 13.5vw, 4.5rem); line-height: .92; }
  .story-hub__telemetry span + span { padding-left: 0; border-left: 0; }
  .story-atlas__hud span:last-child, .story-atlas figcaption small { display: none; }
  .story-atlas__hud { right: .7rem; bottom: .7rem; left: .7rem; }
  .story-atlas figcaption { align-items: flex-start; flex-direction: column; }
  .story-atlas figcaption strong { text-align: left; }
  .story-archives__header { grid-template-columns: 1fr; align-items: start; }
  .story-archive-grid { grid-template-columns: 1fr; }
  .story-archives::before { display: none; }
  .story-archive-card h3 + p { min-height: 0; }
  .story-hub__closing { align-items: flex-start; }
}

@media (prefers-reduced-motion: reduce) {
  .story-hub__telemetry i, .story-atlas__scan, .story-atlas__reticle { animation: none; }
  .story-archive-card, .story-archive-card__media img { transition: none; }
}

/* BCU // Geschichten — vier eigenständige Archiv-Unterseiten */
.story-archive-card { display: block; color: inherit; }
.story-archive-card:focus-visible { outline: 2px solid var(--story-accent); outline-offset: .4rem; box-shadow: 0 0 2.3rem color-mix(in srgb, var(--story-accent) 24%, transparent); }

.story-sector-view {
  --sector-accent: #d5a84d;
  padding: clamp(1.25rem, 3.2vw, 3rem);
  background:
    linear-gradient(rgba(77, 183, 224, .025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(77, 183, 224, .025) 1px, transparent 1px),
    radial-gradient(circle at 82% 12%, color-mix(in srgb, var(--sector-accent) 13%, transparent), transparent 32rem),
    #03070c;
  background-size: 2.5rem 2.5rem, 2.5rem 2.5rem, auto, auto;
}
.story-sector-view--tales { --sector-accent: #49d3f2; }
.story-sector-view--legends { --sector-accent: #a869ff; }
.story-sector-view--characters { --sector-accent: #ff5c70; }
.story-sector-shell { width: min(100%, 92rem); margin-inline: auto; }

.story-sector-back { margin-bottom: clamp(1.3rem, 3vw, 2.4rem); }
.story-sector-back a { display: inline-flex; align-items: center; gap: .7rem; color: #9dafb9; font-family: Consolas, "Courier New", monospace; font-size: .68rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; transition: color .25s, transform .25s; }
.story-sector-back a span { color: var(--sector-accent); }
.story-sector-back a:hover, .story-sector-back a:focus-visible { color: #fff; outline: none; transform: translateX(-.2rem); }

.story-sector-hero { position: relative; isolation: isolate; min-height: clamp(34rem, 56vw, 47rem); display: flex; align-items: flex-end; overflow: hidden; background: #02060a; border: 1px solid color-mix(in srgb, var(--sector-accent) 48%, transparent); clip-path: polygon(1.15rem 0, 100% 0, 100% calc(100% - 1.15rem), calc(100% - 1.15rem) 100%, 0 100%, 0 1.15rem); box-shadow: 0 2rem 6rem rgba(0, 0, 0, .5), inset 0 0 4rem color-mix(in srgb, var(--sector-accent) 4%, transparent); }
.story-sector-hero::before, .story-sector-hero::after { position: absolute; z-index: 3; content: ""; pointer-events: none; }
.story-sector-hero::before { inset: 0; opacity: .22; background-image: linear-gradient(color-mix(in srgb, var(--sector-accent) 16%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--sector-accent) 12%, transparent) 1px, transparent 1px); background-size: 4rem 4rem; -webkit-mask-image: linear-gradient(to bottom, transparent 10%, #000 86%); mask-image: linear-gradient(to bottom, transparent 10%, #000 86%); }
.story-sector-hero::after { top: 0; left: 1.15rem; width: min(15rem, 35%); height: 2px; background: linear-gradient(90deg, var(--sector-accent), transparent); box-shadow: 0 0 1rem var(--sector-accent); }
.story-sector-hero > img { position: absolute; z-index: -3; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; filter: saturate(.86) contrast(1.08) brightness(.72); transform: scale(1.01); }
.story-sector-hero__veil { position: absolute; z-index: -2; inset: 0; background: linear-gradient(90deg, rgba(2, 6, 10, .94) 0%, rgba(2, 7, 11, .67) 43%, rgba(2, 7, 11, .12) 76%), linear-gradient(0deg, rgba(2, 6, 10, .97) 0%, transparent 62%); }
.story-sector-hero__copy { position: relative; z-index: 4; width: min(62rem, 76%); padding: clamp(2rem, 5vw, 5rem); padding-bottom: clamp(5.8rem, 9vw, 7.5rem); }
.story-sector-hero__copy > p { margin: 0 0 1rem; color: var(--sector-accent); font-family: Consolas, "Courier New", monospace; font-size: .7rem; font-weight: 700; letter-spacing: .17em; text-transform: uppercase; text-shadow: 0 0 1rem color-mix(in srgb, var(--sector-accent) 50%, transparent); }
.story-sector-hero__copy h1 { margin: 0; color: #f6f7f8; font-size: clamp(3.8rem, 9vw, 8.7rem); line-height: .82; letter-spacing: -.055em; text-transform: uppercase; text-shadow: 0 .2rem .3rem rgba(0, 0, 0, .9), 0 0 3rem rgba(0, 0, 0, .75); }
.story-sector-hero__copy strong { display: block; margin-top: 1.5rem; color: color-mix(in srgb, var(--sector-accent) 62%, #fff); font-size: clamp(1.1rem, 2vw, 1.7rem); line-height: 1.3; }
.story-sector-hero__copy small { display: block; max-width: 48rem; margin-top: .75rem; color: #bcc9cf; font-size: clamp(.98rem, 1.35vw, 1.14rem); line-height: 1.7; text-shadow: 0 .1rem .3rem #000; }
.story-sector-hero__status { position: absolute; z-index: 5; right: clamp(1.2rem, 3vw, 2.8rem); bottom: clamp(1.2rem, 2.5vw, 2.2rem); display: flex; align-items: center; gap: 1rem; color: #6f838e; font-family: Consolas, "Courier New", monospace; font-size: .58rem; letter-spacing: .15em; text-transform: uppercase; }
.story-sector-hero__status b { color: var(--sector-accent); font-weight: 700; }

.story-sector-index { margin-top: clamp(2.5rem, 6vw, 5.5rem); }
.story-sector-index > header { display: grid; grid-template-columns: minmax(0, .9fr) minmax(18rem, 1.1fr); gap: 1rem 3rem; align-items: end; padding-bottom: clamp(1.7rem, 3vw, 2.6rem); border-bottom: 1px solid color-mix(in srgb, var(--sector-accent) 30%, transparent); }
.story-sector-index > header p { grid-column: 1; margin: 0; color: var(--sector-accent); font-family: Consolas, "Courier New", monospace; font-size: .65rem; letter-spacing: .16em; text-transform: uppercase; }
.story-sector-index > header h2 { grid-column: 1; margin: .6rem 0 0; color: #f1f4f5; font-size: clamp(2.6rem, 5vw, 5rem); line-height: .92; letter-spacing: -.04em; }
.story-sector-index > header > span { grid-column: 2; grid-row: 1 / span 2; color: #91a5af; line-height: 1.75; }
.story-sector-modules { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; margin-top: 1px; background: color-mix(in srgb, var(--sector-accent) 19%, transparent); }
.story-sector-modules article { position: relative; min-width: 0; min-height: 18rem; padding: clamp(1.4rem, 3vw, 2.6rem); overflow: hidden; background: linear-gradient(145deg, color-mix(in srgb, var(--sector-accent) 7%, #071018), #03080c 72%); }
.story-sector-modules article::after { content: ""; position: absolute; right: -2rem; bottom: -3rem; width: 8rem; aspect-ratio: 1; border: 1px solid color-mix(in srgb, var(--sector-accent) 16%, transparent); border-radius: 50%; box-shadow: 0 0 3rem color-mix(in srgb, var(--sector-accent) 7%, transparent); }
.story-sector-modules i { color: color-mix(in srgb, var(--sector-accent) 20%, transparent); font-family: Arial, sans-serif; font-size: clamp(3.8rem, 6vw, 6.7rem); font-style: normal; font-weight: 800; line-height: .8; }
.story-sector-modules p { margin: 1.8rem 0 .7rem; color: var(--sector-accent); font-family: Consolas, "Courier New", monospace; font-size: .62rem; letter-spacing: .16em; }
.story-sector-modules h3 { margin: 0; color: #f0f4f6; font-size: clamp(1.4rem, 2.2vw, 2.1rem); line-height: 1.05; }
.story-sector-modules span { display: block; margin-top: 1rem; color: #91a4ae; line-height: 1.68; }

.story-sector-empty { display: flex; align-items: center; gap: 1.4rem; margin-top: clamp(1.5rem, 3vw, 2.5rem); padding: clamp(1.3rem, 3vw, 2.2rem); background: linear-gradient(90deg, color-mix(in srgb, var(--sector-accent) 9%, #050b10), rgba(3, 9, 13, .9)); border: 1px solid color-mix(in srgb, var(--sector-accent) 28%, transparent); border-left: 2px solid var(--sector-accent); }
.story-sector-empty > span { display: grid; flex: 0 0 auto; width: 3.8rem; aspect-ratio: 1; place-items: center; color: var(--sector-accent); border: 1px solid color-mix(in srgb, var(--sector-accent) 55%, transparent); border-radius: 50%; font-size: 1.3rem; box-shadow: 0 0 1.3rem color-mix(in srgb, var(--sector-accent) 13%, transparent); }
.story-sector-empty p { margin: 0 0 .35rem; color: var(--sector-accent); font-family: Consolas, "Courier New", monospace; font-size: .62rem; letter-spacing: .15em; }
.story-sector-empty strong, .story-sector-empty small { display: block; }
.story-sector-empty strong { color: #eef3f5; font-size: 1.05rem; }
.story-sector-empty small { margin-top: .45rem; color: #8fa2ad; line-height: 1.55; }

.story-sector-pagination { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: clamp(2rem, 5vw, 4rem); border-top: 1px solid color-mix(in srgb, var(--sector-accent) 28%, transparent); border-bottom: 1px solid color-mix(in srgb, var(--sector-accent) 28%, transparent); }
.story-sector-pagination a { display: flex; min-width: 0; min-height: 7rem; flex-direction: column; justify-content: center; padding: 1.4rem clamp(1rem, 3vw, 2.5rem); color: #a9bac3; transition: color .25s, background .25s; }
.story-sector-pagination a + a { align-items: flex-end; border-left: 1px solid color-mix(in srgb, var(--sector-accent) 22%, transparent); text-align: right; }
.story-sector-pagination small { color: var(--sector-accent); font-family: Consolas, "Courier New", monospace; font-size: .58rem; letter-spacing: .13em; }
.story-sector-pagination strong { margin-top: .5rem; color: #edf1f3; font-size: clamp(1.2rem, 2vw, 1.8rem); }
.story-sector-pagination a:hover, .story-sector-pagination a:focus-visible { color: #fff; background: color-mix(in srgb, var(--sector-accent) 7%, transparent); outline: none; }

@media (max-width: 800px) {
  .story-sector-hero { min-height: 39rem; }
  .story-sector-hero > img { object-position: 55% 50%; }
  .story-sector-hero__veil { background: linear-gradient(0deg, rgba(2, 6, 10, .98) 0%, rgba(2, 7, 11, .72) 62%, rgba(2, 7, 11, .12) 100%); }
  .story-sector-hero__copy { width: 100%; padding: 1.4rem 1.2rem 7rem; }
  .story-sector-hero__copy h1 { font-size: clamp(2.6rem, 12vw, 4.6rem); letter-spacing: -.065em; }
  .story-sector-hero__status { right: auto; left: 1.2rem; flex-direction: column; align-items: flex-start; gap: .35rem; }
  .story-sector-index > header { grid-template-columns: 1fr; }
  .story-sector-index > header > span { grid-column: 1; grid-row: auto; }
  .story-sector-modules { grid-template-columns: 1fr; }
  .story-sector-modules article { min-height: 0; }
  .story-sector-empty { align-items: flex-start; }
}

@media (max-width: 520px) {
  .story-sector-pagination { grid-template-columns: 1fr; }
  .story-sector-pagination a + a { align-items: flex-start; border-top: 1px solid color-mix(in srgb, var(--sector-accent) 22%, transparent); border-left: 0; text-align: left; }
}
.partner-panel { max-width: 60rem; grid-template-columns: auto 1fr; }
.partner-panel > svg { width: clamp(4rem, 8vw, 7rem); height: auto; color: var(--cyan-pale); }
.legal-view { background: linear-gradient(145deg, #07131b, #03090e); }
.legal-placeholder { max-width: 55rem; padding: clamp(1.5rem, 3vw, 3rem); background: rgba(6,22,32,.74); border-left: 2px solid var(--cyan); }
.legal-placeholder h2 { margin-top: 0; }
.legal-placeholder p { color: var(--muted); }

.privacy-view { padding: clamp(1.5rem, 4vw, 4rem); background-color: #030a10; background-image: linear-gradient(rgba(32,200,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(32,200,255,.025) 1px, transparent 1px), radial-gradient(circle at 82% 6%, rgba(27,139,190,.13), transparent 30rem), linear-gradient(145deg, #07131b, #03090e 62%, #06121a); background-size: 2.5rem 2.5rem, 2.5rem 2.5rem, auto, auto; }
.privacy-shell { width: min(100%, 78rem); margin-inline: auto; }
.privacy-header { position: relative; padding: clamp(1.5rem, 3.5vw, 3rem); overflow: hidden; background: linear-gradient(135deg, rgba(5,24,34,.94), rgba(3,12,18,.9)); border: 1px solid rgba(99,205,255,.32); clip-path: polygon(.9rem 0, 100% 0, 100% calc(100% - .9rem), calc(100% - .9rem) 100%, 0 100%, 0 .9rem); box-shadow: inset 0 0 3.5rem rgba(32,200,255,.035), 0 1.25rem 4rem rgba(0,0,0,.25); }
.privacy-header::before { content: ""; position: absolute; top: 0; left: 0; width: min(18rem, 52%); height: 2px; background: linear-gradient(90deg, var(--cyan), transparent); box-shadow: 0 0 1rem rgba(32,200,255,.65); }
.privacy-header h1 { margin: .45rem 0 0; font-size: clamp(2.5rem, 5.2vw, 5rem); line-height: .95; letter-spacing: -.04em; hyphens: auto; overflow-wrap: normal; text-transform: uppercase; }
.privacy-document-title { max-width: 54rem; margin: 1.1rem 0 0; color: #d5e1e7; font-size: clamp(.96rem, 1.4vw, 1.15rem); }
.privacy-metadata { display: flex; flex-wrap: wrap; gap: .6rem clamp(1rem, 3vw, 2.2rem); margin-top: 1.35rem; padding-top: 1rem; border-top: 1px solid rgba(99,205,255,.18); }
.privacy-metadata p { margin: 0; color: #9fb3bf; font-family: Consolas, "Courier New", monospace; font-size: .72rem; letter-spacing: .055em; }
.privacy-metadata strong { margin-right: .35rem; color: var(--cyan-pale); font-weight: 600; }
.privacy-toc { margin-top: clamp(1rem, 2vw, 1.5rem); padding: clamp(1.25rem, 2.8vw, 2rem); background: linear-gradient(100deg, rgba(7, 11, 14, .94), rgba(10, 12, 14, .82) 48%, rgba(16, 11, 8, .9)), url("assets/legal/bk-legal-archive-nexus.png") center / cover no-repeat; border: 1px solid rgba(99,205,255,.27); box-shadow: inset 0 0 7rem rgba(0, 0, 0, .48), 0 1.25rem 4rem rgba(0, 0, 0, .22); scroll-margin-top: 5.5rem; }
.privacy-toc h2 { margin: 0 0 1.1rem; color: var(--cyan-pale); font-size: clamp(1.35rem, 2.5vw, 2rem); }
.privacy-toc-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .35rem 1.25rem; margin: 0; padding: 0; list-style: none; }
.privacy-toc-list li { min-width: 0; }
.privacy-toc-list a { display: grid; grid-template-columns: 2.3rem minmax(0, 1fr); align-items: baseline; min-height: 2.45rem; padding: .45rem .55rem; color: #bdcdd5; border-left: 1px solid rgba(99,205,255,.2); font-size: .84rem; line-height: 1.45; transition: color .2s, background .2s, border-color .2s; }
.privacy-toc-list a::before { content: attr(data-section-number); color: #5d93aa; font-family: Consolas, "Courier New", monospace; font-size: .64rem; }
.privacy-toc-list a:hover, .privacy-toc-list a:focus-visible, .privacy-toc-list a.is-active { color: #fff; background: rgba(32,200,255,.09); border-left-color: var(--cyan); outline: none; box-shadow: inset .18rem 0 0 var(--cyan); }
.privacy-toc-list a.is-active::before { color: var(--cyan); }
.privacy-source-index { margin-top: .75rem; padding: .9rem 1rem; color: #92a7b3; background: rgba(3,14,21,.72); border: 1px solid rgba(99,205,255,.13); }
.privacy-source-index summary { width: fit-content; color: #c7d8df; cursor: pointer; font-size: .78rem; letter-spacing: .05em; }
.privacy-source-index summary:focus-visible { color: #fff; outline: 2px solid var(--cyan); outline-offset: .3rem; }
.privacy-source-index ul { columns: 2; gap: 2rem; margin: 1rem 0 .2rem; padding-left: 1.25rem; font-size: .78rem; line-height: 1.65; }
.privacy-source-index li { break-inside: avoid; margin-bottom: .22rem; }
.privacy-article { width: min(100%, 66rem); margin: clamp(2rem, 4vw, 3.5rem) auto 0; }
.privacy-section { position: relative; padding: clamp(1.4rem, 2.6vw, 2.2rem) 0 clamp(1.8rem, 3.5vw, 2.8rem) clamp(1.1rem, 2.3vw, 1.8rem); border-left: 1px solid rgba(99,205,255,.28); border-bottom: 1px solid rgba(99,205,255,.13); scroll-margin-top: 5.5rem; }
.privacy-section::before { content: ""; position: absolute; top: 0; left: -1px; width: 2px; height: 3.2rem; background: linear-gradient(var(--cyan), transparent); box-shadow: 0 0 .65rem rgba(32,200,255,.38); }
.privacy-section h2 { max-width: 56rem; margin: 0 0 1.25rem; color: #eef8fb; font-size: clamp(1.35rem, 2.5vw, 2.05rem); line-height: 1.2; overflow-wrap: anywhere; }
.privacy-section h3 { max-width: 54rem; margin: 1.65rem 0 .75rem; color: var(--cyan-pale); font-size: clamp(1rem, 1.6vw, 1.18rem); line-height: 1.4; overflow-wrap: anywhere; }
.privacy-section p, .privacy-section ul { max-width: 54rem; color: #bdcbd2; font-size: clamp(.94rem, 1.15vw, 1.04rem); line-height: 1.78; }
.privacy-section p { margin: .85rem 0 0; }
.privacy-section ul { display: grid; gap: .32rem; margin: .85rem 0 0; padding-left: 1.35rem; }
.privacy-section li { padding-left: .3rem; }
.privacy-section li::marker { color: var(--cyan); }
.privacy-closing-meta { margin-top: 1.5rem; padding: .85rem 1rem; background: rgba(32,200,255,.045); border-left: 2px solid var(--cyan); }
.privacy-closing-meta p { margin: .15rem 0; color: #e1eef3; font-family: Consolas, "Courier New", monospace; }
.privacy-back-to-top { display: flex; align-items: center; justify-content: center; width: fit-content; min-height: 2.75rem; margin: 1.5rem 0 0 auto; padding: .7rem 1rem; color: var(--cyan-pale); background: rgba(5,24,34,.9); border: 1px solid rgba(99,205,255,.45); font-size: .76rem; letter-spacing: .08em; text-transform: uppercase; }
.privacy-back-to-top:hover, .privacy-back-to-top:focus-visible { color: #fff; background: rgba(32,200,255,.12); border-color: var(--cyan); outline: none; box-shadow: 0 0 0 3px rgba(32,200,255,.12); }

.impressum-view { padding: clamp(.75rem, 2.5vw, 2.5rem); background: radial-gradient(circle at 80% 8%, rgba(185,74,15,.1), transparent 28rem), linear-gradient(145deg, #050b10, #02070b 62%, #07131b); }
.impressum-shell { width: min(100%, 96rem); margin-inline: auto; }
.impressum-visual { margin: 0; overflow: hidden; background: #010304; border: 1px solid rgba(117,204,239,.2); border-radius: var(--radius); box-shadow: 0 1.5rem 5rem rgba(0,0,0,.45), 0 0 2rem rgba(209,78,12,.06); }
.impressum-visual picture, .impressum-visual img { display: block; width: 100%; }
.impressum-visual img { height: auto; object-fit: contain; }
.impressum-intro { position: relative; max-width: 72rem; margin: clamp(1.5rem, 2.5vw, 2.5rem) 0 clamp(1.5rem, 2.5vw, 2.75rem); padding-left: clamp(1rem, 2.5vw, 2rem); border-left: 2px solid var(--cyan); }
.impressum-intro::before { content: ""; position: absolute; top: 0; left: -2px; width: 2px; height: 3.4rem; background: #ff5a12; box-shadow: 0 0 1rem rgba(255,90,18,.48); }
.impressum-intro .eyebrow { margin-bottom: clamp(.75rem, 1.5vw, 1.25rem); }
.impressum-intro h1 { margin: 0; font-size: clamp(3rem, 7vw, 7rem); line-height: .88; letter-spacing: -.055em; }
.impressum-intro > p:last-child { margin: clamp(1rem, 2vw, 1.5rem) 0 0; color: #bdcbd4; font-size: clamp(.95rem, 1.4vw, 1.2rem); }
.legal-grid { --energy-gap: clamp(1rem, 1.5vw, 1.5rem); position: relative; isolation: isolate; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--energy-gap); counter-reset: legal-panel; }
.energy-link { position: absolute; z-index: 0; display: block; overflow: visible; pointer-events: none; }
.energy-link--horizontal { grid-column: 1 / 3; grid-row: var(--row) / span 1; top: 50%; left: 50%; width: var(--energy-gap); height: 1.15rem; transform: translate(-50%, -50%); }
.energy-link--vertical { grid-column: var(--col) / span 1; grid-row: var(--row) / span 1; top: 100%; left: 50%; width: 1.15rem; height: var(--energy-gap); transform: translateX(-50%); }
.energy-use--mobile { display: none; }
.energy-stream { fill: none; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.energy-link { color: #39d7ff; }
.energy-stream--halo { stroke: currentColor; stroke-width: 4; opacity: .12; filter: blur(2px); animation: energy-network-breathe var(--energy-breathe-duration, 6.5s) ease-in-out infinite; animation-delay: var(--delay); }
.energy-stream--filament { stroke: currentColor; stroke-width: .65; stroke-dasharray: 6 14; opacity: .42; filter: drop-shadow(0 0 2px currentColor); animation: energy-network-filament var(--energy-filament-duration, 8s) linear infinite; animation-delay: var(--delay); }
.energy-stream--core { stroke: currentColor; stroke-width: .85; opacity: .72; filter: drop-shadow(0 0 2px currentColor); }
.energy-stream--particle { stroke: #e2fbff; stroke-width: 2.1; stroke-dasharray: 3 47; opacity: .92; filter: drop-shadow(0 0 2px #4adfff) drop-shadow(0 0 5px rgba(25,190,255,.68)); animation: energy-network-particles var(--energy-particle-duration, 9s) linear infinite; animation-delay: var(--delay); }
.legal-card { position: relative; z-index: 1; min-width: 0; padding: clamp(1.35rem, 2.5vw, 2.25rem); overflow: hidden; background: linear-gradient(145deg, rgba(9,27,38,.9), rgba(4,14,21,.8)); border: 1px solid rgba(127,205,238,.22); border-radius: var(--radius); box-shadow: inset 0 1px rgba(255,255,255,.015); transition: border-color .25s var(--ease), background-color .25s var(--ease), transform .25s var(--ease); }
.legal-card::after { content: ""; position: absolute; right: -4rem; bottom: -5rem; width: 11rem; height: 11rem; pointer-events: none; background: radial-gradient(circle, rgba(28,181,239,.08), transparent 69%); }
.legal-card:hover { border-color: rgba(83,203,249,.48); transform: translateY(-2px); }
.legal-card h2 { max-width: calc(100% - 3.5rem); margin: 0 0 1.25rem; color: #f5f8fa; font-size: clamp(1.05rem, 1.45vw, 1.35rem); line-height: 1.25; }
.legal-card p, .legal-card address { position: relative; z-index: 1; margin: 0 0 1rem; color: #b4c3cc; font-size: clamp(.91rem, 1vw, 1.02rem); font-style: normal; line-height: 1.72; overflow-wrap: anywhere; }
.legal-card p:last-child, .legal-card address:last-child { margin-bottom: 0; }
.legal-card strong { color: #eef7fb; font-weight: 650; }
.legal-index { position: absolute; top: clamp(1.35rem, 2.5vw, 2.25rem); right: clamp(1.35rem, 2.5vw, 2.25rem); color: #5ebee4; font-size: .63rem; font-weight: 700; letter-spacing: .18em; }
.legal-muted { padding-left: .85rem; color: #8499a6 !important; border-left: 1px solid rgba(99,205,255,.35); }
.legal-card a { color: #9fe7ff; text-decoration: underline; text-decoration-color: rgba(32,200,255,.38); text-underline-offset: .22em; transition: color .2s, text-decoration-color .2s, text-shadow .2s; }
.legal-card a:hover { color: #fff; text-decoration-color: var(--cyan); text-shadow: 0 0 1rem rgba(32,200,255,.3); }
.legal-card a:focus-visible { color: #fff; outline: 2px solid var(--cyan); outline-offset: .3rem; border-radius: .1rem; text-decoration: none; }
.legal-link { display: inline-flex; align-items: baseline; gap: .45rem; font-weight: 650; }
.impressum-footer { display: flex; justify-content: space-between; gap: 1rem; margin-top: clamp(1.5rem, 3vw, 3rem); padding: 1.15rem 0; color: #6e91a3; border-top: 1px solid var(--line-soft); font-size: .62rem; letter-spacing: .15em; }
.impressum-footer span:last-child { color: var(--cyan); }

.footer { display: flex; justify-content: space-between; gap: 1rem; padding: 1rem clamp(1rem, 3vw, 3rem); color: #628da4; border-top: 1px solid var(--line-soft); font-size: .58rem; letter-spacing: .15em; }
.footer span:first-child { color: var(--cyan); }

.reveal { animation: reveal .7s var(--ease) both; }
.quick-card:nth-child(2) { animation-delay: .06s; }.quick-card:nth-child(3) { animation-delay: .12s; }.quick-card:nth-child(4) { animation-delay: .18s; }
@keyframes reveal { from { opacity: 0; transform: translateY(1rem); } }
@keyframes energy-network-filament { to { stroke-dashoffset: -20; } }
@keyframes energy-network-particles { to { stroke-dashoffset: -50; } }
@keyframes energy-network-breathe { 0%, 100% { opacity: .08; } 50% { opacity: .2; } }
@keyframes frequency-link-breathe { 0%, 100% { filter: brightness(.86); } 50% { filter: brightness(1.16); } }

@media (max-width: 1500px) {
  .quick-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 1440px) and (min-width: 861px) {
  .hero-intro { max-width: clamp(15rem, calc(39vw - 6.3rem), 21.5rem); }
}

@media (max-width: 1280px) and (min-width: 861px) {
  .workstation { left: 48%; }
  .wolf-mark { right: 9%; }
}

@media (max-width: 1180px) {
  .hero-copy { width: 55%; }
  .motto { letter-spacing: .22em; }
  .project-detail-layout { grid-template-columns: 1fr; }
  .project-detail-visual { max-width: 50rem; }
}

@media (max-width: 860px) {
  :root { --sidebar: min(21rem, 88vw); }
  .sidebar { transform: translateX(-105%); transition: transform .32s var(--ease); }
  body.nav-open .sidebar { transform: none; }
  .nav-close.icon-button { position: absolute; top: 1rem; right: 1rem; display: grid; }
  .nav-backdrop { position: fixed; z-index: 45; inset: 0; width: 100%; height: 100%; padding: 0; background: rgba(0,5,8,.72); border: 0; backdrop-filter: blur(3px); }
  body.nav-open .nav-backdrop { display: block; }
  .mobile-bar { position: sticky; z-index: 40; top: 0; display: flex; align-items: center; gap: 1rem; min-height: 4.25rem; padding: .65rem 1rem; background: rgba(2,10,15,.94); border-bottom: 1px solid var(--line); backdrop-filter: blur(14px); }
  .mobile-brand { font-size: .65rem; letter-spacing: .08em; }
  .mobile-brand span { margin-right: .55rem; font-size: 1.6rem; font-weight: 900; letter-spacing: -.12em; }
  .app-shell { width: 100%; margin-left: 0; }
  .topbar { grid-template-columns: 1fr; min-height: 4.5rem; padding: .75rem 1rem; }
  .search { max-width: none; }
  .motto { display: none; }
  .hero-stage { min-height: 43rem; align-items: end; padding: 2rem clamp(1.25rem, 5vw, 2.4rem); }
  .hero-stage::before { background: linear-gradient(0deg, rgba(2,9,14,.98) 0 32%, rgba(2,9,14,.2) 70%), radial-gradient(ellipse at 66% 25%, rgba(57,157,211,.25), transparent 22%), linear-gradient(120deg, #05121b, #111b22 47%, #081723 68%, #03080d); }
  .workstation { inset: 3% 1% 40%; opacity: .9; }
  .wolf-mark { top: clamp(.75rem, 2.5vw, 1.25rem); right: 8%; width: clamp(4.7rem, 19vw, 8rem); }
  .screen-array { right: 0; bottom: 22%; left: 0; gap: clamp(.2rem, .55vw, .4rem); }
  .hero-copy { width: 100%; }
  .hero-intro { max-width: 32rem; }
  .world-banner { grid-template-columns: 1fr auto; }
  .world-topics { grid-column: 2; grid-row: 1; }
  .world-banner .button { grid-column: 1 / -1; justify-self: start; }
  .detail-grid { grid-template-columns: 1fr; }
  .detail-grid article { min-height: auto; }
  .project-detail-layout { grid-template-columns: 1fr; }
  .project-detail-visual { max-width: 50rem; }
  .legal-grid { --energy-gap: clamp(1rem, 4vw, 1.25rem); grid-template-columns: 1fr; }
  .energy-link--horizontal { grid-column: 1 / span 1; grid-row: var(--mobile-row) / span 1; top: 100%; left: 50%; width: 1.15rem; height: var(--energy-gap); transform: translateX(-50%); }
  .energy-link--horizontal .energy-use--desktop { display: none; }
  .energy-link--horizontal .energy-use--mobile { display: block; }
  .energy-link--vertical.energy-link--left { grid-column: 1 / span 1; grid-row: var(--mobile-row) / span 1; }
  .energy-link--vertical.energy-link--right { display: none; }
  .system-card { grid-template-columns: 5rem minmax(0, 1fr); }
  .system-symbols { grid-column: 2; justify-content: flex-start; max-width: none; padding-top: 0; }
  .system-watermark { display: none; }
}

@media (max-width: 600px) {
  .view-home { padding: .5rem; }
  #dienstleistungen .content-hero h1,
  #ueber-uns .content-hero h1 { font-size: clamp(1.7rem, 8.4vw, 2.35rem); letter-spacing: -.04em; }
  .hero-stage { min-height: 47rem; padding: 2rem 1.25rem; }
  .workstation { inset: 3% 1% 40%; opacity: .9; }
  .hero-copy h1 { font-size: clamp(2.4rem, 13vw, 4rem); }
  .wolf-mark { right: 8%; width: clamp(4.7rem, 23vw, 6.2rem); }
  .screen-array { right: 0; bottom: 22%; left: 0; gap: .2rem; }
  .monitor-unit { min-height: 6.6rem; padding: .16rem .16rem 1rem; }
  .monitor-unit--technologie { min-height: 7.35rem; }
  .monitor-unit figcaption { right: .12rem; bottom: .18rem; left: .12rem; font-size: .32rem; letter-spacing: .035em; }
  .quick-grid { grid-template-columns: 1fr; gap: .5rem; margin-top: .5rem; }
  .quick-card { min-height: 7.5rem; }
  .world-banner { grid-template-columns: 1fr; min-height: 22rem; gap: .75rem; margin-top: .5rem; background-image: linear-gradient(90deg, rgba(5,5,18,.8) 0%, rgba(8,6,25,.54) 48%, rgba(4,5,17,.4) 100%), image-set(url("assets/bcu/world-of-rpg-music-landscape.webp") type("image/webp"), url("assets/bcu/world-of-rpg-music-landscape.png") type("image/png")); background-position: center, 43% 42%; background-size: cover, auto 68%; }
  .world-banner::before { background: radial-gradient(ellipse 24% 50% at 72% 42%, rgba(228,186,255,.15), rgba(177,63,255,.11) 32%, transparent 72%); }
  .world-topics { grid-column: auto; grid-row: auto; grid-template-columns: 1fr; justify-self: start; gap: .05rem; }
  .world-banner .button { grid-column: auto; }
  .project-grid { grid-template-columns: 1fr; }
  .projects-view, .project-detail-view { padding: 2rem 1rem 3rem; }
  .projects-intro h1 { font-size: clamp(2rem, 10vw, 2.65rem); line-height: .96; overflow-wrap: break-word; }
  .project-card { min-height: 0; }
  .project-card-footer { align-items: flex-start; flex-direction: column; }
  .project-detail-backlinks, .bcu-backlinks { align-items: flex-start; flex-direction: column; margin-bottom: 2.5rem; }
  .project-detail-content h1 { font-size: clamp(2.1rem, 10.5vw, 3.25rem); line-height: .98; overflow-wrap: break-word; }
  .project-facts { grid-template-columns: 1fr; gap: .2rem; }
  .project-facts dd + dt { margin-top: .65rem; }
  .privacy-view { padding: .75rem; }
  .team-view { padding: .5rem; }
  .team-header { min-height: 3.8rem; padding-inline: .25rem; }
  .team-header h1 { font-size: clamp(2rem, 12vw, 3rem); }
  .team-portrait { margin-top: .5rem; }
  .frequency-identities { margin-top: 2.5rem; padding: 1rem; }
  .frequency-intro h2 { font-size: clamp(2rem, 10.8vw, 2.85rem); }
  .frequency-grid { --frequency-gap: 1.5rem; grid-template-columns: 1fr; }
  .frequency-card { min-height: 12rem; padding: 1.35rem; }
  .frequency-card--codexa { grid-column: 1; }
  .frequency-link--horizontal, .frequency-link--vertical { display: none; }
  .frequency-link--mobile { display: block; grid-column: 1; grid-row: var(--mobile-row) / span 1; top: 100%; left: 50%; width: 1.2rem; height: var(--frequency-gap); transform: translateX(-50%); }
  .frequency-footer { line-height: 1.7; text-align: left; }
  .privacy-header, .privacy-toc { padding: 1.2rem; }
  .privacy-header h1 { font-size: clamp(2.1rem, 11vw, 3rem); }
  .privacy-header h1 span { display: block; }
  .privacy-metadata { display: grid; gap: .4rem; }
  .privacy-toc-list { grid-template-columns: 1fr; }
  .privacy-source-index ul { columns: 1; }
  .privacy-section { padding-left: .9rem; }
  .privacy-back-to-top { width: 100%; margin-top: 1rem; }
  .world-view { --bcu-portal-gap: .5rem; min-height: calc(100vh - 8.4rem); }
  .bcu-portal-stage { border-color: rgba(198,159,91,.18); }
  .bcu-mobile-portals { display: grid; gap: .5rem; width: 100%; margin: .5rem auto 0; }
  .bcu-mobile-portal { --portal-accent: #b667ff; display: flex; align-items: center; justify-content: space-between; min-height: 3.5rem; padding: .9rem 1rem; color: #edf4f7; background: linear-gradient(90deg, color-mix(in srgb, var(--portal-accent) 12%, #071018), #050b10); border: 1px solid color-mix(in srgb, var(--portal-accent) 42%, transparent); font-size: .75rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
  .bcu-mobile-portal--stories { --portal-accent: #d7a94f; }
  .bcu-mobile-portal--rpg { --portal-accent: #35d8ff; }
  .bcu-mobile-portal svg { width: 1.2rem; height: 1.2rem; color: var(--portal-accent); }
  .bcu-mobile-portal:focus-visible { outline: 2px solid var(--portal-accent); outline-offset: 2px; }
  .bcu-subview { padding: 2rem 1rem 3rem; }
  .bcu-subview-header h1 { font-size: clamp(2.35rem, 12.5vw, 4rem); overflow-wrap: anywhere; }
  .bcu-prepared-panel { margin-top: 2.5rem; }
  .signal-panel { grid-template-columns: 1fr; }
  .partner-panel { grid-template-columns: 1fr; }
  .systems-view { padding: .5rem; }
  .systems-shell { padding: 1.15rem; }
  .systems-shell::before, .systems-shell::after { width: 2.5rem; height: 2.5rem; }
  .systems-statusline { flex-direction: column; gap: .25rem; padding-left: .6rem; }
  .systems-header { margin-bottom: 2rem; }
  .systems-header h1 { font-size: clamp(2.15rem, 11.5vw, 3.4rem); overflow-wrap: anywhere; }
  .systems-header > p:last-child { font-size: .95rem; }
  .system-card { display: block; min-height: 0; padding: 1.2rem; }
  .system-hex { width: 4.5rem; margin-bottom: 1rem; }
  .system-card-content h2 { padding-right: 1rem; font-size: 1rem; overflow-wrap: anywhere; }
  .system-card-content p { font-size: .92rem; }
  .system-symbols { justify-content: flex-start; margin-top: 1rem; padding: .5rem 0 0; }
  .systems-note { align-items: flex-start; }
  .systems-note-symbol { width: 2.6rem; }
  .systems-footer { grid-template-columns: 1fr; gap: .55rem; }
  .systems-footer i { width: 100%; }
  .impressum-view { padding: .5rem; }
  .impressum-intro { margin-block: 2rem; }
  .impressum-intro h1 { font-size: clamp(2.8rem, 16vw, 4.2rem); }
  .legal-card { padding: 1.25rem; }
  .legal-card h2 { max-width: calc(100% - 2.5rem); }
  .legal-index { top: 1.3rem; right: 1.15rem; }
  .impressum-footer { flex-direction: column; }
  .footer { display: grid; justify-content: center; text-align: center; }
}

@media (max-height: 700px) and (min-width: 861px) {
  .brand-block { min-height: 6.5rem; }
  .brand-mark { font-size: 2.7rem; }
  .nav-link { min-height: 3.1rem; }
  .sidebar-signature { display: none; }
  .hero-stage { min-height: 27rem; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .wolf-mark { animation: none; }
  .wolf-eye-glow { opacity: .22; animation: none; }
  .world-banner::before { animation: none; }
  .monitor-experience .monitor-unit,
  .monitor-experience .monitor-screen-photo,
  .monitor-experience .monitor-light-impulse { animation: none !important; }
  .monitor-experience .monitor-screen-photo { opacity: 1 !important; filter: brightness(.86) saturate(.88) contrast(1.04) !important; }
  .monitor-experience .monitor-light-impulse { opacity: 0 !important; }
  .project-card--linked, .bcu-portal-project-link, .bcu-portal-link, .bcu-portal-link::before, .bcu-portal-link::after, .bcu-back-link { transition: none; }
  .energy-stream--halo { opacity: .1; animation: none; }
  .energy-stream--filament { opacity: .28; animation: none; }
  .energy-stream--particle { opacity: 0; animation: none; }
  .frequency-link { opacity: .62; filter: none; animation: none; }
  .system-card--bcu .system-symbols::after, .system-edge-signal, .system-card--code .system-hex { animation: none; }
  .system-card--bcu .system-symbols::after, .system-edge-signal { opacity: 0; }
  .system-card--code .system-hex { opacity: 1; }
}

/* =========================================================
   BCU / MUSIK — GENRE ARCHIVE + INTERNAL GENRE VIEWS
   ========================================================= */
#bcu-musik .music-genre-directory {
    width: min(100%, 92rem);
    margin: clamp(5rem, 10vw, 9rem) auto 0;
    padding: clamp(1.1rem, 2.5vw, 2rem);
    border: 1px solid rgba(151, 89, 235, .22);
    background:
        linear-gradient(rgba(114, 69, 170, .035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(114, 69, 170, .035) 1px, transparent 1px),
        linear-gradient(145deg, rgba(20, 10, 34, .88), rgba(3, 9, 15, .96) 47%, rgba(3, 12, 18, .97));
    background-size: 3.2rem 3.2rem, 3.2rem 3.2rem, auto;
    box-shadow: 0 2rem 7rem rgba(0, 0, 0, .42), inset 0 0 4rem rgba(130, 74, 211, .04);
}

.music-genre-directory__header {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(18rem, .65fr);
    align-items: end;
    gap: clamp(2rem, 6vw, 7rem);
    padding: clamp(2rem, 5vw, 5rem) clamp(.3rem, 2vw, 1.8rem) clamp(2.5rem, 5vw, 4.5rem);
}
.music-genre-directory__header > div > p,
.music-genre-kicker {
    margin: 0 0 1.2rem;
    color: #b47cff;
    font-family: Consolas, "Courier New", monospace;
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .22em;
    text-transform: uppercase;
}
.music-genre-directory__header h2 {
    margin: 0;
    color: #f5f5f6;
    font-size: clamp(3.4rem, 7.8vw, 8rem);
    line-height: .84;
    letter-spacing: -.065em;
    text-transform: uppercase;
}
.music-genre-directory__header h2 span {
    color: transparent;
    -webkit-text-stroke: 1px rgba(122, 215, 245, .72);
    text-shadow: 0 0 2.5rem rgba(69, 196, 235, .12);
}
.music-genre-directory__header > p {
    max-width: 31rem;
    margin: 0 0 .35rem;
    color: #9eacb7;
    font-size: clamp(.94rem, 1.3vw, 1.12rem);
    line-height: 1.75;
}

.music-genre-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(.8rem, 1.4vw, 1.3rem);
}
.music-genre-card {
    --genre-accent: #a879ff;
    container-type: inline-size;
    position: relative;
    isolation: isolate;
    display: flex;
    min-height: clamp(22rem, 32vw, 31rem);
    overflow: hidden;
    color: #f8f8fa;
    border: 1px solid color-mix(in srgb, var(--genre-accent) 44%, transparent);
    background: #05080c;
    clip-path: polygon(1rem 0, 100% 0, 100% calc(100% - 1rem), calc(100% - 1rem) 100%, 0 100%, 0 1rem);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .025);
    text-decoration: none;
    transition: transform .34s ease, border-color .34s ease, box-shadow .34s ease;
}
.music-genre-card--cinematic,
.music-genre-card--aaa-gaming { grid-column: span 2; }
.music-genre-card--logbuecher { grid-column: 1 / -1; min-height: clamp(18rem, 24vw, 24rem); }
.music-genre-card > img {
    position: absolute;
    inset: 0;
    z-index: -3;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: saturate(.9) brightness(.72) contrast(1.08);
    transition: transform .7s cubic-bezier(.2,.75,.25,1), filter .45s ease;
}
.music-genre-card--logbuecher > img { object-position: center 54%; }
.music-genre-card__veil {
    position: absolute;
    inset: 0;
    z-index: -2;
    background:
        linear-gradient(180deg, rgba(0, 3, 6, .04) 20%, rgba(2, 5, 9, .3) 48%, rgba(2, 5, 9, .96) 100%),
        linear-gradient(90deg, color-mix(in srgb, var(--genre-accent) 18%, transparent), transparent 58%);
}
.music-genre-card::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    opacity: .55;
    background: linear-gradient(112deg, transparent 36%, rgba(255,255,255,.13) 50%, transparent 64%);
    transform: translateX(-120%);
    transition: transform .75s ease;
}
.music-genre-card::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 38%;
    border-bottom: 3px solid var(--genre-accent);
    box-shadow: 0 0 1.25rem color-mix(in srgb, var(--genre-accent) 65%, transparent);
    transition: width .4s ease;
}
.music-genre-card__index {
    position: absolute;
    top: 1rem;
    right: 1.25rem;
    color: color-mix(in srgb, var(--genre-accent) 34%, transparent);
    font-family: Consolas, "Courier New", monospace;
    font-size: clamp(3.8rem, 7vw, 6.5rem);
    font-weight: 700;
    line-height: 1;
}
.music-genre-card__copy {
    align-self: flex-end;
    display: grid;
    gap: .7rem;
    width: 100%;
    padding: clamp(1.5rem, 3vw, 2.4rem);
    padding-bottom: 4.2rem;
}
.music-genre-card__copy small,
.music-genre-card__action {
    color: var(--genre-accent);
    font-family: Consolas, "Courier New", monospace;
    font-size: .61rem;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .18em;
    text-transform: uppercase;
}
.music-genre-card__copy strong { font-size: clamp(1.45rem, 12cqi, 3.45rem); line-height: .95; letter-spacing: -.035em; text-transform: uppercase; }
.music-genre-card__copy em { max-width: 36rem; color: #c0c8cd; font-size: .92rem; font-style: normal; line-height: 1.58; }
.music-genre-card__action { position: absolute; right: 1.5rem; bottom: 1.45rem; display: flex; gap: .8rem; align-items: center; }
.music-genre-card__action b { font-size: 1rem; transition: transform .28s ease; }
.music-genre-card:hover,
.music-genre-card:focus-visible {
    z-index: 2;
    border-color: var(--genre-accent);
    box-shadow: 0 0 3rem color-mix(in srgb, var(--genre-accent) 20%, transparent), inset 0 0 2rem color-mix(in srgb, var(--genre-accent) 8%, transparent);
    outline: none;
    transform: translateY(-.3rem);
}
.music-genre-card:hover > img,
.music-genre-card:focus-visible > img { filter: saturate(1.08) brightness(.82) contrast(1.06); transform: scale(1.045); }
.music-genre-card:hover::before,
.music-genre-card:focus-visible::before { transform: translateX(120%); }
.music-genre-card:hover::after,
.music-genre-card:focus-visible::after { width: 100%; }
.music-genre-card:hover .music-genre-card__action b,
.music-genre-card:focus-visible .music-genre-card__action b { transform: translateX(.35rem); }

.music-genre-directory__footer {
    display: grid;
    grid-template-columns: auto minmax(1rem, 1fr) auto minmax(1rem, 1fr) auto minmax(1rem, 1fr) auto;
    align-items: center;
    gap: 1rem;
    padding: 2.2rem .3rem .4rem;
    color: #6f7e89;
    font-family: Consolas, "Courier New", monospace;
    font-size: .58rem;
    letter-spacing: .16em;
}
.music-genre-directory__footer i { border-top: 1px solid rgba(110, 197, 231, .15); }

.music-genre-view {
    --genre-accent: #7ddff5;
    min-height: 100vh;
    padding: clamp(1.2rem, 3vw, 3.4rem);
    background:
        radial-gradient(circle at 82% 16%, color-mix(in srgb, var(--genre-accent) 13%, transparent), transparent 28rem),
        linear-gradient(color-mix(in srgb, var(--genre-accent) 4%, transparent) 1px, transparent 1px),
        linear-gradient(90deg, color-mix(in srgb, var(--genre-accent) 4%, transparent) 1px, transparent 1px),
        #03080d;
    background-size: auto, 3.4rem 3.4rem, 3.4rem 3.4rem, auto;
}
.music-genre-shell { width: min(100%, 93rem); margin: 0 auto; }
.music-genre-back { padding: .6rem 0 clamp(2.5rem, 6vw, 5rem); }
.music-genre-back a {
    color: #9ba9b2;
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .13em;
    text-decoration: none;
}
.music-genre-back a span { margin-right: .7rem; color: var(--genre-accent); }
.music-genre-back a:hover,
.music-genre-back a:focus-visible { color: #fff; outline: none; }

.music-genre-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.12fr) minmax(22rem, .88fr);
    align-items: center;
    gap: clamp(3rem, 8vw, 9rem);
    min-height: 39rem;
}
.music-genre-hero__copy h1 {
    margin: 0;
    color: #f5f7f8;
    font-size: clamp(4.3rem, 10.2vw, 10.5rem);
    line-height: .82;
    letter-spacing: -.07em;
    text-transform: uppercase;
    text-wrap: balance;
}
.music-genre-hero__copy { min-width: 0; container-type: inline-size; }
.music-genre-view--soundtrack .music-genre-hero__copy h1 {
    max-width: 100%;
    font-size: clamp(5.15rem, calc(4rem + 4cqi), 10.5rem);
    letter-spacing: -.07em;
}
@media (min-width: 981px) {
    .music-genre-view--soundtrack .music-genre-hero {
        grid-template-columns: minmax(0, 1.45fr) minmax(18rem, .85fr);
        gap: clamp(2.5rem, 4vw, 5rem);
    }
}
.music-genre-hero__copy > p:not(.music-genre-kicker) {
    max-width: 45rem;
    margin: 2.2rem 0 0;
    color: #aab7c0;
    font-size: clamp(1rem, 1.55vw, 1.25rem);
    line-height: 1.8;
}
.music-genre-tags { display: flex; flex-wrap: wrap; gap: .65rem; margin-top: 2rem; }
.music-genre-tags span {
    padding: .6rem .8rem;
    color: var(--genre-accent);
    border: 1px solid color-mix(in srgb, var(--genre-accent) 35%, transparent);
    background: color-mix(in srgb, var(--genre-accent) 6%, rgba(2, 8, 12, .8));
    font-family: Consolas, "Courier New", monospace;
    font-size: .6rem;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
}
.music-genre-cover {
    position: relative;
    isolation: isolate;
    aspect-ratio: 1;
    margin: 0;
    padding: .75rem;
    background: color-mix(in srgb, var(--genre-accent) 10%, #02070b);
    border: 1px solid color-mix(in srgb, var(--genre-accent) 55%, transparent);
    clip-path: polygon(2rem 0, 100% 0, 100% calc(100% - 2rem), calc(100% - 2rem) 100%, 0 100%, 0 2rem);
    box-shadow: 0 0 5rem color-mix(in srgb, var(--genre-accent) 19%, transparent);
}
.music-genre-cover::before,
.music-genre-cover::after { content: ""; position: absolute; z-index: 2; pointer-events: none; }
.music-genre-cover::before {
    inset: 8%;
    border: 1px solid color-mix(in srgb, var(--genre-accent) 34%, transparent);
    animation: musicGenreFramePulse 4s ease-in-out infinite;
}
.music-genre-cover::after {
    left: 10%;
    top: 0;
    width: 35%;
    border-top: 3px solid var(--genre-accent);
    box-shadow: 0 0 1.2rem var(--genre-accent);
}
.music-genre-cover img { display: block; width: 100%; height: 100%; object-fit: cover; filter: saturate(.96) contrast(1.04); }
.music-genre-cover__hud {
    position: absolute;
    inset: .75rem;
    background: linear-gradient(180deg, transparent 58%, rgba(1, 6, 10, .93)), linear-gradient(90deg, color-mix(in srgb, var(--genre-accent) 12%, transparent), transparent 55%);
}
.music-genre-cover figcaption {
    position: absolute;
    z-index: 3;
    right: 1.8rem;
    bottom: 1.55rem;
    left: 1.8rem;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    color: #c4cdd3;
    font-family: Consolas, "Courier New", monospace;
    font-size: .55rem;
    letter-spacing: .13em;
}
.music-genre-cover figcaption b { color: var(--genre-accent); }

.music-genre-spectrum {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: clamp(5rem, 10vw, 9rem);
    border: 1px solid color-mix(in srgb, var(--genre-accent) 22%, transparent);
    background: rgba(2, 7, 11, .76);
}
.music-genre-spectrum article { position: relative; min-height: 22rem; padding: clamp(1.6rem, 3.2vw, 3rem); overflow: hidden; }
.music-genre-spectrum article + article { border-left: 1px solid color-mix(in srgb, var(--genre-accent) 18%, transparent); }
.music-genre-spectrum article::after { content: ""; position: absolute; left: 0; bottom: 0; width: 31%; border-bottom: 3px solid var(--genre-accent); box-shadow: 0 0 1rem color-mix(in srgb, var(--genre-accent) 60%, transparent); }
.music-genre-spectrum article > span { position: absolute; top: .5rem; right: 1rem; color: color-mix(in srgb, var(--genre-accent) 11%, transparent); font-size: clamp(5rem, 9vw, 9rem); font-weight: 800; line-height: 1; }
.music-genre-spectrum article > p:first-of-type { position: relative; margin: 0 0 2.8rem; color: var(--genre-accent); font-family: Consolas, "Courier New", monospace; font-size: .62rem; font-weight: 700; letter-spacing: .18em; }
.music-genre-spectrum h2 { position: relative; margin: 0 0 1.2rem; color: #f1f3f4; font-size: clamp(1.45rem, 2.4vw, 2.25rem); }
.music-genre-spectrum h2 + p { position: relative; margin: 0; color: #96a5af; line-height: 1.75; }
.music-genre-pagination { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; margin-top: clamp(4rem, 8vw, 7rem); background: color-mix(in srgb, var(--genre-accent) 23%, transparent); border: 1px solid color-mix(in srgb, var(--genre-accent) 23%, transparent); }
.music-genre-pagination a { display: grid; gap: .6rem; padding: clamp(1.5rem, 3vw, 2.6rem); color: #fff; background: #040a0f; text-decoration: none; transition: background-color .25s; }
.music-genre-pagination a:last-child { text-align: right; }
.music-genre-pagination small { color: var(--genre-accent); font-family: Consolas, "Courier New", monospace; font-size: .58rem; letter-spacing: .15em; }
.music-genre-pagination strong { font-size: clamp(1.25rem, 2.3vw, 2rem); text-transform: uppercase; }
.music-genre-pagination a:hover,
.music-genre-pagination a:focus-visible { background: color-mix(in srgb, var(--genre-accent) 11%, #040a0f); outline: none; }

@keyframes musicGenreFramePulse { 50% { opacity: .35; transform: scale(.975); } }

@media (max-width: 1200px) {
    .music-genre-directory__header { grid-template-columns: 1fr; align-items: start; gap: 1.5rem; }
    .music-genre-directory__header > p { max-width: 44rem; }
}

@media (max-width: 980px) {
    .music-genre-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .music-genre-card--cinematic,
    .music-genre-card--aaa-gaming { grid-column: span 2; }
    .music-genre-hero { grid-template-columns: 1fr; min-height: 0; }
    .music-genre-hero__copy { max-width: 50rem; }
    .music-genre-cover { width: min(100%, 40rem); justify-self: center; }
    .music-genre-spectrum { grid-template-columns: 1fr; }
    .music-genre-spectrum article { min-height: 16rem; }
    .music-genre-spectrum article + article { border-top: 1px solid color-mix(in srgb, var(--genre-accent) 18%, transparent); border-left: 0; }
}

@media (max-width: 650px) {
    #bcu-musik .music-genre-directory { padding: .65rem; }
    .music-genre-directory__header { padding: 2.5rem .6rem; }
    .music-genre-directory__header > * { min-width: 0; }
    .music-genre-directory__header h2 { max-width: 100%; font-size: clamp(2.6rem, 13vw, 5rem); }
    .music-genre-grid { grid-template-columns: 1fr; }
    .music-genre-card,
    .music-genre-card--cinematic,
    .music-genre-card--aaa-gaming,
    .music-genre-card--logbuecher { grid-column: auto; min-height: 24rem; }
    .music-genre-directory__footer { grid-template-columns: 1fr 1fr; gap: .75rem; text-align: center; }
    .music-genre-directory__footer i { display: none; }
    .music-genre-view { padding: .8rem; }
    .music-genre-back { padding: .5rem 0 3rem; }
    .music-genre-hero { gap: 3rem; }
    .music-genre-hero__copy h1 { font-size: clamp(3.7rem, 20vw, 6rem); }
    .music-genre-view--soundtrack .music-genre-hero__copy h1 { font-size: clamp(3rem, 14vw, 4.1rem); }
    .music-genre-cover { padding: .45rem; clip-path: polygon(1.2rem 0, 100% 0, 100% calc(100% - 1.2rem), calc(100% - 1.2rem) 100%, 0 100%, 0 1.2rem); }
    .music-genre-cover__hud { inset: .45rem; }
    .music-genre-cover figcaption { right: 1.1rem; bottom: 1rem; left: 1.1rem; font-size: .47rem; }
    .music-genre-spectrum { margin-top: 4rem; }
    .music-genre-spectrum article { padding: 1.45rem; }
    .music-genre-pagination { grid-template-columns: 1fr; }
    .music-genre-pagination a:last-child { text-align: left; }
}

@media (prefers-reduced-motion: reduce) {
    .music-genre-card,
    .music-genre-card > img,
    .music-genre-card::before,
    .music-genre-card::after,
    .music-genre-card__action b,
    .music-genre-cover::before { animation: none; transition: none; }
}

/* =========================================================
   BCU / MUSIK — LIVING DARK FANTASY SCENE
   ========================================================= */

#bcu-musik .bcu-subview-shell { width: min(100%, 88rem); }

#bcu-musik .bk-rpg-experience {
    position: relative;
    margin: clamp(3rem, 6vw, 5.5rem) 0 0;
    border: 1px solid rgba(194, 105, 255, .62);
    background: #020202;
    box-shadow:
        0 2.5rem 5.5rem rgba(0, 0, 0, .58),
        0 0 1.15rem rgba(174, 68, 255, .16),
        0 0 3.8rem rgba(126, 40, 188, .12),
        inset 0 0 1.4rem rgba(190, 98, 255, .045);
    clip-path: polygon(1rem 0, 100% 0, 100% calc(100% - 1rem), calc(100% - 1rem) 100%, 0 100%, 0 1rem);
    filter:
        drop-shadow(0 0 .45rem rgba(197, 102, 255, .2))
        drop-shadow(0 1rem 1.7rem rgba(0, 0, 0, .42));
    animation: bkRpgFrameBreathe 7s ease-in-out infinite;
}

#bcu-musik .bk-rpg-experience::before {
    content: "";
    position: absolute;
    z-index: 20;
    top: 0;
    left: 0;
    width: 28%;
    height: 2px;
    background: linear-gradient(90deg, #b663ff, #ff3d20, transparent);
    box-shadow: 0 0 1.2rem rgba(190, 94, 255, .8);
    animation: bkRpgFrameSignal 8s ease-in-out infinite;
}

#bcu-musik .bk-rpg-experience::after {
    content: "";
    position: absolute;
    z-index: 22;
    inset: 0;
    pointer-events: none;
    border: 1px solid transparent;
    background:
        linear-gradient(90deg, rgba(190, 98, 255, .48), transparent 19%, transparent 74%, rgba(83, 207, 255, .2)) top / 100% 1px no-repeat,
        linear-gradient(90deg, rgba(190, 98, 255, .22), transparent 26%, transparent 70%, rgba(255, 60, 31, .18)) bottom / 100% 1px no-repeat,
        linear-gradient(180deg, rgba(190, 98, 255, .34), transparent 22%, transparent 72%, rgba(255, 60, 31, .12)) left / 1px 100% no-repeat,
        linear-gradient(180deg, rgba(83, 207, 255, .22), transparent 28%, transparent 68%, rgba(190, 98, 255, .28)) right / 1px 100% no-repeat;
    box-shadow:
        inset 0 0 1.2rem rgba(170, 73, 235, .06),
        inset 0 -1.2rem 2.8rem rgba(5, 0, 12, .18);
}

#bk-rpg-world {
    position: relative;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    line-height: 0;
    background: #020202;
    isolation: isolate;
}

#bk-rpg-world::before {
    content: "";
    position: absolute;
    z-index: 16;
    inset: clamp(.5rem, 1.1vw, .9rem);
    pointer-events: none;
    opacity: .72;
    background:
        linear-gradient(90deg, #b663ff, transparent) left top / clamp(2.8rem, 5vw, 5.5rem) 1px no-repeat,
        linear-gradient(180deg, #b663ff, transparent) left top / 1px clamp(2.8rem, 5vw, 5.5rem) no-repeat,
        linear-gradient(270deg, rgba(83, 207, 255, .76), transparent) right top / clamp(2.8rem, 5vw, 5.5rem) 1px no-repeat,
        linear-gradient(180deg, rgba(83, 207, 255, .76), transparent) right top / 1px clamp(2.8rem, 5vw, 5.5rem) no-repeat,
        linear-gradient(90deg, rgba(255, 67, 34, .66), transparent) left bottom / clamp(2.8rem, 5vw, 5.5rem) 1px no-repeat,
        linear-gradient(0deg, rgba(255, 67, 34, .66), transparent) left bottom / 1px clamp(2.8rem, 5vw, 5.5rem) no-repeat,
        linear-gradient(270deg, rgba(190, 98, 255, .64), transparent) right bottom / clamp(2.8rem, 5vw, 5.5rem) 1px no-repeat,
        linear-gradient(0deg, rgba(190, 98, 255, .64), transparent) right bottom / 1px clamp(2.8rem, 5vw, 5.5rem) no-repeat;
    filter: drop-shadow(0 0 .35rem rgba(183, 86, 255, .5));
}

#bk-rpg-world::after {
    content: "";
    position: absolute;
    z-index: 15;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(90deg, rgba(141, 53, 210, .09), transparent 8%, transparent 92%, rgba(65, 176, 230, .065)),
        linear-gradient(180deg, rgba(0, 0, 0, .04), transparent 72%, rgba(19, 2, 25, .28));
    box-shadow: inset 0 0 2.8rem rgba(0, 0, 0, .3);
}

#bk-rpg-world picture { display: block; }

#bk-rpg-world .bk-rpg-image {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    transform: scale(1.002);
    animation: bkRpgCamera 18s ease-in-out infinite alternate;
    transition: transform .4s ease;
}

#bk-rpg-world .bk-rpg-vignette {
    position: absolute;
    z-index: 12;
    inset: 0;
    pointer-events: none;
    background: radial-gradient(ellipse at 50% 54%, transparent 30%, rgba(0, 0, 0, .05) 55%, rgba(0, 0, 0, .36) 100%);
}

#bk-rpg-world .bk-rpg-cloud-shadow {
    position: absolute;
    z-index: 3;
    top: 0;
    left: -15%;
    width: 130%;
    height: 48%;
    pointer-events: none;
    opacity: .18;
    background: radial-gradient(ellipse at 25% 40%, rgba(0, 0, 0, .8), transparent 32%), radial-gradient(ellipse at 65% 25%, rgba(0, 0, 0, .7), transparent 35%), radial-gradient(ellipse at 85% 55%, rgba(0, 0, 0, .6), transparent 28%);
    filter: blur(25px);
    animation: bkRpgCloudDrift 30s ease-in-out infinite alternate;
    transition: margin .35s ease-out;
}

#bk-rpg-world .bk-rpg-storm {
    position: absolute;
    z-index: 4;
    top: 0;
    left: 0;
    width: 100%;
    height: 58%;
    pointer-events: none;
    opacity: 0;
    background: radial-gradient(ellipse at 30% 40%, rgba(210, 195, 255, .28), transparent 40%), radial-gradient(ellipse at 72% 35%, rgba(160, 130, 190, .22), transparent 42%);
    mix-blend-mode: screen;
}

#bk-rpg-world .bk-rpg-portal {
    position: absolute;
    z-index: 5;
    top: 48%;
    left: 50%;
    width: 18%;
    aspect-ratio: 1;
    pointer-events: none;
    transform: translate(-50%, -50%);
    transition: margin .25s ease-out, filter .4s ease;
}

#bk-rpg-world .portal-ring {
    position: absolute;
    border: 1px solid rgba(255, 45, 15, .45);
    border-radius: 50%;
    box-shadow: 0 0 8px rgba(255, 45, 10, .3), inset 0 0 12px rgba(255, 35, 5, .08);
}

#bk-rpg-world .portal-ring-1 { inset: 0; border-style: dashed; animation: bkRpgPortalRotate 25s linear infinite; }
#bk-rpg-world .portal-ring-2 { inset: 12%; border-style: dotted; animation: bkRpgPortalReverse 17s linear infinite; }
#bk-rpg-world .portal-ring-3 { inset: 23%; opacity: .5; animation: bkRpgPortalRotate 11s linear infinite; }

#bk-rpg-world .portal-heart {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 28%;
    aspect-ratio: 1;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 80, 20, .18), rgba(180, 15, 0, .05) 45%, transparent 70%);
    box-shadow: 0 0 35px rgba(255, 40, 5, .35);
    transform: translate(-50%, -50%);
    animation: bkRpgPortalPulse 4.2s ease-in-out infinite;
}

#bk-rpg-world .bk-rpg-eyes {
    position: absolute;
    z-index: 8;
    top: 52.4%;
    left: 50%;
    width: 2.4%;
    height: 1%;
    pointer-events: none;
    opacity: .25;
    background: radial-gradient(circle at 35% 50%, rgba(255, 45, 10, .95) 0, rgba(255, 20, 0, .65) 10%, transparent 28%), radial-gradient(circle at 65% 50%, rgba(255, 45, 10, .95) 0, rgba(255, 20, 0, .65) 10%, transparent 28%);
    filter: blur(.4px);
    transform: translate(-50%, -50%);
    animation: bkRpgEyes 5s ease-in-out infinite;
}

#bk-rpg-world .bk-rpg-fire {
    position: absolute;
    z-index: 6;
    width: 7%;
    height: 15%;
    pointer-events: none;
    opacity: .28;
    background: radial-gradient(ellipse at center bottom, rgba(255, 100, 20, .5), rgba(255, 35, 0, .18) 35%, transparent 70%);
    filter: blur(8px);
    mix-blend-mode: screen;
    animation: bkRpgFireFlicker .32s ease-in-out infinite alternate;
}

#bk-rpg-world .fire-left { top: 64%; left: 39%; }
#bk-rpg-world .fire-right { top: 64%; right: 39%; animation-delay: .14s; }

#bk-rpg-world .bk-rpg-sigil {
    position: absolute;
    z-index: 5;
    top: 48%;
    width: 8%;
    aspect-ratio: 1;
    pointer-events: none;
    border-radius: 50%;
    transform: translateY(-50%);
}

#bk-rpg-world .sigil-left { left: 5.5%; }
#bk-rpg-world .sigil-right { right: 5.5%; }
#bk-rpg-world .bk-rpg-sigil span { position: absolute; inset: 15%; border: 1px dashed rgba(255, 45, 10, .35); border-radius: 50%; box-shadow: 0 0 10px rgba(255, 25, 0, .18); animation: bkRpgSigil 14s linear infinite; }
#bk-rpg-world .sigil-right span { animation-direction: reverse; }

#bk-rpg-world .bk-rpg-ground-glow {
    position: absolute;
    z-index: 4;
    bottom: 2%;
    left: 25%;
    width: 50%;
    height: 22%;
    pointer-events: none;
    opacity: .18;
    background: radial-gradient(ellipse at center bottom, rgba(255, 55, 5, .3), rgba(130, 15, 0, .1) 35%, transparent 70%);
    filter: blur(18px);
    mix-blend-mode: screen;
    animation: bkRpgGroundPulse 7s ease-in-out infinite;
}

#bk-rpg-world .bk-rpg-embers { position: absolute; z-index: 9; inset: 0; overflow: hidden; pointer-events: none; }

#bk-rpg-world .bk-ember {
    position: absolute;
    bottom: 10%;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background: rgba(255, 90, 20, .95);
    box-shadow: 0 0 5px rgba(255, 60, 10, .9);
    opacity: 0;
    animation: bkRpgEmberRise linear forwards;
}

#bk-rpg-world .bk-rpg-transmission {
    position: absolute;
    z-index: 14;
    right: clamp(.65rem, 2vw, 1.5rem);
    bottom: clamp(.65rem, 2vw, 1.5rem);
    left: clamp(.65rem, 2vw, 1.5rem);
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 1rem;
    padding: .7rem 1rem;
    color: rgba(236, 220, 210, .68);
    border: 1px solid rgba(255, 75, 35, .16);
    background: linear-gradient(90deg, rgba(4, 4, 7, .84), rgba(20, 3, 4, .58), rgba(4, 4, 7, .84));
    backdrop-filter: blur(8px);
    font: 700 .58rem/1.2 Consolas, monospace;
    letter-spacing: .14em;
}

#bk-rpg-world .bk-rpg-transmission b { color: #ff7652; text-shadow: 0 0 .8rem rgba(255, 58, 25, .65); }
#bk-rpg-world .bk-rpg-transmission span:last-child { text-align: right; }

#bcu-musik .bk-rpg-experience figcaption {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 1.2rem;
    min-height: 4.4rem;
    padding: 1rem clamp(1rem, 2.5vw, 2rem);
    color: #9b86ad;
    border-top: 1px solid rgba(190, 98, 255, .26);
    background: linear-gradient(90deg, rgba(12, 5, 19, .98), rgba(5, 7, 15, .98));
    font: 700 .63rem/1.45 Consolas, monospace;
    letter-spacing: .13em;
    text-transform: uppercase;
}

#bcu-musik .bk-rpg-experience figcaption strong { color: #e8dff0; font-size: .75rem; text-align: center; }
#bcu-musik .bk-rpg-experience figcaption small { text-align: right; }

@keyframes bkRpgCamera { from { transform: scale(1.002) translate3d(0, 0, 0); } to { transform: scale(1.012) translate3d(0, -2px, 0); } }
@keyframes bkRpgCloudDrift { from { transform: translateX(-2%); } to { transform: translateX(3%); } }
@keyframes bkRpgPortalRotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
@keyframes bkRpgPortalReverse { from { transform: rotate(360deg); } to { transform: rotate(0deg); } }
@keyframes bkRpgPortalPulse { 0%, 100% { opacity: .35; transform: translate(-50%, -50%) scale(.85); } 50% { opacity: .9; transform: translate(-50%, -50%) scale(1.25); } }
@keyframes bkRpgEyes { 0%, 65%, 100% { opacity: .2; filter: blur(.4px) brightness(1); } 75% { opacity: .85; filter: blur(.2px) brightness(1.8); } 85% { opacity: .35; } }
@keyframes bkRpgFireFlicker { from { opacity: .18; transform: scale(.92, .88); } to { opacity: .42; transform: scale(1.08, 1.15); } }
@keyframes bkRpgSigil { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
@keyframes bkRpgGroundPulse { 0%, 100% { opacity: .1; transform: scaleX(.9); } 50% { opacity: .28; transform: scaleX(1.05); } }
@keyframes bkRpgEmberRise { 0% { opacity: 0; transform: translate3d(0, 0, 0) scale(.5); } 15% { opacity: .9; } 70% { opacity: .65; } 100% { opacity: 0; transform: translate3d(var(--ember-drift), -420px, 0) scale(.1); } }
@keyframes bkRpgFrameBreathe {
    0%, 100% { border-color: rgba(194, 105, 255, .54); filter: drop-shadow(0 0 .38rem rgba(197, 102, 255, .16)) drop-shadow(0 1rem 1.7rem rgba(0, 0, 0, .42)); }
    50% { border-color: rgba(210, 130, 255, .72); filter: drop-shadow(0 0 .72rem rgba(197, 102, 255, .25)) drop-shadow(0 1.2rem 2rem rgba(0, 0, 0, .48)); }
}
@keyframes bkRpgFrameSignal {
    0%, 100% { width: 24%; opacity: .68; }
    50% { width: 34%; opacity: 1; }
}

@media (max-width: 768px) {
    #bcu-musik .bk-rpg-experience { margin-top: 2.5rem; filter: drop-shadow(0 0 .35rem rgba(197, 102, 255, .17)); }
    #bk-rpg-world .bk-rpg-cloud-shadow { opacity: .1; }
    #bk-rpg-world .bk-rpg-ground-glow { opacity: .12; }
    #bk-rpg-world .portal-ring { opacity: .3; }
    #bk-rpg-world .bk-rpg-transmission { grid-template-columns: 1fr; gap: .25rem; padding: .55rem .7rem; }
    #bk-rpg-world .bk-rpg-transmission span { display: none; }
    #bk-rpg-world .bk-rpg-transmission b { font-size: .48rem; text-align: center; }
    #bcu-musik .bk-rpg-experience figcaption { grid-template-columns: 1fr; gap: .25rem; min-height: 0; text-align: center; }
    #bcu-musik .bk-rpg-experience figcaption strong,
    #bcu-musik .bk-rpg-experience figcaption small { text-align: center; }
}

@media (prefers-reduced-motion: reduce) {
    #bcu-musik .bk-rpg-experience,
    #bcu-musik .bk-rpg-experience::before,
    #bk-rpg-world *,
    #bk-rpg-world *::before,
    #bk-rpg-world *::after {
        animation-duration: .001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .001ms !important;
    }
    #bcu-musik .bk-rpg-experience,
    #bcu-musik .bk-rpg-experience::before { animation: none; }
}

/* Phase 3.3 design prototype: cinematic warmth with domain-specific signals */
body {
  background:
    radial-gradient(circle at 76% 18%, rgba(151, 78, 35, .16), transparent 31rem),
    radial-gradient(circle at 23% 82%, rgba(36, 96, 116, .09), transparent 34rem),
    linear-gradient(145deg, #050505, #101013 54%, #05080a);
}

.sidebar {
  background: linear-gradient(180deg, rgba(10, 9, 9, .99), rgba(12, 13, 14, .97));
  border-right-color: var(--bk-line);
  box-shadow: 1.5rem 0 5rem rgba(0, 0, 0, .52), .15rem 0 1.4rem rgba(164, 86, 38, .06);
}
.brand-block { border-bottom-color: var(--bk-line-soft); }
.brand-mark {
  color: var(--bk-cream);
  text-shadow: 0 0 1.1rem rgba(221, 167, 98, .22), 0 .18rem .35rem rgba(0, 0, 0, .85);
}
.brand-name { color: #d7c5ad; }
.nav-link { color: #c1b9af; }
.nav-link svg { color: #d8c5a9; }
.nav-link:hover, .nav-link:focus-visible { color: #fff8ee; background: rgba(176, 101, 53, .1); }
.nav-link.is-active {
  color: #fff8ed;
  border-left-color: var(--bk-gold);
  background: linear-gradient(90deg, rgba(190, 111, 58, .2), transparent 84%);
  box-shadow: inset .7rem 0 1.2rem -.85rem var(--bk-amber);
}
.nav-link[data-route="technologie"].is-active {
  border-left-color: var(--tech-cyan);
  background: linear-gradient(90deg, rgba(34, 169, 202, .18), transparent 84%);
  box-shadow: inset .7rem 0 1.2rem -.85rem var(--tech-cyan);
}
.nav-link[data-route="technologie"].is-active svg {
  color: var(--tech-cyan);
}
.nav-link[data-route="bcu"].is-active,
.nav-link[data-route^="bcu-"].is-active {
  border-left-color: var(--bcu-violet);
  background: linear-gradient(90deg, rgba(154, 71, 215, .2), transparent 84%);
  box-shadow: inset .7rem 0 1.2rem -.85rem var(--bcu-violet);
}
.nav-link[data-route="bcu"].is-active svg,
.nav-link[data-route^="bcu-"].is-active svg {
  color: var(--bcu-violet);
}
.nav-submenu-toggle {
  color: #bf9e77;
  background: rgba(32, 23, 18, .64);
  border-color: rgba(216, 158, 94, .2);
}
.nav-submenu-toggle:hover, .nav-submenu-toggle:focus-visible {
  color: #fff5e7;
  background: rgba(169, 94, 48, .16);
  border-color: rgba(228, 172, 105, .52);
}
.nav-submenu-link { color: #a99d8f; border-left-color: rgba(216, 158, 94, .24); }
.nav-submenu-link::before { background: #15100d; }
.nav-submenu-link:hover, .nav-submenu-link:focus-visible { color: #f8e6ce; background: rgba(171, 96, 50, .1); border-left-color: var(--bk-gold); }
.nav-submenu-link.is-active { color: #fff7ec; border-left-color: var(--bk-gold); text-shadow: 0 0 .8rem rgba(221, 167, 98, .28); }
.nav-link-world { border-top-color: var(--bk-line-soft); }
.nav-link-world.is-active { border-left-color: var(--bcu-violet); background: linear-gradient(90deg, rgba(154, 71, 215, .2), transparent 84%); }
.nav-legal { border-color: var(--bk-line-soft); }
.sidebar-signature { color: #aa9275; }
.sidebar-signature i { border-top-color: var(--bk-gold); }

.topbar {
  background: rgba(9, 8, 8, .78);
  border-bottom-color: var(--bk-line-soft);
}
.search > svg { color: #ecd6b7; }
.search input { background: rgba(20, 16, 14, .76); border-color: var(--bk-line); }
.search input::placeholder { color: #a99c8e; }
.search input:focus { border-color: var(--bk-gold); box-shadow: 0 0 0 3px rgba(221, 167, 98, .12), 0 0 2rem rgba(170, 91, 43, .13); }
.search-results { background: rgba(15, 11, 9, .98); border-color: var(--bk-line); }
.search-result { border-bottom-color: var(--bk-line-soft); }
.search-result:hover, .search-result:focus-visible { background: rgba(200, 121, 67, .1); }
.motto { color: #d7c3a7; }

.hero-stage {
  background: linear-gradient(90deg, rgba(12, 10, 9, .97) 0%, rgba(17, 14, 13, .78) 38%, rgba(6, 15, 20, .2) 72%, rgba(8, 11, 14, .55) 100%);
  border-color: var(--bk-line-soft);
  box-shadow: inset 0 0 6rem rgba(0, 0, 0, .58), inset 0 .08rem rgba(243, 207, 159, .025);
}
.hero-stage::before {
  background:
    radial-gradient(ellipse at 72% 42%, rgba(48, 149, 187, .2), transparent 20%),
    radial-gradient(ellipse at 28% 34%, rgba(184, 99, 47, .14), transparent 27%),
    linear-gradient(120deg, #0b0a09, #1a1817 46%, #0a171c 70%, #05080a);
}
.hero-stage::after { background: linear-gradient(0deg, rgba(0, 0, 0, .12), transparent 25%); }
.ambient-one { background: radial-gradient(circle, rgba(28, 137, 179, .22), transparent 68%); }
.ambient-two { background: radial-gradient(circle, rgba(199, 111, 55, .16), transparent 70%); }
.desk-line { background: linear-gradient(#45382e, #070706); }
.hero-copy .eyebrow { color: var(--bk-gold); }
.hero-copy h1 span { color: var(--bk-cream); text-shadow: 0 0 1.5rem rgba(221, 167, 98, .28); }
.hero-intro { color: #d4cbc0; }
.button-primary { color: var(--bk-cream); background: rgba(33, 22, 15, .78); box-shadow: inset 0 0 1.4rem rgba(206, 126, 67, .08); }
.button-primary:hover, .button-primary:focus-visible { color: #fffaf2; background: rgba(190, 107, 55, .17); box-shadow: 0 0 1.5rem rgba(221, 167, 98, .2); }

.quick-card {
  --card-accent: var(--bk-gold);
  background: linear-gradient(135deg, rgba(24, 18, 15, .92), rgba(10, 11, 13, .86));
  border-color: color-mix(in srgb, var(--card-accent) 38%, transparent);
}
.quick-card::after { background: radial-gradient(circle, color-mix(in srgb, var(--card-accent) 12%, transparent), transparent 70%); }
.quick-card > svg, .quick-card .round-arrow { color: var(--card-accent); }
.quick-card:nth-child(2) { --card-accent: var(--tech-cyan); background: linear-gradient(135deg, rgba(7, 27, 36, .92), rgba(7, 13, 17, .86)); }
.quick-card:nth-child(3) { --card-accent: #b982e5; background: linear-gradient(135deg, rgba(25, 17, 31, .92), rgba(10, 11, 16, .86)); }
.quick-card:nth-child(4) { --card-accent: #dfb87c; }
.quick-card:hover, .quick-card:focus-visible { border-color: var(--card-accent); box-shadow: 0 .7rem 2rem rgba(0, 0, 0, .34), 0 0 1.5rem color-mix(in srgb, var(--card-accent) 14%, transparent); }

.content-view:not(.world-view):not(.bcu-subview):not(.systems-view):not(.privacy-view):not(.impressum-view) {
  background: radial-gradient(circle at 82% 12%, rgba(176, 91, 42, .12), transparent 28rem), linear-gradient(150deg, rgba(15, 12, 11, .98), rgba(5, 8, 10, .97));
}
.content-view .eyebrow { color: var(--bk-gold); }
.detail-grid article, .signal-panel, .empty-state {
  background: linear-gradient(145deg, rgba(25, 19, 16, .84), rgba(8, 12, 15, .8));
  border-color: var(--bk-line);
}
.detail-grid article > span { color: var(--bk-gold); }
.manifesto { background: var(--bk-line-soft); border-color: var(--bk-line-soft); }
.manifesto p { background: #15110f; }
.partner-panel > svg { color: var(--bk-amber); }

#technologie {
  background: radial-gradient(circle at 82% 12%, rgba(23, 139, 190, .16), transparent 28rem), linear-gradient(150deg, rgba(4, 16, 23, .98), rgba(2, 8, 13, .97));
}
#technologie .eyebrow, #technologie .detail-grid article > span { color: var(--tech-cyan); }
#technologie .detail-grid article, #technologie .signal-panel {
  background: linear-gradient(145deg, rgba(8, 31, 43, .84), rgba(4, 15, 23, .78));
  border-color: rgba(53, 200, 232, .35);
}

.projects-view { background: radial-gradient(circle at 18% 8%, rgba(190, 105, 53, .1), transparent 24rem), radial-gradient(circle at 82% 12%, rgba(113, 55, 165, .12), transparent 30rem), linear-gradient(150deg, #0d0b0b, #05080b 68%, #0b0c12); }
.project-category-heading { border-left-color: var(--bk-gold); }
.project-category--inclusion .project-category-heading { border-left-color: var(--system-teal); }
.project-category--bcu .project-category-heading { border-left-color: var(--bcu-violet); }
.project-card--inclusion {
  --project-accent: var(--bk-gold);
  background: linear-gradient(145deg, rgba(31, 22, 16, .96), rgba(9, 12, 14, .9));
}
.project-card--accessibility {
  --project-accent: var(--system-teal);
  background: linear-gradient(145deg, rgba(7, 34, 34, .96), rgba(4, 14, 18, .92));
}

.systems-view .eyebrow { color: var(--bk-gold); }
.systems-shell { border-color: var(--bk-line); background: linear-gradient(145deg, rgba(14, 13, 12, .9), rgba(3, 10, 14, .95)); }
.systems-shell::before { border-top-color: var(--bk-gold); border-left-color: var(--bk-gold); }
.systems-shell::after { border-right-color: rgba(221, 167, 98, .58); border-bottom-color: rgba(221, 167, 98, .58); }
.systems-statusline span:last-child { color: var(--bk-gold); }
.systems-header-line { border-top-color: var(--bk-line-soft); }
.systems-header-line span { background: linear-gradient(90deg, var(--bk-gold), transparent); box-shadow: 0 0 .8rem rgba(221, 167, 98, .5); }
.system-card--bk { --system-accent: var(--bk-gold); background: linear-gradient(100deg, rgba(31, 21, 15, .96), rgba(10, 11, 13, .9)); }
.system-card--bcu { --system-accent: var(--bcu-violet); }
.system-card--ciu { --system-accent: var(--tech-cyan); }
.system-card--code { --system-accent: var(--system-teal); }
.systems-note { background: rgba(24, 18, 14, .88); border-color: rgba(221, 167, 98, .58); }
.systems-note-symbol { color: var(--bk-gold); border-color: var(--bk-gold); text-shadow: 0 0 .65rem var(--bk-gold); }
.systems-footer i { border-top-color: var(--bk-line); }

.team-header { border-bottom-color: var(--bk-line); }
.team-header h1 { color: var(--bk-cream); text-shadow: 0 0 2rem rgba(221, 167, 98, .16); }
.team-portrait { border-color: var(--bk-line); box-shadow: 0 1rem 3.5rem rgba(0, 0, 0, .44), 0 0 2rem rgba(200, 121, 67, .07); }
.frequency-identities { background: linear-gradient(rgba(221, 167, 98, .018) 1px, transparent 1px), linear-gradient(90deg, rgba(221, 167, 98, .018) 1px, transparent 1px), linear-gradient(145deg, rgba(16, 14, 13, .92), rgba(3, 9, 13, .97)); background-size: 2rem 2rem, 2rem 2rem, auto; border-color: var(--bk-line-soft); }
.frequency-card--beat { --frequency-accent: var(--bk-gold); background: linear-gradient(145deg, rgba(35, 23, 16, .98), rgba(12, 12, 13, .96)); border-color: rgba(221, 167, 98, .72); box-shadow: inset 0 0 3rem rgba(221, 167, 98, .07), 0 0 1.8rem rgba(200, 121, 67, .09); }
.frequency-footer { color: #aa9274; border-top-color: var(--bk-line-soft); }

.world-banner .eyebrow, .world-view .eyebrow, .bcu-subview .eyebrow { color: #d8a8ff; }
.bcu-subview--stories .eyebrow { color: #e1b866; }
.bcu-subview--rpg .eyebrow { color: var(--tech-cyan); }

.privacy-view { background-image: linear-gradient(rgba(221, 167, 98, .018) 1px, transparent 1px), linear-gradient(90deg, rgba(221, 167, 98, .018) 1px, transparent 1px), radial-gradient(circle at 82% 6%, rgba(170, 87, 40, .11), transparent 30rem), linear-gradient(145deg, #100d0c, #05090c 62%, #0b1114); }
.privacy-header { background: linear-gradient(135deg, rgba(25, 18, 14, .95), rgba(5, 12, 16, .92)); border-color: var(--bk-line); box-shadow: inset 0 0 3.5rem rgba(221, 167, 98, .03), 0 1.25rem 4rem rgba(0, 0, 0, .27); }
.privacy-header::before { background: linear-gradient(90deg, var(--bk-gold), transparent); box-shadow: 0 0 1rem rgba(221, 167, 98, .58); }
.privacy-metadata { border-top-color: var(--bk-line-soft); }
.privacy-metadata strong, .privacy-toc h2 { color: var(--bk-cream); }
.privacy-toc { border-color: var(--bk-line); }
.privacy-toc-list a { border-left-color: var(--bk-line-soft); }
.privacy-toc-list a:hover, .privacy-toc-list a:focus-visible, .privacy-toc-list a.is-active { background: rgba(200, 121, 67, .1); border-left-color: var(--bk-gold); box-shadow: inset .18rem 0 0 var(--bk-gold); }
.privacy-toc-list a.is-active::before { color: var(--bk-gold); }
.privacy-section { border-left-color: var(--bk-line); border-bottom-color: var(--bk-line-soft); }
.privacy-section::before { background: linear-gradient(var(--bk-gold), transparent); box-shadow: 0 0 .65rem rgba(221, 167, 98, .38); }
.privacy-section h3 { color: var(--bk-cream); }
.privacy-section li::marker { color: var(--bk-gold); }
.privacy-closing-meta { background: rgba(200, 121, 67, .05); border-left-color: var(--bk-gold); }
.privacy-back-to-top { color: var(--bk-cream); background: rgba(24, 17, 13, .92); border-color: var(--bk-line); }
.privacy-back-to-top:hover, .privacy-back-to-top:focus-visible { background: rgba(200, 121, 67, .14); border-color: var(--bk-gold); box-shadow: 0 0 0 3px rgba(221, 167, 98, .11); }

.impressum-intro { border-left-color: var(--bk-gold); }
.impressum-intro::before { background: #e47d3c; box-shadow: 0 0 1rem rgba(228, 125, 60, .42); }
.legal-card { background: linear-gradient(145deg, rgba(22, 18, 16, .92), rgba(5, 13, 17, .84)); border-color: var(--bk-line-soft); }
.legal-card::after { background: radial-gradient(circle, rgba(200, 121, 67, .08), transparent 69%); }
.legal-card:hover { border-color: var(--bk-line); }
.legal-index { color: var(--bk-gold); }
.legal-muted { border-left-color: var(--bk-line); }
.legal-card a { color: #efc68d; text-decoration-color: rgba(221, 167, 98, .42); }
.legal-card a:hover { text-decoration-color: var(--bk-gold); text-shadow: 0 0 1rem rgba(221, 167, 98, .25); }
.legal-card a:focus-visible { outline-color: var(--bk-gold); }
.impressum-footer span:last-child, .footer span:first-child { color: var(--bk-gold); }
.footer { color: #927f69; }

/* Inklusion & Barrierefreiheit */
.nav-group[data-nav-group="inklusion"] .nav-link.is-active {
  border-left-color: var(--system-teal);
  background: linear-gradient(90deg, rgba(69, 216, 199, .17), transparent 84%);
  box-shadow: inset .7rem 0 1.2rem -.85rem var(--system-teal);
}
.nav-group[data-nav-group="inklusion"] .nav-link.is-active svg { color: var(--system-teal); }
.nav-group[data-nav-group="inklusion"] .nav-submenu-link:hover,
.nav-group[data-nav-group="inklusion"] .nav-submenu-link:focus-visible,
.nav-group[data-nav-group="inklusion"] .nav-submenu-link.is-active {
  color: #dffffa;
  border-left-color: var(--system-teal);
  text-shadow: 0 0 .8rem rgba(69, 216, 199, .25);
}

.inclusion-view {
  --inclusion-accent: var(--system-teal);
  min-height: calc(100vh - 5rem);
  background:
    radial-gradient(circle at 82% 9%, rgba(40, 151, 139, .16), transparent 29rem),
    radial-gradient(circle at 15% 72%, rgba(190, 105, 53, .1), transparent 28rem),
    linear-gradient(150deg, #0e0c0b, #061013 62%, #07100f);
}
.inclusion-shell { width: min(100%, 78rem); margin-inline: auto; }
.inclusion-hero { max-width: 70rem; }
.inclusion-hero .eyebrow { color: var(--inclusion-accent); }
.inclusion-hero h1 {
  max-width: 70rem;
  font-size: clamp(2.65rem, 6vw, 6.25rem);
  overflow-wrap: break-word;
  text-transform: uppercase;
}
.inclusion-hero > p:last-child { max-width: 66rem; }

.inclusion-project-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(.85rem, 1.8vw, 1.4rem);
  margin-top: clamp(2.5rem, 5vw, 5rem);
}
.inclusion-project-card {
  --project-accent: var(--bk-gold);
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 23rem;
  flex-direction: column;
  padding: clamp(1.4rem, 2.8vw, 2.4rem);
  overflow: hidden;
  background: linear-gradient(145deg, rgba(30, 21, 16, .96), rgba(7, 14, 16, .91));
  border: 1px solid color-mix(in srgb, var(--project-accent) 52%, transparent);
  clip-path: polygon(.9rem 0, 100% 0, 100% calc(100% - .9rem), calc(100% - .9rem) 100%, 0 100%, 0 .9rem);
  transition: transform .3s var(--ease), border-color .3s, box-shadow .3s;
}
.inclusion-project-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 42%;
  height: 2px;
  background: linear-gradient(90deg, var(--project-accent), transparent);
  box-shadow: 0 0 .9rem color-mix(in srgb, var(--project-accent) 58%, transparent);
}
.inclusion-project-card::after {
  content: "";
  position: absolute;
  right: -5rem;
  bottom: -6rem;
  width: 15rem;
  height: 15rem;
  pointer-events: none;
  background: radial-gradient(circle, color-mix(in srgb, var(--project-accent) 10%, transparent), transparent 70%);
}
.inclusion-project-card--mobility {
  --project-accent: var(--system-teal);
  background: linear-gradient(145deg, rgba(7, 34, 34, .96), rgba(5, 14, 18, .92));
}
.inclusion-project-card:hover,
.inclusion-project-card:focus-visible {
  transform: translateY(-.25rem);
  border-color: var(--project-accent);
  box-shadow: 0 1.2rem 3rem rgba(0, 0, 0, .34), 0 0 1.8rem color-mix(in srgb, var(--project-accent) 14%, transparent);
  outline: none;
}
.inclusion-card-icon {
  display: grid;
  width: 3.5rem;
  height: 3.5rem;
  place-items: center;
  margin-bottom: 1.5rem;
  color: var(--project-accent);
  border: 1px solid currentColor;
  border-radius: 50%;
  box-shadow: inset 0 0 1.5rem color-mix(in srgb, var(--project-accent) 8%, transparent);
}
.inclusion-card-icon svg { width: 1.8rem; height: 1.8rem; }
.inclusion-card-index {
  margin: 0 0 .65rem;
  color: var(--project-accent);
  font-family: Consolas, "Courier New", monospace;
  font-size: .68rem;
  letter-spacing: .14em;
}
.inclusion-project-card h2 { margin: 0; font-size: clamp(1.45rem, 2.5vw, 2.25rem); line-height: 1.08; }
.inclusion-project-card > p:not(.inclusion-card-index) { margin: 1rem 0 2rem; color: #c7d1d2; line-height: 1.7; }
.inclusion-project-card footer { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-top: auto; padding-top: 1rem; border-top: 1px solid color-mix(in srgb, var(--project-accent) 24%, transparent); }
.inclusion-project-card footer > span:first-child { color: var(--project-accent); font-family: Consolas, "Courier New", monospace; font-size: .7rem; letter-spacing: .07em; text-transform: uppercase; }
.inclusion-project-card .round-arrow { flex: 0 0 auto; color: var(--project-accent); }

.inclusion-backlinks { margin-bottom: clamp(2rem, 4vw, 3.5rem); }
.inclusion-backlinks a { display: inline-flex; align-items: center; gap: .7rem; padding-bottom: .35rem; color: #c8d6d3; border-bottom: 1px solid rgba(69, 216, 199, .38); font-size: .72rem; letter-spacing: .1em; text-transform: uppercase; }
.inclusion-backlinks svg { width: 1rem; color: var(--inclusion-accent); transform: rotate(180deg); }
.inclusion-backlinks a:hover,
.inclusion-backlinks a:focus-visible { color: #fff; border-color: var(--inclusion-accent); outline: none; }

.inclusion-status {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  margin: clamp(2rem, 4vw, 3.25rem) 0;
  padding: clamp(1.2rem, 2.4vw, 1.8rem);
  background: linear-gradient(100deg, rgba(37, 25, 17, .92), rgba(7, 19, 20, .88));
  border: 1px solid var(--bk-line);
  border-left: 3px solid var(--bk-gold);
}
.inclusion-status-dot { flex: 0 0 auto; width: .65rem; height: .65rem; margin-top: .35rem; background: var(--bk-gold); border-radius: 50%; box-shadow: 0 0 .85rem rgba(221, 167, 98, .62); }
.inclusion-status strong { color: var(--bk-cream); letter-spacing: .06em; text-transform: uppercase; }
.inclusion-status p { margin: .45rem 0 0; color: #c9c2b9; line-height: 1.65; }

.inclusion-topic-grid,
.accessibility-area-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(.8rem, 1.6vw, 1.25rem); }
.inclusion-topic-grid article,
.accessibility-area-card {
  position: relative;
  min-width: 0;
  padding: clamp(1.35rem, 2.5vw, 2.1rem);
  background: linear-gradient(145deg, rgba(14, 29, 29, .94), rgba(6, 14, 17, .9));
  border: 1px solid rgba(69, 216, 199, .3);
  clip-path: polygon(.7rem 0, 100% 0, 100% calc(100% - .7rem), calc(100% - .7rem) 100%, 0 100%, 0 .7rem);
}
.inclusion-topic-grid article > span,
.accessibility-area-card header > span { color: var(--inclusion-accent); font-family: Consolas, "Courier New", monospace; font-size: .66rem; letter-spacing: .12em; }
.inclusion-topic-grid h2,
.accessibility-area-card h2 { margin: .65rem 0 0; font-size: clamp(1.2rem, 2vw, 1.7rem); line-height: 1.15; }
.inclusion-topic-grid p { margin: .85rem 0 0; color: #bdc9c9; line-height: 1.7; }

.accessibility-area-grid { margin-top: clamp(2.5rem, 5vw, 4.5rem); }
.accessibility-area-card { min-height: 30rem; }
.accessibility-area-card--outdoor { background: linear-gradient(145deg, rgba(29, 23, 16, .94), rgba(8, 15, 16, .91)); border-color: var(--bk-line); }
.accessibility-area-card--outdoor header > span { color: var(--bk-gold); }
.accessibility-area-card ul { display: grid; gap: .82rem; margin: 1.5rem 0 0; padding: 0; list-style: none; }
.accessibility-area-card li { position: relative; padding: .72rem .75rem .72rem 1.7rem; color: #d0d8d7; background: rgba(255, 255, 255, .025); border-left: 1px solid color-mix(in srgb, var(--inclusion-accent) 42%, transparent); }
.accessibility-area-card li::before { content: ""; position: absolute; top: 1.05rem; left: .7rem; width: .35rem; height: .35rem; background: var(--inclusion-accent); border-radius: 50%; box-shadow: 0 0 .55rem rgba(69, 216, 199, .5); }
.accessibility-area-card--outdoor li { border-left-color: var(--bk-line); }
.accessibility-area-card--outdoor li::before { background: var(--bk-gold); box-shadow: 0 0 .55rem rgba(221, 167, 98, .48); }

.experience-to-solution {
  margin-top: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: linear-gradient(110deg, rgba(19, 31, 29, .94), rgba(23, 17, 13, .9));
  border: 1px solid rgba(69, 216, 199, .32);
  border-left: 3px solid var(--inclusion-accent);
}
.experience-to-solution .eyebrow { color: var(--inclusion-accent); }
.experience-to-solution h2 { margin: .5rem 0 0; font-size: clamp(1.8rem, 3.5vw, 3.25rem); text-transform: uppercase; }
.experience-to-solution > p:last-child { max-width: 66rem; margin: 1rem 0 0; color: #c5cecc; line-height: 1.75; }

@media (max-width: 800px) {
  .inclusion-project-grid,
  .inclusion-topic-grid,
  .accessibility-area-grid { grid-template-columns: 1fr; }
  .inclusion-project-card { min-height: 0; }
  .accessibility-area-card { min-height: 0; }
}

@media (max-width: 600px) {
  .projects-intro h1 { font-size: clamp(1.7rem, 8.4vw, 2.2rem); letter-spacing: -.045em; overflow-wrap: normal; }
  .inclusion-view { padding: 2rem 1rem 3rem; }
  .inclusion-hero h1 { font-size: clamp(2.05rem, 10.7vw, 3.15rem); line-height: .95; hyphens: auto; }
  .inclusion-project-grid { margin-top: 2.5rem; }
  .inclusion-project-card,
  .inclusion-topic-grid article,
  .accessibility-area-card { padding: 1.25rem; }
  .inclusion-project-card footer { align-items: flex-start; flex-direction: column; }
  .inclusion-status { align-items: flex-start; }
}

/* Founder profile and privacy-conscious practice media archive */
.inclusion-resource-link,
.about-founder-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
  margin-top: clamp(1rem, 2.4vw, 1.75rem);
  padding: clamp(1rem, 2vw, 1.45rem);
  color: #eef5f3;
  background: linear-gradient(100deg, rgba(9, 32, 33, .94), rgba(24, 19, 15, .91));
  border: 1px solid rgba(69, 216, 199, .34);
  transition: transform .25s var(--ease), border-color .25s, box-shadow .25s;
}
.inclusion-resource-link > span:first-child,
.about-founder-link > span { display: grid; gap: .3rem; }
.inclusion-resource-link strong,
.about-founder-link strong { font-size: clamp(1rem, 1.6vw, 1.25rem); text-transform: uppercase; letter-spacing: .035em; }
.inclusion-resource-link small { color: #afc0bd; line-height: 1.5; }
.inclusion-resource-link .round-arrow { flex: 0 0 auto; color: var(--system-teal); }
.inclusion-resource-link:hover,
.inclusion-resource-link:focus-visible,
.about-founder-link:hover,
.about-founder-link:focus-visible { transform: translateY(-.15rem); border-color: currentColor; box-shadow: 0 .8rem 2.2rem rgba(0, 0, 0, .28); outline: none; }

.inline-route-link {
  display: inline-flex;
  align-items: center;
  gap: .7rem;
  margin-top: 1.25rem;
  color: var(--inclusion-accent);
  font-size: .75rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.inline-route-link svg { width: 1rem; height: 1rem; }
.inline-route-link:hover,
.inline-route-link:focus-visible { color: #fff; outline: none; }

.founder-view {
  --founder-accent: var(--bk-gold);
  background:
    radial-gradient(circle at 78% 16%, rgba(182, 112, 54, .12), transparent 31rem),
    linear-gradient(145deg, rgba(21, 15, 12, .34), transparent 55%);
}
.founder-shell,
.praxis-media-shell { width: min(100%, 96rem); margin: 0 auto; }
.founder-backlinks { margin-bottom: clamp(2rem, 4vw, 3.5rem); }
.founder-backlinks a { display: inline-flex; align-items: center; gap: .7rem; padding-bottom: .35rem; color: #d3c7b9; border-bottom: 1px solid rgba(221, 167, 98, .36); font-size: .72rem; letter-spacing: .1em; text-transform: uppercase; }
.founder-backlinks svg { width: 1rem; height: 1rem; color: var(--founder-accent); transform: rotate(180deg); }
.founder-backlinks a:hover,
.founder-backlinks a:focus-visible { color: #fff; border-color: var(--founder-accent); outline: none; }
.founder-hero { max-width: 72rem; }
.founder-hero .eyebrow { color: var(--founder-accent); }
.founder-hero h1 { color: var(--bk-cream); font-size: clamp(2.25rem, 6.4vw, 6.7rem); line-height: .92; }
.founder-hero > p:last-child { max-width: 58rem; }
.founder-profile-panel {
  position: relative;
  display: grid;
  grid-template-columns: minmax(17rem, .78fr) minmax(0, 1.22fr);
  gap: clamp(1.4rem, 3.5vw, 3.5rem);
  align-items: stretch;
  margin-top: clamp(2.4rem, 5vw, 4.75rem);
  padding: clamp(1rem, 2vw, 1.4rem);
  overflow: hidden;
  background: linear-gradient(118deg, rgba(38, 25, 16, .96), rgba(9, 15, 17, .94) 63%, rgba(16, 24, 23, .92));
  border: 1px solid rgba(221, 167, 98, .42);
  clip-path: polygon(1rem 0, 100% 0, 100% calc(100% - 1rem), calc(100% - 1rem) 100%, 0 100%, 0 1rem);
}
.founder-profile-panel::before {
  content: "";
  position: absolute;
  top: 0;
  left: 1rem;
  width: min(34%, 24rem);
  height: 2px;
  background: linear-gradient(90deg, var(--founder-accent), transparent);
  box-shadow: 0 0 1rem rgba(221, 167, 98, .45);
}
.founder-photo {
  position: relative;
  align-self: center;
  width: 100%;
  max-width: 31rem;
  aspect-ratio: 648 / 731;
  margin-inline: auto;
  overflow: hidden;
  background: #ebe7d9;
  border: 1px solid rgba(221, 167, 98, .36);
  clip-path: polygon(.85rem 0, 100% 0, 100% calc(100% - .85rem), calc(100% - .85rem) 100%, 0 100%, 0 .85rem);
  box-shadow: 0 1.1rem 2.7rem rgba(0, 0, 0, .28);
}
.founder-photo::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(5, 10, 12, .24), transparent 9%, transparent 91%, rgba(5, 10, 12, .24)),
    linear-gradient(0deg, rgba(5, 10, 12, .22), transparent 8%, transparent 94%, rgba(5, 10, 12, .1));
  box-shadow: inset 0 0 1.2rem rgba(5, 10, 12, .24);
}
.founder-photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: 50% 50%;
}
.founder-profile-copy { align-self: center; min-width: 0; padding: clamp(.6rem, 2vw, 1.6rem) clamp(.5rem, 2vw, 1.4rem); }
.founder-profile-label { margin: 0; color: var(--founder-accent); font-family: Consolas, "Courier New", monospace; font-size: .7rem; letter-spacing: .14em; }
.founder-profile-copy h2 { margin: .75rem 0 0; color: var(--bk-cream); font-size: clamp(3rem, 7vw, 7rem); line-height: .86; text-transform: uppercase; }
.founder-role { margin: 1rem 0 0; color: #e3c59e; font-size: clamp(1rem, 1.8vw, 1.35rem); line-height: 1.4; }
.founder-profile-copy > p:not(.founder-profile-label):not(.founder-role) { max-width: 46rem; margin: 1.4rem 0 0; color: #cfc7bd; font-size: clamp(1rem, 1.4vw, 1.12rem); line-height: 1.78; }
.founder-focus { display: flex; flex-wrap: wrap; gap: .6rem; margin-top: 1.6rem; }
.founder-focus span { padding: .55rem .8rem; color: #d9bd97; background: rgba(221, 167, 98, .065); border: 1px solid rgba(221, 167, 98, .27); font-family: Consolas, "Courier New", monospace; font-size: .67rem; letter-spacing: .09em; text-transform: uppercase; }
.founder-editorial-note,
.media-editorial-note {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  margin: clamp(2rem, 4vw, 3.25rem) 0;
  padding: clamp(1.15rem, 2.4vw, 1.7rem);
  background: linear-gradient(105deg, rgba(34, 24, 17, .93), rgba(8, 17, 18, .89));
  border: 1px solid rgba(221, 167, 98, .31);
  border-left: 3px solid var(--founder-accent);
}
.founder-editorial-note > span,
.media-editorial-note > span { display: grid; flex: 0 0 auto; width: 1.7rem; height: 1.7rem; place-items: center; color: var(--founder-accent); border: 1px solid currentColor; border-radius: 50%; font-family: Georgia, serif; }
.founder-editorial-note strong,
.media-editorial-note strong { color: var(--bk-cream); letter-spacing: .06em; text-transform: uppercase; }
.founder-editorial-note p,
.media-editorial-note p { margin: .3rem 0 0; color: #c8c1b8; line-height: 1.65; }
.founder-topic-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(.85rem, 1.8vw, 1.35rem); }
.founder-topic-grid article {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 19rem;
  padding: clamp(1.4rem, 2.8vw, 2.3rem);
  background: linear-gradient(145deg, rgba(28, 20, 15, .95), rgba(8, 14, 16, .91));
  border: 1px solid rgba(221, 167, 98, .3);
  clip-path: polygon(.75rem 0, 100% 0, 100% calc(100% - .75rem), calc(100% - .75rem) 100%, 0 100%, 0 .75rem);
}
.founder-topic-grid article:last-child { grid-column: 1 / -1; min-height: 0; }
.founder-topic-grid article::before {
  content: "";
  position: absolute;
  top: 0;
  left: .75rem;
  width: 7rem;
  height: 2px;
  background: linear-gradient(90deg, var(--founder-accent), transparent);
}
.founder-topic-grid article > span { color: var(--founder-accent); font-family: Consolas, "Courier New", monospace; font-size: .67rem; letter-spacing: .12em; }
.founder-topic-grid h2 { margin: .7rem 0 0; color: var(--bk-cream); font-size: clamp(1.35rem, 2.2vw, 2rem); line-height: 1.12; }
.founder-topic-grid p { margin: .9rem 0 0; color: #cbc4bb; line-height: 1.72; }
.founder-topic-grid .editorial-placeholder { padding: .85rem 1rem; color: #baa991; background: rgba(221, 167, 98, .055); border-left: 2px solid rgba(221, 167, 98, .45); font-size: .9rem; }
.founder-topic-grid .editorial-placeholder strong { color: var(--founder-accent); }
.about-founder-link { max-width: 52rem; color: var(--bk-gold); border-color: rgba(221, 167, 98, .34); background: linear-gradient(100deg, rgba(31, 21, 15, .92), rgba(7, 14, 16, .9)); }
.about-founder-link small { color: #bda98e; font-family: Consolas, "Courier New", monospace; letter-spacing: .12em; }
.about-founder-link svg { width: 1.2rem; height: 1.2rem; flex: 0 0 auto; }

.praxis-media-view,
.media-detail-view {
  --media-accent: var(--system-teal);
  background:
    radial-gradient(circle at 82% 18%, rgba(43, 196, 183, .115), transparent 32rem),
    linear-gradient(145deg, rgba(7, 25, 27, .28), transparent 58%);
}
.praxis-media-hero { max-width: 73rem; }
.praxis-media-hero .eyebrow { color: var(--media-accent); }
.praxis-media-hero h1 { color: #e8fffb; font-size: clamp(2.5rem, 7vw, 7.3rem); line-height: .9; }
.praxis-media-hero > p:last-child { max-width: 61rem; }
.media-editorial-note { --founder-accent: var(--media-accent); background: linear-gradient(105deg, rgba(7, 37, 38, .93), rgba(14, 18, 18, .9)); border-color: rgba(69, 216, 199, .31); border-left-color: var(--media-accent); }
.media-editorial-note > span { color: var(--media-accent); }
.media-editorial-note strong { color: #dcfffa; }
.media-section-heading { margin: clamp(2.75rem, 5vw, 5rem) 0 1.25rem; }
.media-section-heading .eyebrow { color: var(--media-accent); }
.media-section-heading h2 { margin: .55rem 0 0; font-size: clamp(1.75rem, 3.8vw, 3.45rem); text-transform: uppercase; }
.media-category-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(.8rem, 1.6vw, 1.25rem); }
.media-category-card {
  --category-accent: var(--media-accent);
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: clamp(1rem, 2.2vw, 1.6rem);
  align-items: start;
  min-width: 0;
  min-height: 14rem;
  padding: clamp(1.35rem, 2.8vw, 2.1rem);
  overflow: hidden;
  background: linear-gradient(145deg, rgba(8, 35, 36, .94), rgba(5, 13, 16, .94));
  border: 1px solid color-mix(in srgb, var(--category-accent) 38%, transparent);
  clip-path: polygon(.8rem 0, 100% 0, 100% calc(100% - .8rem), calc(100% - .8rem) 100%, 0 100%, 0 .8rem);
}
.media-category-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: .8rem;
  width: 32%;
  height: 2px;
  background: linear-gradient(90deg, var(--category-accent), transparent);
  box-shadow: 0 0 .85rem color-mix(in srgb, var(--category-accent) 42%, transparent);
}
.media-category-card::after {
  content: "";
  position: absolute;
  right: -4rem;
  bottom: -5rem;
  width: 12rem;
  height: 12rem;
  background: radial-gradient(circle, color-mix(in srgb, var(--category-accent) 10%, transparent), transparent 70%);
  pointer-events: none;
}
.media-category-card--copper { --category-accent: var(--bk-gold); background: linear-gradient(145deg, rgba(34, 23, 16, .95), rgba(7, 14, 16, .94)); }
.media-category-icon { display: grid; width: 3.6rem; height: 3.6rem; place-items: center; color: var(--category-accent); border: 1px solid currentColor; clip-path: polygon(.6rem 0, 100% 0, 100% calc(100% - .6rem), calc(100% - .6rem) 100%, 0 100%, 0 .6rem); box-shadow: inset 0 0 1.4rem color-mix(in srgb, var(--category-accent) 8%, transparent); }
.media-category-icon svg { width: 1.75rem; height: 1.75rem; }
.media-category-card > div:last-child > span { color: var(--category-accent); font-family: Consolas, "Courier New", monospace; font-size: .68rem; letter-spacing: .11em; }
.media-category-grid h3 { margin: .7rem 0 0; font-size: clamp(1.3rem, 2.2vw, 2rem); line-height: 1.08; }
.media-category-grid p { margin: .85rem 0 0; color: #bdcac8; line-height: 1.65; }
.media-card { display: grid; grid-template-columns: minmax(17rem, .8fr) minmax(0, 1.2fr); min-width: 0; color: #edf8f6; background: linear-gradient(125deg, rgba(7, 37, 39, .95), rgba(8, 16, 19, .94)); border: 1px solid rgba(69, 216, 199, .38); transition: transform .28s var(--ease), border-color .28s, box-shadow .28s; }
.media-card:hover,
.media-card:focus-visible { transform: translateY(-.22rem); border-color: var(--media-accent); box-shadow: 0 1.1rem 2.8rem rgba(0, 0, 0, .3), 0 0 1.7rem rgba(69, 216, 199, .1); outline: none; }
.media-preview { display: grid; min-height: 18rem; place-items: center; align-content: center; gap: .75rem; padding: 1.5rem; color: var(--media-accent); text-align: center; background: radial-gradient(circle, rgba(69, 216, 199, .13), transparent 46%), linear-gradient(135deg, rgba(2, 16, 19, .98), rgba(11, 29, 31, .96)); border-right: 1px solid rgba(69, 216, 199, .24); }
.media-preview-symbol { display: grid; width: 5rem; height: 5rem; place-items: center; border: 1px solid currentColor; clip-path: polygon(.7rem 0, 100% 0, 100% calc(100% - .7rem), calc(100% - .7rem) 100%, 0 100%, 0 .7rem); box-shadow: inset 0 0 1.8rem rgba(69, 216, 199, .08), 0 0 1.5rem rgba(69, 216, 199, .1); }
.media-preview-symbol svg { width: 2.4rem; height: 2.4rem; }
.media-preview--planned strong { font-family: Consolas, "Courier New", monospace; font-size: .78rem; letter-spacing: .18em; }
.media-preview small { letter-spacing: .12em; line-height: 1.45; }
.media-card-copy { min-width: 0; padding: clamp(1.5rem, 3.5vw, 3rem); }
.media-category-label { margin: 0; color: var(--media-accent); font-family: Consolas, "Courier New", monospace; font-size: .7rem; letter-spacing: .14em; }
.media-card h3 { margin: .7rem 0 0; font-size: clamp(1.7rem, 3vw, 3rem); }
.media-card-copy > p:not(.media-category-label) { color: #c3d0ce; line-height: 1.72; }
.media-card dl { display: grid; gap: .6rem; margin: 1.4rem 0; }
.media-card dl div { display: grid; grid-template-columns: 5rem minmax(0, 1fr); gap: .75rem; }
.media-card dt { color: #809a97; text-transform: uppercase; font-size: .7rem; letter-spacing: .09em; }
.media-card dd { margin: 0; color: #d4dfdd; }
.media-preparation-status { display: inline-flex; align-items: center; gap: .65rem; margin: .5rem 0 1.5rem; padding: .58rem .8rem; color: #c5fff6 !important; background: rgba(69, 216, 199, .07); border: 1px solid rgba(69, 216, 199, .28); font-family: Consolas, "Courier New", monospace; font-size: .72rem; letter-spacing: .08em; text-transform: uppercase; }
.media-preparation-status > span { width: .48rem; height: .48rem; background: var(--media-accent); border-radius: 50%; box-shadow: 0 0 .65rem rgba(69, 216, 199, .58); }
.media-card-action { display: inline-flex; align-items: center; gap: .65rem; color: var(--media-accent); font-size: .74rem; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
.media-card-action svg { width: 1rem; height: 1rem; }
.context-link-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; margin-top: clamp(2rem, 4vw, 3.5rem); }
.context-link-grid a { display: flex; align-items: center; justify-content: space-between; gap: .75rem; min-width: 0; padding: 1rem 1.15rem; color: #c9d9d6; background: rgba(7, 24, 25, .72); border: 1px solid rgba(69, 216, 199, .25); font-size: .78rem; letter-spacing: .05em; text-transform: uppercase; }
.context-link-grid a:hover,
.context-link-grid a:focus-visible { color: #fff; border-color: var(--media-accent, var(--bk-gold)); outline: none; }
.context-link-grid svg { width: 1rem; height: 1rem; flex: 0 0 auto; color: var(--media-accent, var(--bk-gold)); }
.context-link-grid--founder { --media-accent: var(--bk-gold); grid-template-columns: repeat(4, minmax(0, 1fr)); }
.context-link-grid--founder a { background: rgba(29, 20, 14, .72); border-color: rgba(221, 167, 98, .25); }

.media-detail-grid { display: grid; grid-template-columns: minmax(20rem, 1fr) minmax(0, 1fr); gap: clamp(1rem, 2.5vw, 2rem); margin-top: clamp(2rem, 4vw, 3.5rem); }
.media-preview--detail { min-height: clamp(20rem, 40vw, 31rem); border: 1px solid rgba(69, 216, 199, .32); }
.media-preview--detail strong { font-size: clamp(1rem, 2vw, 1.4rem); letter-spacing: .09em; }
.media-detail-copy { padding: clamp(1.4rem, 3vw, 2.4rem); background: rgba(7, 25, 27, .88); border: 1px solid rgba(69, 216, 199, .28); }
.media-status { margin: 0 0 1.5rem; padding: 1rem; color: #b8fff3; background: rgba(69, 216, 199, .07); border-left: 3px solid var(--media-accent); line-height: 1.55; }
.media-facts { display: grid; gap: .2rem; margin: 0 0 1.5rem; }
.media-facts div { display: grid; grid-template-columns: 8.5rem minmax(0, 1fr); gap: 1rem; padding: .8rem 0; border-bottom: 1px solid rgba(69, 216, 199, .17); }
.media-facts dt { color: #7fa19c; font-size: .7rem; letter-spacing: .08em; text-transform: uppercase; }
.media-facts dd { margin: 0; color: #d5e2df; }
.media-detail-copy > p:last-child { color: #b7c5c3; line-height: 1.7; }
.media-accessibility-plan { margin-top: clamp(2rem, 4vw, 3.5rem); }
.media-accessibility-plan .eyebrow { color: var(--media-accent); }
.media-accessibility-plan h2 { margin: .5rem 0 1.25rem; font-size: clamp(1.6rem, 3.4vw, 3rem); text-transform: uppercase; }
.media-accessibility-plan > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.media-accessibility-plan article { padding: 1.35rem; background: rgba(6, 26, 28, .82); border: 1px solid rgba(69, 216, 199, .25); }
.media-accessibility-plan h3 { margin: 0; color: #ddfff9; }
.media-accessibility-plan p { margin: .7rem 0 0; color: #b5c6c3; line-height: 1.6; }

@media (max-width: 980px) {
  .context-link-grid--founder { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 800px) {
  .founder-topic-grid,
  .founder-profile-panel,
  .media-card,
  .media-detail-grid { grid-template-columns: 1fr; }
  .founder-topic-grid article:last-child { grid-column: auto; }
  .founder-topic-grid article { min-height: 0; }
  .founder-photo { width: min(100%, 29rem); }
  .media-preview { min-height: 14rem; border-right: 0; border-bottom: 1px solid rgba(69, 216, 199, .24); }
}

@media (max-width: 600px) {
  .founder-view,
  .praxis-media-view,
  .media-detail-view { padding: 2rem 1rem 3rem; }
  .founder-hero h1,
  .praxis-media-hero h1 { font-size: clamp(2.05rem, 10.5vw, 3.2rem); hyphens: auto; overflow-wrap: break-word; }
  .founder-editorial-note,
  .media-editorial-note { padding: 1rem; }
  .founder-topic-grid article { padding: 1.2rem; }
  .media-category-grid,
  .context-link-grid,
  .context-link-grid--founder,
  .media-accessibility-plan > div { grid-template-columns: 1fr; }
  .media-card dl div,
  .media-facts div { grid-template-columns: 1fr; gap: .25rem; }
  .media-card-copy { padding: 1.25rem; }
  .media-category-card { grid-template-columns: 1fr; min-height: 0; padding: 1.25rem; }
  .media-category-icon { width: 3.25rem; height: 3.25rem; }
  .founder-profile-panel { padding: .75rem; }
  .founder-photo { width: min(100%, 24rem); }
  .founder-profile-copy { padding: 1rem .5rem 1.25rem; }
  .inclusion-resource-link,
  .about-founder-link { align-items: flex-start; }
}

/* Erweiterte Bereichsnavigation und sachlich vorbereitete Inhaltsansichten */
.nav-parent-row .nav-link-world {
  margin-top: 0;
  border-top: 0;
}

.nav-group[data-nav-group="bcu"].is-current .nav-parent-row,
.nav-group[data-nav-group="bcu"].is-open .nav-parent-row {
  background: linear-gradient(90deg, rgba(177, 92, 236, .13), transparent);
}

.nav-group[data-nav-group="bcu"] .nav-submenu-link::before {
  border-color: rgba(191, 112, 244, .72);
}

.nav-group[data-nav-group="bcu"] .nav-submenu-link:hover,
.nav-group[data-nav-group="bcu"] .nav-submenu-link:focus-visible,
.nav-group[data-nav-group="bcu"] .nav-submenu-link.is-active {
  color: #d8aff7;
}

.future-area-view {
  --future-accent: var(--bk-gold);
  background:
    radial-gradient(circle at 82% 14%, color-mix(in srgb, var(--future-accent) 9%, transparent), transparent 30rem),
    linear-gradient(145deg, rgba(28, 20, 15, .28), transparent 58%);
}

.future-area-view--ciu,
.future-area-view--technology {
  --future-accent: var(--cyan);
  background:
    radial-gradient(circle at 84% 14%, rgba(42, 192, 232, .1), transparent 30rem),
    linear-gradient(145deg, rgba(4, 28, 35, .3), transparent 58%);
}

/* Verbotener Sektor: gekapselter Beatkonstruktor Security Core */
#verbotener-sektor .bk-security-shell {
  --bks-bg: #02070c;
  --bks-blue: #00a8ff;
  --bks-cyan: #00eaff;
  --bks-gold: #d5a84f;
  --bks-gold-light: #ffe29a;
  --bks-red: #ff352b;
  --bks-text: #d9e7ef;
  --bks-muted: #8197a5;
  position: relative;
  width: 100%;
  overflow: hidden;
  color: var(--bks-text);
  background: radial-gradient(circle at 50% 35%, rgba(0, 168, 255, .08), transparent 38%), linear-gradient(180deg, #010509, #020b11 60%, #010407);
  border: 1px solid rgba(0, 168, 255, .25);
  box-shadow: 0 0 3.125rem rgba(0, 168, 255, .08), inset 0 0 3.75rem rgba(0, 168, 255, .025);
  font-family: "Segoe UI", Arial, sans-serif;
  isolation: isolate;
}

#verbotener-sektor .bk-security-shell,
#verbotener-sektor .bk-security-shell * { box-sizing: border-box; }

#verbotener-sektor .bk-security-shell::before,
#verbotener-sektor .bk-security-shell::after { content: ""; position: absolute; z-index: 10; width: 6.25rem; height: 6.25rem; pointer-events: none; }
#verbotener-sektor .bk-security-shell::before { top: 0; left: 0; border-top: 2px solid var(--bks-blue); border-left: 2px solid var(--bks-blue); }
#verbotener-sektor .bk-security-shell::after { right: 0; bottom: 0; border-right: 2px solid var(--bks-blue); border-bottom: 2px solid var(--bks-blue); }

#verbotener-sektor .bk-security-grid-bg { position: absolute; z-index: -2; inset: 0; pointer-events: none; background-image: linear-gradient(rgba(0, 168, 255, .035) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 168, 255, .035) 1px, transparent 1px); background-size: 2.5rem 2.5rem; }
#verbotener-sektor .bk-security-scanline { position: absolute; z-index: 9; right: 0; left: 0; height: 2px; opacity: .15; pointer-events: none; background: linear-gradient(90deg, transparent, rgba(0, 234, 255, .7), transparent); animation: bksScanline 9s linear infinite; }

#verbotener-sektor .bk-security-boot { position: absolute; z-index: 50; inset: 0; display: flex; align-items: center; justify-content: center; padding: 1.25rem; visibility: hidden; pointer-events: none; background: #010407; animation: bksBootOverlay 3.8s ease both; }
#verbotener-sektor .bk-boot-box { width: min(36.25rem, 90%); padding: 1.75rem; background: rgba(0, 12, 20, .92); border: 1px solid rgba(0, 168, 255, .35); box-shadow: 0 0 2.5rem rgba(0, 168, 255, .08); }
#verbotener-sektor .bk-boot-title { margin-bottom: 1.25rem; color: var(--bks-cyan); font-family: Consolas, monospace; line-height: 1.5; letter-spacing: .15em; }
#verbotener-sektor .bk-boot-line { margin: .5rem 0; opacity: 0; color: #7892a1; font-family: Consolas, monospace; font-size: .8125rem; animation: bksBootText .3s forwards; }
#verbotener-sektor .bk-boot-line:nth-child(2) { animation-delay: .3s; }
#verbotener-sektor .bk-boot-line:nth-child(3) { animation-delay: .7s; }
#verbotener-sektor .bk-boot-line:nth-child(4) { animation-delay: 1.1s; }
#verbotener-sektor .bk-boot-line:nth-child(5) { animation-delay: 1.5s; }
#verbotener-sektor .bk-boot-line:nth-child(6) { animation-delay: 1.9s; }
#verbotener-sektor .bk-boot-line b { color: #56ffbd; }

#verbotener-sektor .bk-security-header { position: relative; padding: 2.375rem 1.25rem 1.625rem; overflow: hidden; text-align: center; border-bottom: 1px solid rgba(0, 168, 255, .15); }
#verbotener-sektor .bk-security-header::after { content: ""; position: absolute; right: 20%; bottom: -1px; left: 20%; height: 1px; background: linear-gradient(90deg, transparent, var(--bks-blue), transparent); box-shadow: 0 0 .875rem var(--bks-blue); }
#verbotener-sektor .bk-security-logo { color: var(--bks-gold-light); font-size: clamp(2rem, 5vw, 4.5rem); font-weight: 900; line-height: 1; letter-spacing: .08em; text-shadow: 0 0 .4375rem rgba(255, 220, 140, .3), 0 0 1.75rem rgba(213, 168, 79, .16); animation: bksLogoBoot 1.7s ease both; overflow-wrap: anywhere; }
#verbotener-sektor .bk-security-tagline { margin-top: .625rem; color: var(--bks-gold); font-size: .75rem; line-height: 1.7; letter-spacing: .45em; }

#verbotener-sektor .bk-security-statusbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: .9375rem 2rem; padding: .6875rem .9375rem; color: #5c8297; background: rgba(0, 168, 255, .025); border-bottom: 1px solid rgba(0, 168, 255, .12); font-family: Consolas, monospace; font-size: .625rem; }
#verbotener-sektor .bk-security-statusbar span::before { content: "●"; margin-right: .4375rem; color: var(--bks-cyan); text-shadow: 0 0 .5rem var(--bks-cyan); }

#verbotener-sektor .bk-security-layout { display: grid; grid-template-columns: minmax(11.875rem, .9fr) minmax(0, 2fr) minmax(11.875rem, .9fr); gap: 1.375rem; width: 100%; padding: 2.375rem 2rem 1.875rem; }
#verbotener-sektor .bk-security-panel { position: relative; min-width: 0; padding: 1.5rem 1.25rem; background: linear-gradient(145deg, rgba(213, 168, 79, .025), rgba(0, 168, 255, .025)); border: 1px solid rgba(213, 168, 79, .16); transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease; }
#verbotener-sektor .bk-security-panel-section + .bk-security-panel-section { margin-top: 3rem; }
#verbotener-sektor .bk-security-panel h2 { margin: 0 0 .875rem; color: var(--bks-gold); font-size: clamp(1rem, 1.4vw, 1.25rem); line-height: 1.25; letter-spacing: .05em; }
#verbotener-sektor .bk-security-panel p { margin: 0; color: #b8c3c9; font-size: .875rem; line-height: 1.7; }
#verbotener-sektor .bk-security-panel-icon { margin-bottom: .875rem; font-size: 1.875rem; filter: drop-shadow(0 0 .5rem rgba(213, 168, 79, .3)); }

#verbotener-sektor .bk-security-core { position: relative; display: flex; width: 100%; min-width: 0; min-height: 32.5rem; flex-direction: column; align-items: center; justify-content: center; overflow: hidden; isolation: isolate; }
#verbotener-sektor .bk-security-ring { position: absolute; top: 46%; left: 50%; border-radius: 50%; pointer-events: none; transform: translate(-50%, -50%); }
#verbotener-sektor .bk-security-ring-one { width: min(27.5rem, 92%); aspect-ratio: 1; border: 1px dashed rgba(213, 168, 79, .25); animation: bksRingOne 35s linear infinite; }
#verbotener-sektor .bk-security-ring-two { width: min(23.125rem, 80%); aspect-ratio: 1; border: 1px solid rgba(0, 168, 255, .18); animation: bksRingTwo 25s linear infinite; }
#verbotener-sektor .bk-security-ring-three { width: min(18.75rem, 68%); aspect-ratio: 1; border: 1px solid rgba(213, 168, 79, .18); }
#verbotener-sektor .bk-security-energy { position: absolute; top: 46%; width: 43%; height: 1px; opacity: .4; pointer-events: none; background: linear-gradient(90deg, transparent, var(--bks-gold), transparent); }
#verbotener-sektor .bk-security-energy-left { left: 0; }
#verbotener-sektor .bk-security-energy-right { right: 0; }
#verbotener-sektor .bk-security-energy::after { content: ""; position: absolute; width: 2.8125rem; height: 2px; background: #fff1b8; box-shadow: 0 0 .75rem var(--bks-gold); animation: bksEnergyTravel 2.7s ease-in-out infinite; }
#verbotener-sektor .bk-security-energy-right::after { animation-direction: reverse; }

#verbotener-sektor .bk-security-shield { position: relative; z-index: 2; display: flex; width: min(14.6875rem, 55%); aspect-ratio: 245 / 290; align-items: center; justify-content: center; overflow: hidden; background: linear-gradient(145deg, #49371b, #17130d 45%, #6c4b19); clip-path: polygon(50% 0, 94% 15%, 88% 72%, 50% 100%, 12% 72%, 6% 15%); box-shadow: 0 0 1.875rem rgba(213, 168, 79, .25); animation: bksShieldBoot 2.2s ease both, bksShieldPulse 5s 2.3s ease-in-out infinite; }
#verbotener-sektor .bk-security-shield::after { content: ""; position: absolute; top: -40%; left: -100%; width: 50%; height: 180%; background: linear-gradient(90deg, transparent, rgba(255, 240, 190, .22), transparent); transform: rotate(25deg); animation: bksMetalSweep 7s ease-in-out infinite; }
#verbotener-sektor .bk-security-lock { position: relative; z-index: 3; width: 44%; max-width: 6.5625rem; aspect-ratio: 105 / 95; margin-top: 18%; background: linear-gradient(145deg, #b17b25, #4b310d); border: 3px solid var(--bks-gold); box-shadow: 0 0 1.25rem rgba(213, 168, 79, .3); animation: bksLockPulse 7s ease-in-out infinite; }
#verbotener-sektor .bk-security-lock::before { content: ""; position: absolute; top: -60%; left: 20%; width: 60%; aspect-ratio: 1; border: 7px solid var(--bks-gold); border-bottom: 0; border-radius: 3.125rem 3.125rem 0 0; }
#verbotener-sektor .bk-security-keyhole { position: absolute; top: 48%; left: 50%; width: 20%; min-width: .8125rem; aspect-ratio: 1; background: #050505; border-radius: 50%; box-shadow: 0 0 .625rem rgba(255, 220, 120, .35); transform: translate(-50%, -50%); }
#verbotener-sektor .bk-security-keyhole::after { content: ""; position: absolute; top: 55%; left: 29%; width: 42%; height: 150%; background: #050505; }

#verbotener-sektor .bk-security-core-title { position: relative; z-index: 5; width: 100%; margin-top: 1.5rem; padding: 0 .5rem; overflow: hidden; text-align: center; }
#verbotener-sektor .bk-security-core-title h1 { width: 100%; margin: 0; color: var(--bks-gold-light); font-size: clamp(1.6rem, 4.2vw, 3.5rem); line-height: 1.05; letter-spacing: .015em; text-shadow: 0 0 .5rem rgba(255, 226, 154, .25), 0 0 1.125rem rgba(213, 168, 79, .3); overflow-wrap: anywhere; }
#verbotener-sektor .bk-security-core-title p { margin: .625rem 0 0; padding: 0 .625rem; color: var(--bks-gold); font-size: clamp(.5rem, .8vw, .6875rem); line-height: 1.5; letter-spacing: .32em; }
#verbotener-sektor .bk-copy-warning { position: absolute; z-index: 4; padding: .375rem .75rem; opacity: .25; pointer-events: none; color: var(--bks-red); border: 1px solid rgba(255, 53, 43, .55); font-family: Consolas, monospace; font-size: clamp(.5625rem, 1vw, .8125rem); letter-spacing: .15em; animation: bksCopyFlash 6s infinite; }
#verbotener-sektor .bk-copy-1 { top: 25%; left: 5%; transform: rotate(-7deg); }
#verbotener-sektor .bk-copy-2 { top: 30%; right: 5%; transform: rotate(7deg); animation-delay: 2.4s; }
#verbotener-sektor .bk-copy-3 { right: 10%; bottom: 18%; transform: rotate(-5deg); animation-delay: 4.2s; }

#verbotener-sektor .bk-security-modules { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); margin: .9375rem 2rem 0; border-top: 1px solid rgba(0, 168, 255, .15); border-bottom: 1px solid rgba(0, 168, 255, .15); }
#verbotener-sektor .bk-security-module { position: relative; min-width: 0; min-height: 8.125rem; padding: 1.375rem .625rem; overflow: hidden; text-align: center; border-right: 1px solid rgba(0, 168, 255, .1); transition: background .3s ease, box-shadow .3s ease; }
#verbotener-sektor .bk-security-module:last-child { border-right: 0; }
#verbotener-sektor .bk-security-module::before { content: ""; position: absolute; top: 0; left: -100%; width: 100%; height: 1px; background: linear-gradient(90deg, transparent, var(--bks-cyan), transparent); transition: left .6s ease; }
#verbotener-sektor .bk-security-module-icon { margin-bottom: .5625rem; color: var(--bks-gold); font-size: 1.8125rem; }
#verbotener-sektor .bk-security-module strong { display: block; color: var(--bks-gold); font-size: clamp(.625rem, .9vw, .8125rem); line-height: 1.4; letter-spacing: .06em; overflow-wrap: anywhere; }
#verbotener-sektor .bk-security-module small { display: block; margin-top: .4375rem; color: var(--bks-muted); font-size: .6875rem; line-height: 1.5; }
#verbotener-sektor .bk-security-fingerprint::after { content: ""; position: absolute; top: 25%; right: 15%; left: 15%; height: 2px; opacity: 0; background: var(--bks-cyan); box-shadow: 0 0 .625rem var(--bks-cyan); }
#verbotener-sektor .bk-security-footer { padding: 1.75rem 1.25rem 2rem; color: var(--bks-gold); text-align: center; font-size: .6875rem; line-height: 1.7; letter-spacing: .25em; }
#verbotener-sektor .bk-security-footer span { display: block; margin-top: .5rem; color: #597180; }

@media (hover: hover) {
  #verbotener-sektor .bk-security-panel:hover { border-color: rgba(0, 168, 255, .45); box-shadow: 0 0 1.5625rem rgba(0, 168, 255, .08); transform: translateY(-2px); }
  #verbotener-sektor .bk-security-module:hover { background: rgba(0, 168, 255, .055); box-shadow: inset 0 0 1.5625rem rgba(0, 168, 255, .05); }
  #verbotener-sektor .bk-security-module:hover::before { left: 100%; }
  #verbotener-sektor .bk-security-fingerprint:hover::after { opacity: 1; animation: bksFingerScan 1.3s linear infinite; }
}

@keyframes bksScanline { from { top: -5%; } to { top: 105%; } }
@keyframes bksBootOverlay { 0%, 72% { opacity: 1; visibility: visible; } 100% { opacity: 0; visibility: hidden; } }
@keyframes bksBootText { to { opacity: 1; } }
@keyframes bksLogoBoot { 0% { opacity: 0; filter: blur(.75rem); transform: scale(.97); } 60% { opacity: 1; filter: blur(0); } 75% { text-shadow: 0 0 1.25rem #fff0bd, 0 0 2.8125rem #d5a84f; } 100% { transform: scale(1); } }
@keyframes bksRingOne { to { transform: translate(-50%, -50%) rotate(360deg); } }
@keyframes bksRingTwo { to { transform: translate(-50%, -50%) rotate(-360deg); } }
@keyframes bksEnergyTravel { from { left: 0; opacity: 0; } 20%, 80% { opacity: 1; } to { left: calc(100% - 2.8125rem); opacity: 0; } }
@keyframes bksShieldBoot { 0% { opacity: 0; filter: brightness(.2); transform: scale(.75); } 55% { opacity: 1; filter: brightness(2); transform: scale(1.04); } 100% { filter: brightness(1); transform: scale(1); } }
@keyframes bksShieldPulse { 0%, 100% { filter: brightness(1); } 50% { filter: brightness(1.16); } }
@keyframes bksMetalSweep { 0%, 65% { left: -100%; } 90%, 100% { left: 150%; } }
@keyframes bksLockPulse { 0%, 90%, 100% { box-shadow: 0 0 1.25rem rgba(213, 168, 79, .3); } 94% { box-shadow: 0 0 2.1875rem rgba(255, 210, 100, .75); } }
@keyframes bksCopyFlash { 0%, 86%, 100% { opacity: .18; box-shadow: none; } 89% { opacity: .9; box-shadow: 0 0 .9375rem rgba(255, 53, 43, .5); } 92% { opacity: .25; } 95% { opacity: .75; } }
@keyframes bksFingerScan { from { top: 25%; } to { top: 75%; } }

@media (max-width: 1250px) {
  #verbotener-sektor .bk-security-layout { grid-template-columns: minmax(10.9375rem, .85fr) minmax(0, 1.75fr) minmax(10.9375rem, .85fr); gap: 1.125rem; padding: 2.125rem 1.625rem 1.75rem; }
  #verbotener-sektor .bk-security-panel { padding: 1.375rem 1.0625rem; }
  #verbotener-sektor .bk-security-panel p { font-size: .8125rem; }
  #verbotener-sektor .bk-security-modules { margin-right: 1.625rem; margin-left: 1.625rem; }
}

@media (max-width: 900px) {
  #verbotener-sektor .bk-security-layout { grid-template-columns: minmax(0, 1fr); padding: 1.75rem 1.25rem; }
  #verbotener-sektor .bk-security-core { order: -1; min-height: 31.875rem; }
  #verbotener-sektor .bk-security-panel { width: 100%; }
  #verbotener-sektor .bk-security-modules { grid-template-columns: repeat(2, minmax(0, 1fr)); margin: .625rem 1.25rem 0; }
  #verbotener-sektor .bk-security-module { border-bottom: 1px solid rgba(0, 168, 255, .1); }
  #verbotener-sektor .bk-security-module:nth-child(even) { border-right: 0; }
}

@media (max-width: 600px) {
  #verbotener-sektor .bk-security-header { padding: 1.875rem .75rem 1.375rem; }
  #verbotener-sektor .bk-security-logo { font-size: clamp(1.7rem, 9vw, 2.8rem); letter-spacing: .025em; }
  #verbotener-sektor .bk-security-tagline { font-size: .5625rem; line-height: 1.8; letter-spacing: .16em; }
  #verbotener-sektor .bk-security-statusbar { gap: .5rem .9375rem; font-size: .5rem; }
  #verbotener-sektor .bk-security-layout { padding: 1.375rem .875rem; }
  #verbotener-sektor .bk-security-core { min-height: 27.5rem; }
  #verbotener-sektor .bk-security-ring-one { width: 94%; }
  #verbotener-sektor .bk-security-ring-two { width: 80%; }
  #verbotener-sektor .bk-security-ring-three { width: 66%; }
  #verbotener-sektor .bk-security-shield { width: 52%; }
  #verbotener-sektor .bk-security-core-title h1 { font-size: clamp(1.55rem, 9.5vw, 2.625rem); letter-spacing: -.01em; }
  #verbotener-sektor .bk-security-core-title p { font-size: .5rem; letter-spacing: .18em; }
  #verbotener-sektor .bk-copy-warning { padding: .25rem .4375rem; font-size: .5rem; }
  #verbotener-sektor .bk-security-modules { grid-template-columns: minmax(0, 1fr); margin: .625rem .875rem 0; }
  #verbotener-sektor .bk-security-module { border-right: 0; }
  #verbotener-sektor .bk-security-footer { font-size: .5625rem; letter-spacing: .12em; }
  #verbotener-sektor .bk-boot-box { padding: 1.25rem; }
  #verbotener-sektor .bk-boot-title { font-size: .75rem; }
  #verbotener-sektor .bk-boot-line { font-size: .625rem; }
}

@media (prefers-reduced-motion: reduce) {
  #verbotener-sektor .bk-security-shell *,
  #verbotener-sektor .bk-security-shell *::before,
  #verbotener-sektor .bk-security-shell *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  #verbotener-sektor .bk-security-boot { display: none; }
}

.future-area-view--archive {
  --future-accent: var(--system-teal);
  background:
    radial-gradient(circle at 84% 14%, rgba(69, 216, 199, .1), transparent 30rem),
    linear-gradient(145deg, rgba(5, 31, 30, .3), transparent 58%);
}

.future-area-view--archive .code-archive-hero {
  position: relative;
  isolation: isolate;
  width: 100%;
  max-width: none;
  min-height: clamp(32rem, 60vw, 48rem);
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  border: 1px solid rgba(63, 220, 213, .3);
  background: #05090c;
  box-shadow: 0 2rem 6rem rgba(0, 0, 0, .42), inset 0 0 0 1px rgba(255, 255, 255, .025);
  clip-path: polygon(1.2rem 0, 100% 0, 100% calc(100% - 1.2rem), calc(100% - 1.2rem) 100%, 0 100%, 0 1.2rem);
}

.future-area-view--archive .code-archive-hero::before,
.future-area-view--archive .code-archive-hero::after {
  position: absolute;
  z-index: 4;
  content: "";
  pointer-events: none;
}

.future-area-view--archive .code-archive-hero::before {
  inset: 0;
  opacity: .28;
  background-image: linear-gradient(rgba(0, 229, 255, .12) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 229, 255, .08) 1px, transparent 1px);
  background-size: 4rem 4rem;
  -webkit-mask-image: linear-gradient(to bottom, transparent 8%, #000 70%);
  mask-image: linear-gradient(to bottom, transparent 8%, #000 70%);
}

.future-area-view--archive .code-archive-hero::after {
  top: 0;
  left: 1.2rem;
  width: min(13rem, 30%);
  height: 2px;
  background: linear-gradient(90deg, #42ded5, #39b9ef 65%, transparent);
  box-shadow: 0 0 1rem rgba(66, 222, 213, .75);
}

.future-area-view--archive .code-archive-hero__image {
  position: absolute;
  z-index: -3;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
  filter: saturate(.9) contrast(1.04) brightness(.7);
  transform: scale(1.015);
}

.future-area-view--archive .code-archive-hero__shade {
  position: absolute;
  z-index: -2;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(2, 6, 9, .94) 0%, rgba(2, 7, 10, .73) 38%, rgba(2, 7, 10, .18) 70%, rgba(2, 7, 10, .42) 100%),
    linear-gradient(0deg, rgba(2, 6, 9, .96) 0%, transparent 55%);
}

.future-area-view--archive .code-archive-hero__content {
  position: relative;
  z-index: 5;
  width: min(62rem, 76%);
  padding: clamp(2rem, 5vw, 4.6rem);
  padding-bottom: clamp(5.5rem, 10vw, 8rem);
}

.future-area-view--archive .code-archive-hero__content .eyebrow {
  margin-bottom: 1rem;
  text-shadow: 0 0 1.3rem rgba(69, 216, 199, .42);
}

.future-area-view--archive .code-archive-hero__content h1 {
  max-width: 12ch;
  margin: 0;
  font-size: clamp(3rem, 7vw, 7rem);
  line-height: .88;
  text-shadow: 0 .18rem .25rem rgba(0, 0, 0, .95), 0 0 2.5rem rgba(0, 0, 0, .86);
}

.future-area-view--archive .code-archive-hero__content > p:last-of-type {
  max-width: 48rem;
  margin: 1.4rem 0 0;
  color: #c4ced2;
  font-size: clamp(1rem, 1.55vw, 1.25rem);
  line-height: 1.65;
  text-shadow: 0 .1rem .3rem #000;
}

.future-area-view--archive .code-archive-hero__chain {
  display: flex;
  align-items: center;
  max-width: 38rem;
  margin-top: 2rem;
  gap: .7rem;
  color: #d7f8f5;
  font-family: Consolas, "Courier New", monospace;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.future-area-view--archive .code-archive-hero__chain span { display: flex; align-items: center; gap: .45rem; white-space: nowrap; }
.future-area-view--archive .code-archive-hero__chain small { color: #45d8c7; font: inherit; opacity: .72; }
.future-area-view--archive .code-archive-hero__chain i { flex: 1 1 3rem; height: 1px; background: linear-gradient(90deg, rgba(69, 216, 199, .25), #45d8c7, rgba(69, 216, 199, .25)); box-shadow: 0 0 .7rem rgba(69, 216, 199, .5); }

.future-area-view--archive .code-archive-hero__layer {
  position: absolute;
  z-index: 6;
  right: clamp(1.2rem, 3vw, 2.8rem);
  bottom: clamp(1.2rem, 2.5vw, 2.2rem);
  display: flex;
  gap: 1rem;
  align-items: center;
  color: #7c939d;
  font-family: Consolas, "Courier New", monospace;
  font-size: .59rem;
  letter-spacing: .17em;
}

.future-area-view--archive .code-archive-hero__layer strong { color: #45d8c7; font: inherit; }

@media (max-width: 760px) {
  .future-area-view--archive .code-archive-hero { min-height: 34rem; align-items: flex-end; }
  .future-area-view--archive .code-archive-hero__image { object-position: 54% 50%; }
  .future-area-view--archive .code-archive-hero__shade { background: linear-gradient(0deg, rgba(2, 6, 9, .98) 0%, rgba(2, 7, 10, .7) 62%, rgba(2, 7, 10, .18) 100%); }
  .future-area-view--archive .code-archive-hero__content { width: 100%; padding: 1.5rem 1.2rem 6.8rem; }
  .future-area-view--archive .code-archive-hero__content h1 { max-width: 10ch; font-size: clamp(2.6rem, 14vw, 4.2rem); }
  .future-area-view--archive .code-archive-hero__chain { flex-wrap: wrap; gap: .65rem; }
  .future-area-view--archive .code-archive-hero__chain i { flex: 0 1 1.5rem; }
  .future-area-view--archive .code-archive-hero__layer { right: auto; left: 1.2rem; bottom: 1.25rem; flex-direction: column; align-items: flex-start; gap: .35rem; }
}

.future-area-view--ecosystem {
  --future-accent: var(--purple);
  background:
    radial-gradient(circle at 80% 14%, rgba(177, 92, 236, .1), transparent 29rem),
    linear-gradient(145deg, rgba(30, 17, 36, .25), transparent 58%);
}

.future-area-view--museum {
  --future-accent: #c8a468;
  background:
    radial-gradient(circle at 80% 12%, rgba(177, 92, 236, .08), transparent 28rem),
    linear-gradient(145deg, rgba(38, 26, 16, .3), transparent 58%);
}

.future-area-view--partner {
  --future-accent: #e6532d;
  background:
    radial-gradient(circle at 86% 10%, rgba(230, 83, 45, .1), transparent 30rem),
    radial-gradient(circle at 12% 82%, rgba(69, 216, 199, .07), transparent 28rem),
    linear-gradient(145deg, rgba(30, 17, 14, .3), transparent 58%);
}

.partner-overview-grid {
  margin-top: clamp(2.5rem, 5vw, 4.5rem);
}

.partner-overview-grid a {
  min-height: clamp(16rem, 30vw, 23rem);
  align-items: stretch;
  padding: clamp(1.5rem, 4vw, 3rem);
  background:
    radial-gradient(circle at 90% 10%, rgba(230, 83, 45, .1), transparent 17rem),
    linear-gradient(145deg, rgba(11, 24, 29, .95), rgba(8, 11, 14, .96));
}

.partner-overview-grid a > span {
  align-content: start;
  gap: .85rem;
}

.partner-overview-grid strong {
  color: #f3eee7;
  font-size: clamp(1.75rem, 3.5vw, 3rem);
  line-height: 1.05;
}

.partner-overview-grid .partner-card-kicker,
.partner-network-code {
  color: var(--future-accent);
  font-family: Consolas, "Courier New", monospace;
  font-size: clamp(.65rem, 1vw, .75rem);
  font-weight: 700;
  letter-spacing: .17em;
  line-height: 1.6;
  text-transform: uppercase;
}

.partner-overview-grid .partner-card-code {
  color: #c7a66a;
  font-family: Consolas, "Courier New", monospace;
  font-size: clamp(.65rem, 1vw, .76rem);
  letter-spacing: .1em;
  line-height: 1.7;
}

.partner-overview-grid .partner-card-status {
  margin-top: auto;
  padding-top: 1rem;
  color: #71848b;
  border-top: 1px solid rgba(255, 255, 255, .08);
  font-family: Consolas, "Courier New", monospace;
  font-size: .65rem;
  letter-spacing: .13em;
}

.partner-overview-grid .partner-card-status b {
  color: #59d49c;
}

.partner-detail-hero .partner-network-code {
  max-width: 60rem;
  margin-top: clamp(1.3rem, 3vw, 2rem);
  color: #c7a66a;
}

.partner-network-stage {
  position: relative;
  display: grid;
  min-height: clamp(23rem, 54vw, 40rem);
  margin-top: clamp(2.5rem, 5vw, 4.5rem);
  place-items: center;
  overflow: hidden;
  background:
    radial-gradient(circle at center, rgba(26, 92, 101, .22), transparent 34%),
    linear-gradient(rgba(73, 171, 185, .045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(73, 171, 185, .045) 1px, transparent 1px),
    rgba(4, 14, 18, .88);
  background-size: auto, 4rem 4rem, 4rem 4rem, auto;
  border: 1px solid rgba(199, 166, 106, .3);
  isolation: isolate;
}

.partner-network-stage::before,
.partner-network-stage::after {
  content: "";
  position: absolute;
  z-index: -1;
  width: 70%;
  height: 42%;
  border: 1px solid rgba(83, 178, 190, .32);
  border-radius: 49% 51% 44% 56% / 54% 39% 61% 46%;
  transform: rotate(-8deg);
}

.partner-network-stage::after {
  width: 42%;
  height: 30%;
  border-color: rgba(230, 83, 45, .28);
  transform: rotate(21deg) translate(32%, -10%);
}

.partner-network-stage > p {
  position: absolute;
  top: 1.5rem;
  left: 50%;
  margin: 0;
  color: var(--future-accent);
  font-family: Consolas, "Courier New", monospace;
  font-size: .65rem;
  letter-spacing: .22em;
  text-align: center;
  transform: translateX(-50%);
}

.partner-network-stage > p small {
  display: block;
  margin-top: .7rem;
  color: #c7a66a;
  letter-spacing: .13em;
  white-space: nowrap;
}

.partner-orbit {
  position: absolute;
  border: 1px dashed rgba(199, 166, 106, .28);
  border-radius: 50%;
}

.partner-orbit--outer { width: 74%; aspect-ratio: 2 / 1; }
.partner-orbit--inner { width: 44%; aspect-ratio: 2 / 1; border-color: rgba(230, 83, 45, .36); }

.partner-node {
  position: absolute;
  display: grid;
  width: 1rem;
  height: 1rem;
  place-items: center;
  background: #071014;
  border: 2px solid var(--future-accent);
  transform: rotate(45deg);
  box-shadow: 0 0 1.4rem rgba(230, 83, 45, .45);
}

.partner-node--core {
  width: 4.8rem;
  height: 4.8rem;
  color: #f4eee6;
  border-color: #c7a66a;
  font-family: Georgia, serif;
  font-size: 1.35rem;
  transform: rotate(45deg);
}

.partner-node--core::before {
  content: "BK";
  font-size: 1.35rem;
  transform: rotate(-45deg);
}

.partner-node--core { font-size: 0; }
.partner-node--one { top: 34%; left: 21%; }
.partner-node--two { top: 27%; right: 25%; }
.partner-node--three { right: 18%; bottom: 27%; }
.partner-node--four { bottom: 23%; left: 28%; }
.partner-node--five { top: 17%; left: 48%; }

.partner-network-indicator {
  display: flex;
  align-items: center;
  width: min(100%, 66rem);
  margin-top: clamp(2.5rem, 5vw, 4.5rem);
  gap: clamp(.7rem, 2vw, 1.5rem);
  padding: clamp(1.25rem, 3vw, 2rem);
  color: #71848b;
  background: rgba(5, 15, 19, .9);
  border: 1px solid rgba(230, 83, 45, .26);
  font-family: Consolas, "Courier New", monospace;
  font-size: clamp(.68rem, 1.15vw, .8rem);
  letter-spacing: .15em;
}

.partner-network-indicator strong {
  color: #59d49c;
}

.partner-network-indicator i {
  width: .35rem;
  height: .35rem;
  flex: 0 0 auto;
  background: var(--future-accent);
  border-radius: 50%;
  box-shadow: 0 0 .8rem var(--future-accent);
}

@media (max-width: 700px) {
  .partner-overview-grid a {
    min-height: 19rem;
  }

  .partner-network-stage {
    min-height: 24rem;
  }

  .partner-network-stage::before {
    width: 92%;
  }

  .partner-orbit--outer { width: 92%; }
  .partner-orbit--inner { width: 64%; }

  .partner-network-indicator {
    align-items: flex-start;
    flex-wrap: wrap;
  }
}

/* Moderne Zentralen: Technologieübersicht und Partnerübersicht */
#technologie {
  padding: clamp(1.25rem, 3vw, 2.5rem);
  background:
    radial-gradient(circle at 79% 12%, rgba(34, 187, 221, .15), transparent 28rem),
    radial-gradient(circle at 12% 88%, rgba(58, 102, 169, .12), transparent 28rem),
    linear-gradient(145deg, #031019, #02080d 66%, #071016);
}

#technologie .technology-overview-shell {
  --tech-overview-accent: #35c8e8;
  --tech-overview-blue: #4b78d4;
  position: relative;
  width: min(100%, 92rem);
  margin-inline: auto;
  overflow: hidden;
  background: linear-gradient(145deg, rgba(5, 25, 36, .97), rgba(2, 10, 16, .98));
  border: 1px solid rgba(53, 200, 232, .3);
  box-shadow: 0 1.8rem 5rem rgba(0, 0, 0, .4), inset 0 0 4rem rgba(53, 200, 232, .025);
}

#technologie .technology-overview-shell::before,
#technologie .technology-overview-shell::after {
  position: absolute;
  z-index: 4;
  width: 6rem;
  height: 6rem;
  content: "";
  pointer-events: none;
}

#technologie .technology-overview-shell::before { top: 0; left: 0; border-top: 2px solid var(--tech-overview-accent); border-left: 2px solid var(--tech-overview-accent); }
#technologie .technology-overview-shell::after { right: 0; bottom: 0; border-right: 2px solid var(--tech-overview-blue); border-bottom: 2px solid var(--tech-overview-blue); }

#technologie .technology-grid,
#partner .partner-overview-grid-bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: linear-gradient(rgba(53, 200, 232, .035) 1px, transparent 1px), linear-gradient(90deg, rgba(53, 200, 232, .035) 1px, transparent 1px);
  background-size: 3.5rem 3.5rem;
  mask-image: linear-gradient(to bottom, #000, transparent 84%);
}

#technologie .technology-overview-hero {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(15rem, .65fr);
  gap: clamp(2rem, 5vw, 5rem);
  align-items: end;
  min-height: clamp(34rem, 52vw, 48rem);
  padding: clamp(2.2rem, 5vw, 4.5rem);
  overflow: hidden;
  isolation: isolate;
  border-bottom: 1px solid rgba(53, 200, 232, .18);
}

#technologie .technology-overview-hero__media,
#technologie .technology-overview-hero__shade {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

#technologie .technology-overview-hero__media {
  z-index: -3;
  object-fit: cover;
  object-position: center;
  filter: saturate(.92) contrast(1.06) brightness(.84);
  transform: scale(1.008);
}

#technologie .technology-overview-hero__shade {
  z-index: -2;
  background:
    linear-gradient(180deg, rgba(2, 10, 15, .12), rgba(2, 10, 15, .25) 46%, rgba(2, 10, 15, .97)),
    linear-gradient(90deg, rgba(2, 10, 15, .91), rgba(2, 10, 15, .18) 49%, rgba(2, 10, 15, .67));
}

#technologie .technology-overview-hero__copy,
#technologie .technology-system-state { position: relative; z-index: 2; }

#technologie .technology-overview-hero h1 {
  max-width: 60rem;
  margin: .65rem 0 1rem;
  color: #f5f8f9;
  font-size: clamp(3.2rem, 7.5vw, 7.4rem);
  letter-spacing: -.065em;
  line-height: .88;
  text-wrap: balance;
}

#technologie .technology-overview-hero__copy > p:last-child { max-width: 49rem; margin: 0; color: #c5d5dc; font-size: clamp(1rem, 1.55vw, 1.25rem); line-height: 1.7; text-shadow: 0 .15rem 1.2rem rgba(0, 0, 0, .9); }

#technologie .technology-system-state {
  display: grid;
  gap: .7rem;
  padding: 1.35rem;
  background: rgba(3, 15, 22, .76);
  border: 1px solid rgba(53, 200, 232, .22);
  font-family: Consolas, "Courier New", monospace;
  letter-spacing: .12em;
}

#technologie .technology-system-state span { display: flex; align-items: center; gap: .6rem; color: #7d98a4; font-size: .64rem; }
#technologie .technology-system-state span i { width: .42rem; height: .42rem; background: #4ee6c1; border-radius: 50%; box-shadow: 0 0 .8rem #4ee6c1; animation: technologyPulse 2.1s ease-in-out infinite; }
#technologie .technology-system-state strong { color: var(--tech-overview-accent); font-size: clamp(.72rem, 1vw, .88rem); line-height: 1.6; }
#technologie .technology-system-state small { color: #607985; font-size: .61rem; }

#technologie .technology-command {
  position: relative;
  display: grid;
  grid-template-columns: minmax(19rem, .82fr) minmax(0, 1.18fr);
  min-height: 29rem;
  border-bottom: 1px solid rgba(53, 200, 232, .18);
}

#technologie .technology-core {
  position: relative;
  display: grid;
  min-height: 29rem;
  place-items: center;
  overflow: hidden;
  background: radial-gradient(circle, rgba(53, 200, 232, .14), transparent 32%), linear-gradient(135deg, rgba(6, 34, 47, .72), rgba(3, 15, 23, .6));
  border-right: 1px solid rgba(53, 200, 232, .2);
}

#technologie .technology-core::before,
#technologie .technology-core::after { position: absolute; content: ""; background: rgba(53, 200, 232, .15); }
#technologie .technology-core::before { top: 50%; right: 10%; left: 10%; height: 1px; }
#technologie .technology-core::after { top: 10%; bottom: 10%; left: 50%; width: 1px; }

#technologie .technology-orbit { position: absolute; aspect-ratio: 1; border: 1px solid rgba(53, 200, 232, .25); border-radius: 50%; }
#technologie .technology-orbit::before { position: absolute; inset: -.28rem; content: ""; border-top: 1px solid var(--tech-overview-accent); border-right: 1px solid transparent; border-radius: 50%; animation: technologyOrbit 9s linear infinite; }
#technologie .technology-orbit--outer { width: min(72%, 21rem); }
#technologie .technology-orbit--inner { width: min(48%, 14rem); border-style: dashed; }
#technologie .technology-orbit--inner::before { animation-direction: reverse; animation-duration: 6s; }

#technologie .technology-core-mark {
  position: relative;
  z-index: 2;
  display: grid;
  width: 7.25rem;
  aspect-ratio: 1;
  place-content: center;
  place-items: center;
  background: linear-gradient(145deg, rgba(8, 43, 57, .98), rgba(3, 18, 26, .98));
  border: 1px solid var(--tech-overview-accent);
  box-shadow: 0 0 2.2rem rgba(53, 200, 232, .16), inset 0 0 2rem rgba(53, 200, 232, .08);
  transform: rotate(45deg);
}

#technologie .technology-core-mark span,
#technologie .technology-core-mark small { transform: rotate(-45deg); }
#technologie .technology-core-mark span { color: #effbfe; font-size: 2.3rem; font-weight: 900; letter-spacing: -.06em; line-height: 1; }
#technologie .technology-core-mark small { margin-top: .3rem; color: var(--tech-overview-accent); font: 700 .55rem/1 Consolas, monospace; letter-spacing: .18em; }
#technologie .technology-node { position: absolute; z-index: 3; width: .65rem; height: .65rem; background: var(--tech-overview-accent); border: 2px solid #07131a; border-radius: 50%; box-shadow: 0 0 1rem var(--tech-overview-accent); }
#technologie .technology-node--one { top: 23%; left: 23%; }
#technologie .technology-node--two { right: 20%; bottom: 28%; background: #4ee6c1; box-shadow: 0 0 1rem #4ee6c1; }
#technologie .technology-node--three { bottom: 19%; left: 31%; background: var(--tech-overview-blue); box-shadow: 0 0 1rem var(--tech-overview-blue); }

#technologie .technology-command-copy { position: relative; z-index: 2; align-content: center; padding: clamp(2.2rem, 5vw, 5rem); }
#technologie .technology-code { color: var(--tech-overview-accent); font: 700 .68rem/1.5 Consolas, "Courier New", monospace; letter-spacing: .17em; }
#technologie .technology-command-copy h2 { margin: .8rem 0 1.35rem; color: #f3f7f8; font-size: clamp(2rem, 4vw, 4.15rem); letter-spacing: -.04em; line-height: 1.02; }
#technologie .technology-command-copy > p:not(.technology-code) { max-width: 46rem; margin: 0; color: #9eafb7; font-size: clamp(.98rem, 1.4vw, 1.12rem); line-height: 1.75; }
#technologie .technology-principles { display: flex; flex-wrap: wrap; gap: .55rem; margin-top: 2rem; }
#technologie .technology-principles span { padding: .65rem .8rem; color: #a8c7d3; background: rgba(53, 200, 232, .045); border: 1px solid rgba(53, 200, 232, .2); font: 700 .6rem/1 Consolas, monospace; letter-spacing: .13em; }

#technologie .technology-module-grid { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
#technologie .technology-module-grid a { position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 1.25rem; align-items: center; min-height: 12rem; padding: clamp(1.5rem, 3vw, 2.4rem); color: #edf5f7; background: rgba(3, 14, 21, .82); border-right: 1px solid rgba(53, 200, 232, .18); transition: background .3s, box-shadow .3s, transform .3s; }
#technologie .technology-module-grid a:last-child { border-right: 0; }
#technologie .technology-module-grid a::before { position: absolute; top: 0; right: 0; left: 0; height: 2px; content: ""; background: linear-gradient(90deg, var(--tech-overview-accent), transparent); transform: scaleX(.22); transform-origin: left; transition: transform .35s var(--ease); }
#technologie .technology-module-grid a:hover,
#technologie .technology-module-grid a:focus-visible { z-index: 2; background: rgba(7, 31, 42, .95); box-shadow: inset 0 0 2.2rem rgba(53, 200, 232, .06); outline: none; transform: translateY(-.2rem); }
#technologie .technology-module-grid a:hover::before,
#technologie .technology-module-grid a:focus-visible::before { transform: scaleX(1); }
#technologie .technology-module-index { align-self: start; color: rgba(53, 200, 232, .34); font: 400 2.5rem/1 Georgia, serif; }
#technologie .technology-module-copy { display: grid; gap: .55rem; }
#technologie .technology-module-copy small { color: var(--tech-overview-accent); font: 700 .61rem/1.5 Consolas, monospace; letter-spacing: .13em; }
#technologie .technology-module-copy strong { color: #f5f8f8; font-size: clamp(1.25rem, 2vw, 1.75rem); }
#technologie .technology-module-copy > span { color: #879ca6; font-size: .87rem; line-height: 1.6; }
#technologie .technology-module-arrow { display: grid; width: 2.8rem; height: 2.8rem; place-items: center; color: var(--tech-overview-accent); border: 1px solid rgba(53, 200, 232, .32); border-radius: 50%; transition: color .3s, background .3s, transform .3s; }
#technologie .technology-module-arrow svg { width: 1rem; height: 1rem; }
#technologie .technology-module-grid a:hover .technology-module-arrow,
#technologie .technology-module-grid a:focus-visible .technology-module-arrow { color: #031018; background: var(--tech-overview-accent); transform: translateX(.25rem); }

#partner.partner-overview-view { padding: clamp(1.25rem, 3vw, 2.5rem); }
#partner .future-area-shell { width: min(100%, 92rem); }
#partner .partner-overview-shell { --partner-overview-orange: #e6532d; --partner-overview-gold: #c7a66a; --partner-overview-teal: #45d8c7; position: relative; overflow: hidden; background: linear-gradient(145deg, rgba(15, 17, 18, .98), rgba(4, 13, 17, .99)); border: 1px solid rgba(230, 83, 45, .28); box-shadow: 0 1.8rem 5rem rgba(0, 0, 0, .42), inset 0 0 4rem rgba(230, 83, 45, .025); }
#partner .partner-overview-shell::before,
#partner .partner-overview-shell::after { position: absolute; z-index: 5; width: 6rem; height: 6rem; content: ""; pointer-events: none; }
#partner .partner-overview-shell::before { top: 0; left: 0; border-top: 2px solid var(--partner-overview-orange); border-left: 2px solid var(--partner-overview-orange); }
#partner .partner-overview-shell::after { right: 0; bottom: 0; border-right: 2px solid var(--partner-overview-teal); border-bottom: 2px solid var(--partner-overview-teal); }
#partner .partner-overview-grid-bg { background-image: linear-gradient(rgba(230, 83, 45, .025) 1px, transparent 1px), linear-gradient(90deg, rgba(230, 83, 45, .025) 1px, transparent 1px); }

#partner .partner-overview-hero { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(15rem, .65fr); gap: clamp(2rem, 5vw, 5rem); align-items: end; padding: clamp(2.2rem, 5vw, 4.5rem); border-bottom: 1px solid rgba(230, 83, 45, .18); }
#partner .partner-overview-hero > div { min-width: 0; }
#partner .partner-overview-hero h1 { max-width: 62rem; margin: .65rem 0 1rem; color: #f5f1eb; font-size: clamp(3.2rem, 7vw, 7rem); letter-spacing: -.065em; line-height: .9; }
#partner .partner-overview-hero > div:first-child > p:last-child { max-width: 53rem; margin: 0; color: #b0aaa3; font-size: clamp(1rem, 1.55vw, 1.25rem); line-height: 1.7; }
#partner .partner-overview-status { display: grid; gap: .7rem; padding: 1.35rem; background: rgba(8, 16, 18, .78); border: 1px solid rgba(199, 166, 106, .26); font-family: Consolas, "Courier New", monospace; letter-spacing: .12em; }
#partner .partner-overview-status span { color: #817d76; font-size: .64rem; }
#partner .partner-overview-status strong { display: flex; align-items: center; gap: .6rem; color: #59d49c; font-size: .85rem; }
#partner .partner-overview-status strong i { width: .42rem; height: .42rem; background: #59d49c; border-radius: 50%; box-shadow: 0 0 .8rem #59d49c; animation: technologyPulse 2.1s ease-in-out infinite; }
#partner .partner-overview-status small { color: #6f7879; font-size: .61rem; }

#partner .partner-network-console { position: relative; z-index: 2; display: grid; min-height: 20rem; place-items: center; overflow: hidden; background: radial-gradient(circle, rgba(24, 103, 112, .19), transparent 25%), radial-gradient(circle at 21% 50%, rgba(230, 83, 45, .08), transparent 18%), radial-gradient(circle at 79% 50%, rgba(69, 216, 199, .08), transparent 18%); border-bottom: 1px solid rgba(230, 83, 45, .16); }
#partner .partner-network-console::before,
#partner .partner-network-console::after { position: absolute; width: 25%; aspect-ratio: 1; content: ""; border: 1px dashed rgba(199, 166, 106, .16); border-radius: 50%; }
#partner .partner-network-console::before { left: 8%; }
#partner .partner-network-console::after { right: 8%; }
#partner .partner-network-console > p { position: absolute; bottom: 1.4rem; margin: 0; color: #59686d; font: 700 .59rem/1 Consolas, monospace; letter-spacing: .2em; }
#partner .partner-console-core,
#partner .partner-console-node { position: absolute; z-index: 3; display: grid; aspect-ratio: 1; place-content: center; place-items: center; background: rgba(5, 18, 22, .96); border: 1px solid var(--partner-overview-gold); border-radius: 50%; box-shadow: 0 0 2rem rgba(199, 166, 106, .1); }
#partner .partner-console-core { width: 7.5rem; }
#partner .partner-console-core::before,
#partner .partner-console-core::after { position: absolute; inset: -.65rem; content: ""; border: 1px solid rgba(199, 166, 106, .18); border-radius: 50%; }
#partner .partner-console-core::after { inset: -1.25rem; border-style: dashed; animation: technologyOrbit 16s linear infinite; }
#partner .partner-console-core span { color: #f2eee8; font-size: 2rem; font-weight: 900; letter-spacing: -.06em; line-height: 1; }
#partner .partner-console-core small { margin-top: .35rem; color: var(--partner-overview-gold); font: 700 .5rem/1 Consolas, monospace; letter-spacing: .15em; }
#partner .partner-console-node { width: 5.5rem; color: #e9e4dd; font: 700 .78rem/1 Consolas, monospace; letter-spacing: .12em; }
#partner .partner-console-node--map { left: 15%; border-color: var(--partner-overview-orange); box-shadow: 0 0 1.8rem rgba(230, 83, 45, .12); }
#partner .partner-console-node--partners { right: 15%; border-color: var(--partner-overview-teal); box-shadow: 0 0 1.8rem rgba(69, 216, 199, .12); }
#partner .partner-console-node i { position: absolute; width: .38rem; height: .38rem; background: currentColor; border-radius: 50%; box-shadow: 0 0 .7rem currentColor; }
#partner .partner-console-node i:nth-child(1) { top: 8%; right: 8%; }
#partner .partner-console-node i:nth-child(2) { bottom: 10%; left: 2%; }
#partner .partner-console-line { position: absolute; z-index: 1; top: 50%; width: 33%; height: 1px; background: linear-gradient(90deg, transparent, var(--partner-overview-gold), transparent); }
#partner .partner-console-line::after { position: absolute; top: -.14rem; width: .3rem; height: .3rem; content: ""; background: var(--partner-overview-orange); border-radius: 50%; box-shadow: 0 0 .7rem var(--partner-overview-orange); animation: partnerSignal 3s linear infinite; }
#partner .partner-console-line--left { left: 19%; }
#partner .partner-console-line--right { right: 19%; }
#partner .partner-console-line--right::after { background: var(--partner-overview-teal); box-shadow: 0 0 .7rem var(--partner-overview-teal); animation-direction: reverse; }

#partner .partner-overview-grid { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 0; }
#partner .partner-overview-grid .partner-overview-card { position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr); grid-template-rows: auto 1fr auto; gap: 1.25rem 1.5rem; align-items: start; min-height: 29rem; padding: clamp(1.7rem, 3vw, 2.7rem); color: #eee9e2; background: linear-gradient(145deg, rgba(10, 22, 27, .96), rgba(5, 12, 15, .98)); border: 0; border-right: 1px solid rgba(230, 83, 45, .18); transition: background .3s, box-shadow .3s, transform .3s; }
#partner .partner-overview-grid .partner-overview-card:last-child { border-right: 0; }
#partner .partner-overview-grid .partner-overview-card::before { position: absolute; top: 0; right: 0; left: 0; height: 2px; content: ""; background: linear-gradient(90deg, var(--partner-overview-orange), transparent 72%); transform: scaleX(.25); transform-origin: left; transition: transform .35s var(--ease); }
#partner .partner-overview-grid .partner-overview-card--network::before { background: linear-gradient(90deg, var(--partner-overview-teal), transparent 72%); }
#partner .partner-overview-grid .partner-overview-card:hover,
#partner .partner-overview-grid .partner-overview-card:focus-visible { background: linear-gradient(145deg, rgba(17, 31, 35, .98), rgba(6, 15, 18, .99)); box-shadow: inset 0 0 3rem rgba(230, 83, 45, .035); outline: none; transform: translateY(-.22rem); }
#partner .partner-overview-grid .partner-overview-card:hover::before,
#partner .partner-overview-grid .partner-overview-card:focus-visible::before { transform: scaleX(1); }
#partner .partner-card-number { color: rgba(230, 83, 45, .45); font: 400 2.25rem/1 Georgia, serif; }
#partner .partner-overview-card--network .partner-card-number { color: rgba(69, 216, 199, .4); }
#partner .partner-card-visual { position: relative; display: block; height: 7.5rem; margin-bottom: .5rem; overflow: hidden; background: linear-gradient(rgba(230, 83, 45, .03) 1px, transparent 1px), linear-gradient(90deg, rgba(230, 83, 45, .03) 1px, transparent 1px); background-size: 1.4rem 1.4rem; border: 1px solid rgba(230, 83, 45, .15); }
#partner .partner-card-visual::before,
#partner .partner-card-visual::after { position: absolute; top: 50%; left: 50%; width: 5rem; aspect-ratio: 1; content: ""; border: 1px solid rgba(199, 166, 106, .27); border-radius: 50%; transform: translate(-50%, -50%); }
#partner .partner-card-visual::after { width: 2.6rem; border-style: dashed; }
#partner .partner-card-visual i { position: absolute; z-index: 2; width: .5rem; height: .5rem; background: var(--partner-overview-orange); border-radius: 50%; box-shadow: 0 0 .8rem var(--partner-overview-orange); }
#partner .partner-card-visual i:nth-child(1) { top: 22%; left: 28%; }
#partner .partner-card-visual i:nth-child(2) { top: 35%; right: 24%; }
#partner .partner-card-visual i:nth-child(3) { right: 35%; bottom: 19%; }
#partner .partner-card-visual i:nth-child(4) { bottom: 27%; left: 19%; }
#partner .partner-card-visual b { position: absolute; z-index: 3; top: 50%; left: 50%; width: .85rem; height: .85rem; background: #07151a; border: 2px solid var(--partner-overview-gold); border-radius: 50%; box-shadow: 0 0 1rem rgba(199, 166, 106, .4); transform: translate(-50%, -50%); }
#partner .partner-overview-card--network .partner-card-visual { background-image: linear-gradient(rgba(69, 216, 199, .03) 1px, transparent 1px), linear-gradient(90deg, rgba(69, 216, 199, .03) 1px, transparent 1px); border-color: rgba(69, 216, 199, .14); }
#partner .partner-overview-card--network .partner-card-visual i { background: var(--partner-overview-teal); box-shadow: 0 0 .8rem var(--partner-overview-teal); }
#partner .partner-card-content { display: grid; gap: .72rem; }
#partner .partner-overview-grid .partner-card-content strong { color: #f5f1eb; font-size: clamp(1.8rem, 3.4vw, 3rem); line-height: 1.02; }
#partner .partner-overview-grid .partner-card-content > small:last-child { color: #9da4a3; font-size: .86rem; line-height: 1.65; }
#partner .partner-overview-grid .partner-card-action { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; align-self: end; padding-top: 1rem; color: var(--partner-overview-orange); border-top: 1px solid rgba(230, 83, 45, .15); font: 700 .64rem/1 Consolas, monospace; letter-spacing: .14em; }
#partner .partner-overview-card--network .partner-card-action { color: var(--partner-overview-teal); border-top-color: rgba(69, 216, 199, .15); }
#partner .partner-card-action svg { width: 1rem; height: 1rem; transition: transform .3s; }
#partner .partner-overview-card:hover .partner-card-action svg,
#partner .partner-overview-card:focus-visible .partner-card-action svg { transform: translateX(.3rem); }

@keyframes technologyOrbit { to { transform: rotate(360deg); } }
@keyframes technologyPulse { 50% { opacity: .35; transform: scale(.72); } }
@keyframes partnerSignal { from { left: 0; } to { left: 100%; } }

@media (max-width: 900px) {
  #technologie .technology-overview-hero,
  #partner .partner-overview-hero { grid-template-columns: 1fr; }
  #technologie .technology-system-state,
  #partner .partner-overview-status { max-width: 28rem; }
  #technologie .technology-command { grid-template-columns: 1fr; }
  #technologie .technology-core { min-height: 22rem; border-right: 0; border-bottom: 1px solid rgba(53, 200, 232, .2); }
  #technologie .technology-module-grid,
  #partner .partner-overview-grid { grid-template-columns: 1fr; }
  #technologie .technology-module-grid a,
  #partner .partner-overview-grid .partner-overview-card { border-right: 0; border-bottom: 1px solid rgba(53, 200, 232, .16); }
  #partner .partner-overview-grid .partner-overview-card { min-height: 25rem; border-bottom-color: rgba(230, 83, 45, .16); }
  #partner .partner-console-node--map { left: 10%; }
  #partner .partner-console-node--partners { right: 10%; }
}

@media (max-width: 600px) {
  #technologie,
  #partner.partner-overview-view { padding: .55rem; }
  #technologie .technology-overview-hero,
  #partner .partner-overview-hero { padding: 2.2rem 1.2rem; }
  #technologie .technology-overview-hero h1,
  #partner .partner-overview-hero h1 { overflow-wrap: anywhere; }
  #technologie .technology-overview-hero h1 { font-size: clamp(2.55rem, 14vw, 4rem); }
  #partner .partner-overview-hero h1 { font-size: clamp(2.35rem, 11vw, 3.25rem); }
  #technologie .technology-system-state,
  #partner .partner-overview-status { padding: 1rem; }
  #technologie .technology-command-copy { padding: 2rem 1.2rem; }
  #technologie .technology-command-copy h2 { font-size: clamp(1.9rem, 9vw, 2.8rem); }
  #technologie .technology-core { min-height: 19rem; }
  #technologie .technology-orbit--outer { width: 70%; }
  #technologie .technology-module-grid a { grid-template-columns: auto minmax(0, 1fr); min-height: 0; padding: 1.5rem 1.2rem; }
  #technologie .technology-module-arrow { grid-column: 2; width: 2.4rem; height: 2.4rem; margin-top: .4rem; }
  #partner .partner-network-console { min-height: 15rem; }
  #partner .partner-console-core { width: 5.5rem; }
  #partner .partner-console-node { width: 3.8rem; font-size: .58rem; }
  #partner .partner-console-node--map { left: 6%; }
  #partner .partner-console-node--partners { right: 6%; }
  #partner .partner-network-console::before,
  #partner .partner-network-console::after { width: 34%; }
  #partner .partner-network-console::before { left: -7%; }
  #partner .partner-network-console::after { right: -7%; }
  #partner .partner-network-console > p { max-width: 80%; text-align: center; line-height: 1.5; }
  #partner .partner-overview-grid .partner-overview-card { grid-template-columns: 1fr; min-height: 0; padding: 1.5rem 1.2rem; }
  #partner .partner-card-number { font-size: 1.75rem; }
  #partner .partner-card-visual { height: 6.5rem; }
  #partner .partner-card-action { grid-column: 1; }
}

@media (prefers-reduced-motion: reduce) {
  #technologie .technology-orbit::before,
  #technologie .technology-system-state span i,
  #partner .partner-overview-status strong i,
  #partner .partner-console-core::after,
  #partner .partner-console-line::after { animation: none; }
}

/* BK – Wie alles began: moderne Origin-Zentrale */
#ueber-beatkonstruktor {
  --origin-gold: #dfa75e;
  --origin-amber: #b97035;
  --origin-cream: #f1e3cc;
  --origin-teal: #51cdbf;
  padding: clamp(1.25rem, 3vw, 2.5rem);
  background:
    radial-gradient(circle at 79% 8%, rgba(184, 103, 47, .16), transparent 30rem),
    radial-gradient(circle at 13% 86%, rgba(81, 205, 191, .07), transparent 28rem),
    linear-gradient(145deg, #110c09, #050809 62%, #0b0d0e);
}

#ueber-beatkonstruktor .future-area-shell { width: min(100%, 92rem); }
#ueber-beatkonstruktor .future-backlink { margin: 0 0 clamp(1rem, 2.5vw, 1.6rem); }

#ueber-beatkonstruktor .bk-origin-shell {
  position: relative;
  overflow: hidden;
  background: linear-gradient(145deg, rgba(20, 14, 11, .98), rgba(4, 10, 12, .99));
  border: 1px solid rgba(223, 167, 94, .3);
  box-shadow: 0 1.8rem 5rem rgba(0, 0, 0, .43), inset 0 0 4rem rgba(223, 167, 94, .025);
}

#ueber-beatkonstruktor .bk-origin-shell::before,
#ueber-beatkonstruktor .bk-origin-shell::after {
  position: absolute;
  z-index: 6;
  width: 6rem;
  height: 6rem;
  content: "";
  pointer-events: none;
}

#ueber-beatkonstruktor .bk-origin-shell::before { top: 0; left: 0; border-top: 2px solid var(--origin-gold); border-left: 2px solid var(--origin-gold); }
#ueber-beatkonstruktor .bk-origin-shell::after { right: 0; bottom: 0; border-right: 2px solid var(--origin-teal); border-bottom: 2px solid var(--origin-teal); }

#ueber-beatkonstruktor .bk-origin-grid {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(223, 167, 94, .025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(223, 167, 94, .025) 1px, transparent 1px);
  background-size: 3.5rem 3.5rem;
  mask-image: linear-gradient(to bottom, #000, transparent 90%);
}

#ueber-beatkonstruktor .bk-origin-hero {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: clamp(2rem, 6vw, 6rem);
  align-items: center;
  min-height: clamp(25rem, 44vw, 38rem);
  padding: clamp(2.4rem, 6vw, 6rem);
  border-bottom: 1px solid rgba(223, 167, 94, .18);
}

#ueber-beatkonstruktor .bk-origin-heading { min-width: 0; }
#ueber-beatkonstruktor .bk-origin-heading h1 {
  max-width: 66rem;
  margin: .75rem 0 1.35rem;
  color: #f5f0e9;
  font-size: clamp(3rem, 7vw, 7.4rem);
  letter-spacing: -.07em;
  line-height: .88;
  text-wrap: balance;
}

#ueber-beatkonstruktor .bk-origin-heading > p:last-child { max-width: 53rem; margin: 0; color: #b8afa5; font-size: clamp(1rem, 1.55vw, 1.25rem); line-height: 1.7; }

#ueber-beatkonstruktor .bk-origin-seal {
  position: relative;
  display: grid;
  width: clamp(8.5rem, 15vw, 12rem);
  aspect-ratio: 1;
  place-content: center;
  place-items: center;
  background: radial-gradient(circle, rgba(223, 167, 94, .12), transparent 65%);
  border: 1px solid rgba(223, 167, 94, .5);
  border-radius: 50%;
  box-shadow: 0 0 3rem rgba(223, 167, 94, .08), inset 0 0 2rem rgba(223, 167, 94, .06);
}

#ueber-beatkonstruktor .bk-origin-seal::before,
#ueber-beatkonstruktor .bk-origin-seal::after { position: absolute; content: ""; border-radius: 50%; }
#ueber-beatkonstruktor .bk-origin-seal::before { inset: .65rem; border: 1px dashed rgba(223, 167, 94, .32); animation: originOrbit 18s linear infinite; }
#ueber-beatkonstruktor .bk-origin-seal::after { inset: 1.5rem; border: 1px solid rgba(223, 167, 94, .16); }
#ueber-beatkonstruktor .bk-origin-seal span { color: var(--origin-cream); font-size: clamp(2.2rem, 4vw, 3.5rem); font-weight: 900; letter-spacing: -.07em; line-height: 1; }
#ueber-beatkonstruktor .bk-origin-seal small { margin-top: .5rem; color: var(--origin-gold); font: 700 .55rem/1 Consolas, monospace; letter-spacing: .2em; }
#ueber-beatkonstruktor .bk-origin-seal i { position: absolute; top: 10%; right: 17%; width: .5rem; height: .5rem; background: var(--origin-teal); border-radius: 50%; box-shadow: 0 0 1rem var(--origin-teal); animation: originPulse 2.4s ease-in-out infinite; }

#ueber-beatkonstruktor .bk-origin-map {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  grid-template-rows: repeat(2, minmax(12rem, auto));
  gap: 1px;
  min-height: 34rem;
  background: rgba(223, 167, 94, .15);
  border-bottom: 1px solid rgba(223, 167, 94, .18);
}

#ueber-beatkonstruktor .bk-origin-map::before {
  position: absolute;
  inset: 0;
  z-index: -1;
  content: "";
  background:
    radial-gradient(circle at center, rgba(223, 167, 94, .11), transparent 24%),
    linear-gradient(145deg, rgba(13, 23, 25, .98), rgba(7, 12, 14, .99));
}

#ueber-beatkonstruktor .bk-origin-line { position: absolute; z-index: 1; top: 50%; right: 12%; left: 12%; height: 1px; background: linear-gradient(90deg, transparent, rgba(223, 167, 94, .65), rgba(81, 205, 191, .45), transparent); }
#ueber-beatkonstruktor .bk-origin-line i { position: absolute; top: -.16rem; left: 0; width: .34rem; height: .34rem; background: var(--origin-gold); border-radius: 50%; box-shadow: 0 0 .8rem var(--origin-gold); animation: originSignal 5s linear infinite; }

#ueber-beatkonstruktor .bk-origin-node {
  position: relative;
  z-index: 2;
  display: grid;
  align-content: center;
  min-width: 0;
  padding: clamp(1.7rem, 4vw, 3.5rem);
  background: rgba(5, 13, 15, .88);
  transition: background .3s, box-shadow .3s;
}

#ueber-beatkonstruktor .bk-origin-node:hover { background: rgba(17, 25, 25, .98); box-shadow: inset 0 0 2.5rem rgba(223, 167, 94, .035); }
#ueber-beatkonstruktor .bk-origin-node--past { grid-column: 1; grid-row: 1 / span 2; }
#ueber-beatkonstruktor .bk-origin-node--present { grid-column: 3; grid-row: 1; }
#ueber-beatkonstruktor .bk-origin-node--future { grid-column: 3; grid-row: 2; }
#ueber-beatkonstruktor .bk-origin-node::before { position: absolute; top: 0; bottom: 0; left: 0; width: 2px; content: ""; background: linear-gradient(var(--origin-gold), transparent 78%); }
#ueber-beatkonstruktor .bk-origin-node--future::before { background: linear-gradient(var(--origin-teal), transparent 78%); }
#ueber-beatkonstruktor .bk-origin-node > span { color: rgba(223, 167, 94, .32); font: 400 clamp(2.5rem, 5vw, 4.5rem)/1 Georgia, serif; }
#ueber-beatkonstruktor .bk-origin-node--future > span { color: rgba(81, 205, 191, .3); }
#ueber-beatkonstruktor .bk-origin-node small { margin-top: 1.2rem; color: var(--origin-gold); font: 700 .62rem/1.5 Consolas, monospace; letter-spacing: .17em; }
#ueber-beatkonstruktor .bk-origin-node--future small { color: var(--origin-teal); }
#ueber-beatkonstruktor .bk-origin-node strong { margin-top: .5rem; color: #f1ece5; font-size: clamp(1.8rem, 3.2vw, 3rem); letter-spacing: -.04em; }
#ueber-beatkonstruktor .bk-origin-node p { max-width: 30rem; margin: .8rem 0 0; color: #929a99; font-size: .9rem; line-height: 1.7; }

#ueber-beatkonstruktor .bk-origin-core {
  position: relative;
  z-index: 4;
  grid-column: 2;
  grid-row: 1 / span 2;
  align-self: center;
  display: grid;
  width: clamp(7rem, 12vw, 10rem);
  aspect-ratio: 1;
  margin-inline: clamp(1rem, 3vw, 2.5rem);
  place-content: center;
  place-items: center;
  background: linear-gradient(145deg, #24170f, #071316);
  border: 1px solid var(--origin-gold);
  box-shadow: 0 0 3rem rgba(223, 167, 94, .15), inset 0 0 2rem rgba(223, 167, 94, .08);
  transform: rotate(45deg);
}

#ueber-beatkonstruktor .bk-origin-core::before,
#ueber-beatkonstruktor .bk-origin-core::after { position: absolute; content: ""; border: 1px solid rgba(223, 167, 94, .2); }
#ueber-beatkonstruktor .bk-origin-core::before { inset: -.7rem; }
#ueber-beatkonstruktor .bk-origin-core::after { inset: -1.4rem; border-style: dashed; animation: originOrbitSquare 15s linear infinite; }
#ueber-beatkonstruktor .bk-origin-core > span,
#ueber-beatkonstruktor .bk-origin-core > small { transform: rotate(-45deg); }
#ueber-beatkonstruktor .bk-origin-core > span { color: #f5efe5; font-size: clamp(2rem, 3.8vw, 3rem); font-weight: 900; letter-spacing: -.07em; line-height: 1; }
#ueber-beatkonstruktor .bk-origin-core > small { margin-top: .5rem; color: var(--origin-gold); font: 700 .44rem/1 Consolas, monospace; letter-spacing: .11em; }
#ueber-beatkonstruktor .bk-origin-core > i { position: absolute; width: .45rem; height: .45rem; background: var(--origin-gold); border-radius: 50%; box-shadow: 0 0 .8rem var(--origin-gold); }
#ueber-beatkonstruktor .bk-origin-core > i:nth-of-type(1) { top: -.25rem; left: 50%; }
#ueber-beatkonstruktor .bk-origin-core > i:nth-of-type(2) { right: -.25rem; bottom: 20%; background: var(--origin-teal); box-shadow: 0 0 .8rem var(--origin-teal); }

#ueber-beatkonstruktor .bk-origin-status {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 1.25rem;
  align-items: center;
  padding: clamp(1.4rem, 3vw, 2.2rem);
  background: linear-gradient(90deg, rgba(36, 23, 15, .92), rgba(6, 16, 18, .94));
  border-bottom: 1px solid rgba(223, 167, 94, .2);
}

#ueber-beatkonstruktor .bk-origin-status-mark { display: grid; width: 3.25rem; height: 3.25rem; place-items: center; color: var(--origin-gold); border: 1px solid var(--origin-gold); border-radius: 50%; font: 800 .8rem/1 Consolas, monospace; box-shadow: inset 0 0 1rem rgba(223, 167, 94, .08); }
#ueber-beatkonstruktor .bk-origin-status div { min-width: 0; }
#ueber-beatkonstruktor .bk-origin-status small { display: block; margin-bottom: .35rem; color: var(--origin-gold); font: 700 .58rem/1.4 Consolas, monospace; letter-spacing: .14em; }
#ueber-beatkonstruktor .bk-origin-status strong { display: block; color: #eee8e0; font-size: 1rem; }
#ueber-beatkonstruktor .bk-origin-status p { margin: .45rem 0 0; color: #a6a39e; font-size: .85rem; line-height: 1.6; }
#ueber-beatkonstruktor .bk-origin-status-code { color: #647273; font: 700 .58rem/1.5 Consolas, monospace; letter-spacing: .14em; white-space: nowrap; }

#ueber-beatkonstruktor .bk-origin-links { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
#ueber-beatkonstruktor .bk-origin-links a { position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr); grid-template-rows: 1fr auto; gap: 1.25rem 1.5rem; min-height: 17rem; padding: clamp(1.6rem, 3vw, 2.6rem); color: #ece7df; background: rgba(5, 13, 15, .9); border-right: 1px solid rgba(223, 167, 94, .18); transition: background .3s, box-shadow .3s, transform .3s; }
#ueber-beatkonstruktor .bk-origin-links a:last-child { border-right: 0; }
#ueber-beatkonstruktor .bk-origin-links a::before { position: absolute; top: 0; right: 0; left: 0; height: 2px; content: ""; background: linear-gradient(90deg, var(--origin-gold), transparent 75%); transform: scaleX(.22); transform-origin: left; transition: transform .35s var(--ease); }
#ueber-beatkonstruktor .bk-origin-links a:last-child::before { background: linear-gradient(90deg, var(--origin-teal), transparent 75%); }
#ueber-beatkonstruktor .bk-origin-links a:hover,
#ueber-beatkonstruktor .bk-origin-links a:focus-visible { z-index: 2; background: rgba(17, 24, 24, .98); box-shadow: inset 0 0 2.5rem rgba(223, 167, 94, .04); outline: none; transform: translateY(-.2rem); }
#ueber-beatkonstruktor .bk-origin-links a:hover::before,
#ueber-beatkonstruktor .bk-origin-links a:focus-visible::before { transform: scaleX(1); }
#ueber-beatkonstruktor .bk-origin-link-index { color: rgba(223, 167, 94, .32); font: 400 2.5rem/1 Georgia, serif; }
#ueber-beatkonstruktor .bk-origin-links a:nth-child(2) .bk-origin-link-index { color: rgba(81, 205, 191, .3); }
#ueber-beatkonstruktor .bk-origin-links a > span:nth-child(2) { display: grid; align-content: start; gap: .6rem; }
#ueber-beatkonstruktor .bk-origin-links small { color: var(--origin-gold); font: 700 .6rem/1.5 Consolas, monospace; letter-spacing: .14em; }
#ueber-beatkonstruktor .bk-origin-links a:nth-child(2) small { color: var(--origin-teal); }
#ueber-beatkonstruktor .bk-origin-links strong { color: #f3eee7; font-size: clamp(1.4rem, 2.4vw, 2.1rem); line-height: 1.1; }
#ueber-beatkonstruktor .bk-origin-links a > span:nth-child(2) > span { color: #8e9a9b; font-size: .86rem; line-height: 1.65; }
#ueber-beatkonstruktor .bk-origin-link-action { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; align-self: end; padding-top: 1rem; color: var(--origin-gold); border-top: 1px solid rgba(223, 167, 94, .15); font: 700 .62rem/1 Consolas, monospace; letter-spacing: .14em; }
#ueber-beatkonstruktor .bk-origin-links a:nth-child(2) .bk-origin-link-action { color: var(--origin-teal); border-top-color: rgba(81, 205, 191, .15); }
#ueber-beatkonstruktor .bk-origin-link-action svg { width: 1rem; height: 1rem; transition: transform .3s; }
#ueber-beatkonstruktor .bk-origin-links a:hover .bk-origin-link-action svg,
#ueber-beatkonstruktor .bk-origin-links a:focus-visible .bk-origin-link-action svg { transform: translateX(.3rem); }

#ueber-beatkonstruktor .bk-origin-footer { position: relative; z-index: 2; display: flex; flex-wrap: wrap; gap: .8rem; align-items: center; justify-content: center; padding: 1.5rem; color: #7e7467; background: #050a0c; font: 700 .57rem/1 Consolas, monospace; letter-spacing: .18em; }
#ueber-beatkonstruktor .bk-origin-footer i { width: .3rem; height: .3rem; background: var(--origin-gold); border-radius: 50%; box-shadow: 0 0 .6rem rgba(223, 167, 94, .6); }

@keyframes originOrbit { to { transform: rotate(360deg); } }
@keyframes originOrbitSquare { to { transform: rotate(360deg); } }
@keyframes originPulse { 50% { opacity: .35; transform: scale(.72); } }
@keyframes originSignal { from { left: 0; } to { left: 100%; } }

@media (max-width: 900px) {
  #ueber-beatkonstruktor .bk-origin-hero { grid-template-columns: 1fr; }
  #ueber-beatkonstruktor .bk-origin-seal { width: 8rem; }
  #ueber-beatkonstruktor .bk-origin-map { grid-template-columns: 1fr; grid-template-rows: auto; }
  #ueber-beatkonstruktor .bk-origin-node--past,
  #ueber-beatkonstruktor .bk-origin-node--present,
  #ueber-beatkonstruktor .bk-origin-node--future { grid-column: 1; grid-row: auto; min-height: 13rem; }
  #ueber-beatkonstruktor .bk-origin-core { grid-column: 1; grid-row: 2; margin: 4rem auto; }
  #ueber-beatkonstruktor .bk-origin-node--present { grid-row: 3; }
  #ueber-beatkonstruktor .bk-origin-node--future { grid-row: 4; }
  #ueber-beatkonstruktor .bk-origin-line { top: 10%; bottom: 10%; left: 50%; width: 1px; height: auto; background: linear-gradient(transparent, rgba(223, 167, 94, .65), rgba(81, 205, 191, .45), transparent); }
  #ueber-beatkonstruktor .bk-origin-line i { top: 0; left: -.16rem; animation-name: originSignalVertical; }
  #ueber-beatkonstruktor .bk-origin-links { grid-template-columns: 1fr; }
  #ueber-beatkonstruktor .bk-origin-links a { border-right: 0; border-bottom: 1px solid rgba(223, 167, 94, .16); }
}

@keyframes originSignalVertical { from { top: 0; } to { top: 100%; } }

@media (max-width: 600px) {
  #ueber-beatkonstruktor { padding: .55rem; }
  #ueber-beatkonstruktor .future-backlink { padding-inline: .5rem; }
  #ueber-beatkonstruktor .bk-origin-hero { min-height: 0; padding: 2.4rem 1.2rem; }
  #ueber-beatkonstruktor .bk-origin-heading h1 { font-size: clamp(2.45rem, 13vw, 4rem); overflow-wrap: anywhere; }
  #ueber-beatkonstruktor .bk-origin-seal { width: 7rem; }
  #ueber-beatkonstruktor .bk-origin-node { min-height: 0; padding: 1.8rem 1.2rem; }
  #ueber-beatkonstruktor .bk-origin-core { width: 6.7rem; margin-block: 3.5rem; }
  #ueber-beatkonstruktor .bk-origin-status { grid-template-columns: auto minmax(0, 1fr); padding: 1.4rem 1.2rem; }
  #ueber-beatkonstruktor .bk-origin-status-code { grid-column: 2; white-space: normal; }
  #ueber-beatkonstruktor .bk-origin-links a { grid-template-columns: 1fr; min-height: 0; padding: 1.6rem 1.2rem; }
  #ueber-beatkonstruktor .bk-origin-link-index { font-size: 1.8rem; }
  #ueber-beatkonstruktor .bk-origin-link-action { grid-column: 1; }
}

@media (prefers-reduced-motion: reduce) {
  #ueber-beatkonstruktor .bk-origin-seal::before,
  #ueber-beatkonstruktor .bk-origin-seal i,
  #ueber-beatkonstruktor .bk-origin-line i,
  #ueber-beatkonstruktor .bk-origin-core::after { animation: none; }
}

/* Partner-Weltkarte: kartografische Darstellung der externen Verbindungen */
#partner-weltkarte .bk-worldmap {
  --bkw-dark: #050b0e;
  --bkw-panel: rgba(6, 17, 22, .96);
  --bkw-line: rgba(83, 137, 151, .24);
  --bkw-red: #ff3b16;
  --bkw-gold: #b99352;
  --bkw-gold-dark: #71572f;
  --bkw-green: #4dff9e;
  --bkw-text: #e4edef;
  position: relative;
  width: 100%;
  padding: clamp(3rem, 6vw, 4.0625rem) clamp(.9rem, 3vw, 2.1875rem) 1.875rem;
  overflow: hidden;
  color: var(--bkw-text);
  background: radial-gradient(circle at 50% 35%, rgba(21, 72, 82, .18), transparent 35%), linear-gradient(145deg, #061116, #03090c);
  border: 1px solid var(--bkw-line);
  font-family: Arial, Helvetica, sans-serif;
  isolation: isolate;
}

#partner-weltkarte .bk-worldmap,
#partner-weltkarte .bk-worldmap * { box-sizing: border-box; }

#partner-weltkarte .bkw-stars,
#partner-weltkarte .bkw-fog { position: absolute; pointer-events: none; }

#partner-weltkarte .bkw-stars {
  z-index: -2;
  inset: 0;
  opacity: .22;
  background-image: radial-gradient(circle at 15% 20%, #a8dbe4 0 1px, transparent 1.5px), radial-gradient(circle at 75% 30%, #a8dbe4 0 1px, transparent 1.5px), radial-gradient(circle at 40% 70%, #a8dbe4 0 1px, transparent 1.5px), radial-gradient(circle at 85% 80%, #a8dbe4 0 1px, transparent 1.5px);
  background-size: 8.125rem 8.125rem, 10.625rem 10.625rem, 13.125rem 13.125rem, 15.625rem 15.625rem;
}

#partner-weltkarte .bkw-fog { z-index: -1; width: 28.125rem; height: 12.5rem; border-radius: 50%; filter: blur(5.625rem); opacity: .07; animation: bkwWorldFog 12s ease-in-out infinite alternate; }
#partner-weltkarte .fog-one { top: 35%; left: -6.25rem; background: #42b3cb; }
#partner-weltkarte .fog-two { top: 55%; right: -9.375rem; background: var(--bkw-red); animation-delay: -5s; }

#partner-weltkarte .bkw-header { position: relative; z-index: 10; max-width: 50rem; margin: 0 auto clamp(2.5rem, 5vw, 3.125rem); text-align: center; }
#partner-weltkarte .bkw-eyebrow { display: flex; align-items: center; justify-content: center; gap: .875rem; color: #738991; font-size: .5rem; letter-spacing: .25rem; }
#partner-weltkarte .bkw-eyebrow i { display: block; width: 2.5rem; height: 1px; background: linear-gradient(90deg, transparent, var(--bkw-red)); }
#partner-weltkarte .bkw-eyebrow i:last-child { transform: rotate(180deg); }
#partner-weltkarte .bkw-header h1 { margin: 1.0625rem 0 0; color: #e9eff0; font-family: Georgia, "Times New Roman", serif; font-size: clamp(1.875rem, 5vw, 3.375rem); font-weight: 500; line-height: 1.15; letter-spacing: .25rem; overflow-wrap: anywhere; }
#partner-weltkarte .bkw-header h1 span { color: var(--bkw-red); }
#partner-weltkarte .bkw-rune-line { margin-top: 1rem; color: var(--bkw-gold); font-family: Georgia, serif; font-size: .625rem; line-height: 1.7; letter-spacing: .125rem; }
#partner-weltkarte .bkw-header p { max-width: 36.875rem; margin: 1.25rem auto 0; color: #7d9299; font-size: .75rem; line-height: 1.8; }

#partner-weltkarte .bkw-map-frame { position: relative; z-index: 5; max-width: 68.75rem; margin: auto; padding: 3.4375rem 1.5625rem 1.5625rem; background: linear-gradient(rgba(6, 17, 22, .96), rgba(3, 10, 13, .98)); border: 1px solid rgba(185, 147, 82, .38); box-shadow: inset 0 0 2.5rem rgba(0, 0, 0, .7), 0 1.25rem 3.75rem rgba(0, 0, 0, .35); }
#partner-weltkarte .bkw-map-frame::before { content: ""; position: absolute; inset: .4375rem; pointer-events: none; border: 1px solid rgba(91, 63, 33, .5); }
#partner-weltkarte .bkw-map-frame::after { content: ""; position: absolute; top: -1px; right: 20%; left: 20%; height: 1px; background: linear-gradient(90deg, transparent, var(--bkw-red), transparent); box-shadow: 0 0 .75rem var(--bkw-red); }
#partner-weltkarte .bkw-corner { position: absolute; z-index: 8; display: flex; width: 1.5625rem; height: 1.5625rem; align-items: center; justify-content: center; color: var(--bkw-red); background: #071116; border: 1px solid var(--bkw-gold-dark); font-size: .5rem; transform: rotate(45deg); }
#partner-weltkarte .corner-tl { top: -.625rem; left: -.625rem; }
#partner-weltkarte .corner-tr { top: -.625rem; right: -.625rem; }
#partner-weltkarte .corner-bl { bottom: -.625rem; left: -.625rem; }
#partner-weltkarte .corner-br { right: -.625rem; bottom: -.625rem; }
#partner-weltkarte .bkw-map-title { position: absolute; top: .875rem; left: 50%; text-align: center; white-space: nowrap; transform: translateX(-50%); }
#partner-weltkarte .bkw-map-title span { display: block; color: var(--bkw-red); font-size: .4375rem; letter-spacing: .25rem; }
#partner-weltkarte .bkw-map-title strong { display: block; margin-top: .25rem; color: #9b8766; font-family: Georgia, serif; font-size: .5rem; font-weight: 400; letter-spacing: .125rem; }

#partner-weltkarte .bkw-map { position: relative; min-height: 32.5rem; overflow: hidden; background: radial-gradient(ellipse at center, rgba(20, 59, 67, .15), transparent 65%), repeating-radial-gradient(ellipse at center, transparent 0, transparent 5rem, rgba(103, 78, 43, .08) 5.0625rem, transparent 5.125rem); border: 1px solid rgba(103, 78, 43, .25); }
#partner-weltkarte .bkw-map::before { content: ""; position: absolute; inset: 0; opacity: .15; pointer-events: none; background-image: linear-gradient(rgba(84, 132, 143, .18) 1px, transparent 1px), linear-gradient(90deg, rgba(84, 132, 143, .18) 1px, transparent 1px); background-size: 4.375rem 4.375rem; }
#partner-weltkarte .bkw-world-svg { position: absolute; inset: 0; width: 100%; height: 100%; }
#partner-weltkarte .continent { fill: url(#partnerLandGradient); stroke: rgba(94, 159, 174, .58); stroke-width: 1.2; vector-effect: non-scaling-stroke; filter: url(#partnerWorldGlow); transition: fill .4s ease, stroke .4s ease; }
#partner-weltkarte .europe { fill: #172a2d; stroke: rgba(255, 59, 22, .65); }
#partner-weltkarte .route { fill: none; stroke: rgba(185, 147, 82, .3); stroke-width: 1; stroke-dasharray: 6 9; vector-effect: non-scaling-stroke; animation: bkwRouteMove 15s linear infinite; }
#partner-weltkarte .route-two { animation-duration: 19s; }
#partner-weltkarte .route-three { animation-duration: 22s; }
#partner-weltkarte .route-four { animation-duration: 17s; }

#partner-weltkarte .bkw-core { position: absolute; z-index: 8; top: 26%; left: 49.5%; display: flex; width: 4.75rem; height: 4.75rem; align-items: center; justify-content: center; transform: translate(-50%, -50%); }
#partner-weltkarte .core-ring { position: absolute; border: 1px solid rgba(255, 59, 22, .4); border-radius: 50%; }
#partner-weltkarte .ring-a { inset: 0; border-top-color: var(--bkw-red); animation: bkwRotate 8s linear infinite; }
#partner-weltkarte .ring-b { inset: .625rem; border-left-color: var(--bkw-gold); animation: bkwRotateReverse 6s linear infinite; }
#partner-weltkarte .core-center { display: flex; width: 2.8125rem; height: 2.8125rem; flex-direction: column; align-items: center; justify-content: center; background: radial-gradient(circle, #28120c, #080d0f 70%); border-radius: 50%; box-shadow: 0 0 1.5625rem rgba(255, 59, 22, .25); }
#partner-weltkarte .core-center small { color: #977d59; font-size: .25rem; letter-spacing: .0625rem; }
#partner-weltkarte .core-center strong { margin-top: .125rem; color: #fff; font-family: Georgia, serif; font-size: .9375rem; }

#partner-weltkarte .partner-sigil { position: absolute; z-index: 12; display: flex; width: 2rem; height: 2rem; align-items: center; justify-content: center; text-decoration: none; }
#partner-weltkarte .sigil-symbol { position: relative; z-index: 3; display: flex; width: 1.625rem; height: 1.625rem; align-items: center; justify-content: center; color: #e8d8c3; background: #081317; border: 1px solid var(--bkw-red); font-family: Georgia, serif; font-size: .625rem; box-shadow: 0 0 .75rem rgba(255, 59, 22, .25); transform: rotate(45deg); transition: transform .3s ease, box-shadow .3s ease; }
#partner-weltkarte .sigil-symbol > span { transform: rotate(-45deg); }
#partner-weltkarte .sigil-pulse { position: absolute; inset: 0; border: 1px solid rgba(255, 59, 22, .6); border-radius: 50%; animation: bkwSigilPulse 2.5s ease-out infinite; }
#partner-weltkarte .sigil-reloop { top: 22%; left: 47%; }
#partner-weltkarte .sigil-omni { top: 29%; left: 51%; }
#partner-weltkarte .sigil-elevator { top: 31%; left: 45%; }
#partner-weltkarte .sigil-trend { top: 19%; left: 50%; }
#partner-weltkarte .sigil-art { top: 25%; left: 24%; }
#partner-weltkarte .sigil-info { position: absolute; top: -1.875rem; left: 2.5rem; width: 10.625rem; padding: .8125rem; opacity: 0; visibility: hidden; pointer-events: none; color: #8fa1a6; background: rgba(4, 14, 18, .97); border: 1px solid rgba(185, 147, 82, .45); box-shadow: 0 .75rem 1.875rem rgba(0, 0, 0, .55); transform: translateX(-.5rem); transition: opacity .25s ease, transform .25s ease, visibility .25s; }
#partner-weltkarte .sigil-info::before { content: ""; position: absolute; top: -1px; left: -1px; width: 1.875rem; height: 1px; background: var(--bkw-red); box-shadow: 0 0 .5rem var(--bkw-red); }
#partner-weltkarte .sigil-info small { display: block; color: #687f87; font-size: .375rem; letter-spacing: .09375rem; }
#partner-weltkarte .sigil-info strong { display: block; margin-top: .375rem; color: #eee5d7; font-family: Georgia, serif; font-size: .875rem; letter-spacing: .0625rem; }
#partner-weltkarte .sigil-info em { display: block; margin-top: .25rem; color: var(--bkw-red); font-size: .375rem; font-style: normal; letter-spacing: .0875rem; }
#partner-weltkarte .sigil-info b { display: block; margin-top: .6875rem; padding-top: .5rem; color: #8fa1a6; border-top: 1px solid rgba(116, 92, 55, .25); font-size: .375rem; font-weight: 400; letter-spacing: .0625rem; }

#partner-weltkarte .ocean-name { position: absolute; color: rgba(148, 126, 89, .24); font-family: Georgia, serif; font-size: .5625rem; font-style: italic; letter-spacing: .25rem; pointer-events: none; }
#partner-weltkarte .ocean-atlantic { top: 47%; left: 34%; transform: rotate(-15deg); }
#partner-weltkarte .ocean-pacific { top: 48%; right: 5%; transform: rotate(12deg); }

#partner-weltkarte .bkw-compass { position: absolute; z-index: 20; top: 5rem; left: 2.625rem; display: flex; width: 5.3125rem; height: 5.3125rem; align-items: center; justify-content: center; opacity: .65; border-radius: 50%; }
#partner-weltkarte .compass-ring { position: absolute; inset: .625rem; border: 1px solid var(--bkw-gold-dark); border-radius: 50%; box-shadow: inset 0 0 .9375rem rgba(185, 147, 82, .1); }
#partner-weltkarte .compass-needle { position: absolute; width: 2px; height: 4.0625rem; background: linear-gradient(to bottom, var(--bkw-red), var(--bkw-gold), #44555a); clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%); }
#partner-weltkarte .bkw-compass strong { position: relative; z-index: 3; color: #d7c3a1; font-family: Georgia, serif; font-size: .625rem; }
#partner-weltkarte .bkw-compass span { position: absolute; color: var(--bkw-gold); font-family: Georgia, serif; font-size: .5rem; }
#partner-weltkarte .bkw-compass .north { top: -.1875rem; }
#partner-weltkarte .bkw-compass .south { bottom: -.1875rem; }
#partner-weltkarte .bkw-compass .east { right: -.1875rem; }
#partner-weltkarte .bkw-compass .west { left: -.1875rem; }

#partner-weltkarte .bkw-legend { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 1.5625rem; padding: 1.125rem 1.25rem .3125rem; }
#partner-weltkarte .legend-title { display: flex; align-items: center; gap: .5rem; padding-right: 1.25rem; color: var(--bkw-gold); font-family: Georgia, serif; font-size: .5625rem; letter-spacing: .09375rem; }
#partner-weltkarte .legend-title span { color: var(--bkw-red); }
#partner-weltkarte .legend-item { display: flex; align-items: center; gap: .5625rem; }
#partner-weltkarte .legend-item i { display: block; width: .625rem; height: .625rem; }
#partner-weltkarte .legend-core { background: var(--bkw-red); border-radius: 50%; box-shadow: 0 0 .5rem var(--bkw-red); }
#partner-weltkarte .legend-partner { border: 1px solid var(--bkw-red); transform: rotate(45deg); }
#partner-weltkarte .legend-route { width: 1.375rem !important; height: 1px !important; border-top: 1px dashed var(--bkw-gold); }
#partner-weltkarte .legend-item strong { display: block; color: #a99470; font-size: .4375rem; letter-spacing: .0625rem; }
#partner-weltkarte .legend-item span { display: block; margin-top: .125rem; color: #657980; font-size: .375rem; }

#partner-weltkarte .bkw-status { position: relative; z-index: 5; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); max-width: 62.5rem; margin: 1.5625rem auto 0; background: rgba(3, 12, 15, .7); border-top: 1px solid rgba(185, 147, 82, .25); border-bottom: 1px solid rgba(185, 147, 82, .25); }
#partner-weltkarte .bkw-status > div { position: relative; min-width: 0; padding: .9375rem .625rem; text-align: center; }
#partner-weltkarte .bkw-status > div + div { border-left: 1px solid rgba(185, 147, 82, .13); }
#partner-weltkarte .bkw-status small { display: block; margin-bottom: .3125rem; color: #5e747c; font-size: .375rem; letter-spacing: .1rem; }
#partner-weltkarte .bkw-status strong { color: #9e8a69; font-family: Georgia, serif; font-size: .5rem; font-weight: 400; line-height: 1.4; letter-spacing: .0625rem; overflow-wrap: anywhere; }
#partner-weltkarte .bkw-status .green { color: var(--bkw-green); }
#partner-weltkarte .status-center { padding-top: 1.9375rem !important; }
#partner-weltkarte .status-orb { position: absolute; top: -.9375rem; left: 50%; display: flex; width: 1.875rem; height: 1.875rem; align-items: center; justify-content: center; background: #061116; border: 1px solid var(--bkw-gold-dark); border-radius: 50%; transform: translateX(-50%); }
#partner-weltkarte .status-orb::before { content: ""; position: absolute; inset: .25rem; border: 1px solid rgba(255, 59, 22, .5); border-radius: 50%; animation: bkwRotate 5s linear infinite; }
#partner-weltkarte .status-orb span { width: .375rem; height: .375rem; background: var(--bkw-green); border-radius: 50%; box-shadow: 0 0 .625rem var(--bkw-green); animation: bkwStatusPulse 2s ease-in-out infinite; }

@media (hover: hover) {
  #partner-weltkarte .continent:hover { fill: #12323a; stroke: rgba(255, 72, 37, .7); }
  #partner-weltkarte .partner-sigil:hover .sigil-symbol { transform: rotate(45deg) scale(1.18); box-shadow: 0 0 1.5625rem rgba(255, 59, 22, .6); }
  #partner-weltkarte .partner-sigil:hover .sigil-info { opacity: 1; visibility: visible; transform: translateX(0); }
}
#partner-weltkarte .partner-sigil:focus-visible { outline: 2px solid var(--bkw-gold); outline-offset: .45rem; }
#partner-weltkarte .partner-sigil:focus-visible .sigil-info { opacity: 1; visibility: visible; transform: translateX(0); }

@keyframes bkwRouteMove { to { stroke-dashoffset: -200; } }
@keyframes bkwRotate { to { transform: rotate(360deg); } }
@keyframes bkwRotateReverse { from { transform: rotate(360deg); } to { transform: rotate(0); } }
@keyframes bkwSigilPulse { 0% { opacity: .8; transform: scale(.5); } 100% { opacity: 0; transform: scale(2.3); } }
@keyframes bkwStatusPulse { 0%, 100% { opacity: .5; transform: scale(.8); } 50% { opacity: 1; transform: scale(1.25); } }
@keyframes bkwWorldFog { from { transform: translateX(-1.875rem); } to { transform: translateX(3.75rem); } }

@media (max-width: 850px) {
  #partner-weltkarte .bk-worldmap { padding: 3.125rem .9375rem 1.5625rem; }
  #partner-weltkarte .bkw-map-frame { padding: 3.125rem .625rem .9375rem; }
  #partner-weltkarte .bkw-map { min-height: 26.875rem; }
  #partner-weltkarte .bkw-compass { transform: scale(.7); transform-origin: left top; }
  #partner-weltkarte .sigil-info { width: 8.75rem; }
  #partner-weltkarte .bkw-status { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #partner-weltkarte .bkw-status > div { border-bottom: 1px solid rgba(185, 147, 82, .13); }
  #partner-weltkarte .bkw-status > div + div { border-left: 0; }
  #partner-weltkarte .bkw-status > div:nth-child(even) { border-left: 1px solid rgba(185, 147, 82, .13); }
  #partner-weltkarte .status-center { grid-column: 1 / -1; }
}

@media (max-width: 550px) {
  #partner-weltkarte .bk-worldmap { padding: 2.5rem .75rem 1.25rem; }
  #partner-weltkarte .bkw-eyebrow { gap: .5rem; font-size: .4rem; letter-spacing: .14rem; }
  #partner-weltkarte .bkw-eyebrow i { width: 1.5rem; }
  #partner-weltkarte .bkw-header h1 { font-size: 1.75rem; letter-spacing: .125rem; }
  #partner-weltkarte .bkw-rune-line { font-size: .4375rem; }
  #partner-weltkarte .bkw-map-title strong { font-size: .42rem; }
  #partner-weltkarte .bkw-map { min-height: 18.75rem; }
  #partner-weltkarte .bkw-compass, #partner-weltkarte .ocean-name { display: none; }
  #partner-weltkarte .bkw-core { width: 3.5rem; height: 3.5rem; }
  #partner-weltkarte .ring-b { inset: .45rem; }
  #partner-weltkarte .core-center { width: 2.1rem; height: 2.1rem; }
  #partner-weltkarte .partner-sigil { transform: scale(.75); }
  #partner-weltkarte .sigil-info { position: fixed; z-index: 100; top: 50%; left: 50%; width: 13.125rem; transform: translate(-50%, -50%); }
  #partner-weltkarte .partner-sigil:focus-visible .sigil-info { transform: translate(-50%, -50%); }
  #partner-weltkarte .bkw-legend { display: grid; grid-template-columns: minmax(0, 1fr); gap: .75rem; }
  #partner-weltkarte .legend-title { padding-right: 0; }
  #partner-weltkarte .bkw-status { grid-template-columns: minmax(0, 1fr); }
  #partner-weltkarte .bkw-status > div,
  #partner-weltkarte .bkw-status > div:nth-child(even) { border-left: 0; }
  #partner-weltkarte .status-center { grid-column: auto; margin-top: .9375rem; }
}

@media (prefers-reduced-motion: reduce) {
  #partner-weltkarte .route, #partner-weltkarte .core-ring, #partner-weltkarte .sigil-pulse, #partner-weltkarte .status-orb::before, #partner-weltkarte .status-orb span, #partner-weltkarte .bkw-fog { animation: none; }
  #partner-weltkarte .continent, #partner-weltkarte .sigil-symbol, #partner-weltkarte .sigil-info { transition: none; }
}

/* Partner-Netzwerk: eigenständiges System innerhalb der Partner-Unterseite */
#partner-netzwerk .bk-partner-system {
  --bp-bg: #061015;
  --bp-panel: rgba(7, 20, 27, .96);
  --bp-line: rgba(95, 155, 176, .22);
  --bp-text: #e3edf0;
  --bp-muted: #80949d;
  --bp-red: #ff3b16;
  --bp-green: #49ffa1;
  position: relative;
  width: 100%;
  padding: clamp(2.8rem, 6vw, 4.375rem) clamp(1.2rem, 4vw, 2.8125rem) 2.1875rem;
  overflow: hidden;
  color: var(--bp-text);
  background:
    radial-gradient(circle at 50% 20%, rgba(27, 92, 111, .17), transparent 33%),
    radial-gradient(circle at 50% 70%, rgba(255, 59, 22, .035), transparent 30%),
    linear-gradient(160deg, rgba(5, 16, 22, .98), rgba(5, 13, 18, .98));
  border: 1px solid var(--bp-line);
  font-family: Arial, Helvetica, sans-serif;
  isolation: isolate;
}

#partner-netzwerk .bk-partner-system,
#partner-netzwerk .bk-partner-system * { box-sizing: border-box; }

#partner-netzwerk .bp-grid,
#partner-netzwerk .bp-noise,
#partner-netzwerk .bp-ambient { position: absolute; pointer-events: none; }

#partner-netzwerk .bp-grid {
  z-index: -2;
  inset: 0;
  opacity: .14;
  background-image: linear-gradient(rgba(75, 139, 160, .16) 1px, transparent 1px), linear-gradient(90deg, rgba(75, 139, 160, .16) 1px, transparent 1px);
  background-size: 3rem 3rem;
  mask-image: linear-gradient(to bottom, transparent, #000 12%, #000 88%, transparent);
}

#partner-netzwerk .bp-noise {
  z-index: -1;
  inset: 0;
  opacity: .09;
  background: repeating-linear-gradient(0deg, transparent 0, transparent 3px, rgba(255, 255, 255, .025) 4px);
}

#partner-netzwerk .bp-ambient { z-index: -1; width: 28rem; height: 28rem; border-radius: 50%; filter: blur(8.75rem); opacity: .1; }
#partner-netzwerk .bp-ambient-red { top: 35%; right: -15.625rem; background: var(--bp-red); }
#partner-netzwerk .bp-ambient-blue { top: 10%; left: -17.5rem; background: #27a6d0; }

#partner-netzwerk .bp-header { position: relative; z-index: 5; max-width: 53.125rem; margin: 0 auto clamp(3.5rem, 7vw, 5.3125rem); text-align: center; }
#partner-netzwerk .bp-kicker { display: inline-flex; align-items: center; gap: .625rem; margin-bottom: 1.125rem; color: #8399a2; font-size: .5625rem; letter-spacing: .25rem; }
#partner-netzwerk .bp-kicker-dot { width: .4375rem; height: .4375rem; flex: 0 0 auto; background: var(--bp-green); border-radius: 50%; box-shadow: 0 0 .3125rem var(--bp-green), 0 0 .9375rem rgba(73, 255, 161, .7); animation: bpPulse 1.8s ease-in-out infinite; }
#partner-netzwerk .bp-header h1 { margin: 0; color: #edf5f7; font-size: clamp(2.375rem, 6vw, 4.375rem); font-weight: 800; line-height: .95; letter-spacing: .3125rem; overflow-wrap: anywhere; }
#partner-netzwerk .bp-header h1 span { display: block; margin-top: .75rem; color: var(--bp-red); font-size: .38em; font-weight: 500; letter-spacing: .75rem; }
#partner-netzwerk .bp-code { display: inline-block; margin-top: 1.5625rem; padding: .5rem .9375rem; color: #718992; border-right: 1px solid var(--bp-red); border-left: 1px solid var(--bp-red); font-size: .5625rem; line-height: 1.6; letter-spacing: .1875rem; overflow-wrap: anywhere; }
#partner-netzwerk .bp-header p { max-width: 38.75rem; margin: 1.375rem auto 0; color: #899da5; font-size: .8125rem; line-height: 1.8; }
#partner-netzwerk .bp-header-status { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: .75rem; margin-top: 1.5625rem; color: #526b75; font-size: .5rem; letter-spacing: .125rem; }
#partner-netzwerk .bp-header-status strong { color: #69f4ac; font-size: .5rem; }
#partner-netzwerk .bp-header-status i { width: .1875rem; height: .1875rem; background: #516a73; border-radius: 50%; }

#partner-netzwerk .bp-network { position: relative; z-index: 4; max-width: 65rem; margin: auto; padding-bottom: 5rem; }
#partner-netzwerk .bp-spine { position: absolute; top: 0; bottom: 2.1875rem; left: 50%; width: 1px; background: linear-gradient(to bottom, transparent, rgba(68, 139, 164, .35) 5%, rgba(68, 139, 164, .35) 95%, transparent); box-shadow: 0 0 .625rem rgba(62, 156, 190, .08); transform: translateX(-50%); }
#partner-netzwerk .bp-spine-energy { position: absolute; left: -1px; width: 3px; height: 5rem; background: linear-gradient(to bottom, transparent, var(--bp-red), transparent); border-radius: .625rem; box-shadow: 0 0 .625rem rgba(255, 59, 22, .7); animation: bpEnergyTravel 7s linear infinite; }

#partner-netzwerk .bp-partner { position: relative; width: calc(50% - 4.0625rem); margin-bottom: 3.4375rem; }
#partner-netzwerk .bp-left { margin-right: auto; }
#partner-netzwerk .bp-right { margin-left: auto; }
#partner-netzwerk .bp-partner:nth-of-type(4),
#partner-netzwerk .bp-partner:nth-of-type(6) { margin-top: -.9375rem; }

#partner-netzwerk .bp-connector { position: absolute; top: 4.6875rem; width: 4.0625rem; height: 1px; background: linear-gradient(90deg, rgba(61, 130, 153, .2), rgba(61, 130, 153, .7)); }
#partner-netzwerk .bp-left .bp-connector { right: -4.0625rem; }
#partner-netzwerk .bp-right .bp-connector { left: -4.0625rem; transform: rotate(180deg); }
#partner-netzwerk .bp-connector::after { content: ""; position: absolute; top: -.25rem; right: -.25rem; width: .5625rem; height: .5625rem; background: #07151b; border: 1px solid rgba(76, 164, 192, .55); border-radius: 50%; box-shadow: 0 0 .625rem rgba(67, 170, 204, .25); }
#partner-netzwerk .bp-connector span { position: absolute; width: 1.25rem; height: 1px; background: var(--bp-red); box-shadow: 0 0 .5rem rgba(255, 59, 22, .7); animation: bpConnectorTravel 2.8s ease-in-out infinite; }

#partner-netzwerk .bp-card { position: relative; min-width: 0; overflow: hidden; background: linear-gradient(145deg, rgba(10, 27, 35, .98), rgba(5, 16, 22, .98)); border: 1px solid var(--bp-line); box-shadow: 0 1.125rem 2.8125rem rgba(0, 0, 0, .26); transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease; }
#partner-netzwerk .bp-card::before { content: ""; position: absolute; z-index: 8; top: -1px; left: -1px; width: 2.625rem; height: 2px; background: var(--bp-red); box-shadow: 0 0 .75rem rgba(255, 59, 22, .7); transition: width .4s ease; }
#partner-netzwerk .bp-card::after { content: ""; position: absolute; right: .625rem; bottom: .625rem; width: .75rem; height: .75rem; border-right: 1px solid rgba(78, 139, 160, .35); border-bottom: 1px solid rgba(78, 139, 160, .35); }
#partner-netzwerk .bp-card-top { display: flex; align-items: center; justify-content: space-between; padding: .8125rem 1.0625rem; color: #526b74; border-bottom: 1px solid rgba(85, 139, 158, .15); font-size: .4375rem; letter-spacing: .125rem; }
#partner-netzwerk .bp-card-top strong { color: #708993; font-size: .5rem; font-weight: 500; }

#partner-netzwerk .bp-logo-box { position: relative; display: flex; height: 9.375rem; align-items: center; justify-content: center; padding: 1.5625rem; overflow: hidden; background: radial-gradient(circle at center, rgba(33, 76, 91, .18), rgba(3, 12, 16, .75)); border-bottom: 1px solid rgba(82, 138, 158, .16); text-decoration: none; }
#partner-netzwerk .bp-logo-light { background: linear-gradient(145deg, rgba(232, 238, 240, .96), rgba(255, 255, 255, .98)); }
#partner-netzwerk .bp-logo-box img { position: relative; z-index: 3; display: block; width: auto; height: auto; max-width: 90%; max-height: 5.9375rem; object-fit: contain; transition: transform .45s ease, filter .45s ease; }
#partner-netzwerk .bp-scan { position: absolute; z-index: 4; top: -.625rem; right: 0; left: 0; height: 2px; opacity: 0; pointer-events: none; background: linear-gradient(90deg, transparent, rgba(255, 59, 22, .8), #ff7355, rgba(255, 59, 22, .8), transparent); box-shadow: 0 0 .625rem rgba(255, 59, 22, .7); }

#partner-netzwerk .bp-card-content { padding: 1.375rem 1.375rem 1.25rem; }
#partner-netzwerk .bp-title-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 1.25rem; }
#partner-netzwerk .bp-category { display: block; margin-bottom: .375rem; color: var(--bp-red); font-size: .4375rem; line-height: 1.5; letter-spacing: .1375rem; }
#partner-netzwerk .bp-card h2 { margin: 0; color: #edf4f6; font-family: Georgia, "Times New Roman", serif; font-size: 1.25rem; font-weight: 500; letter-spacing: .125rem; overflow-wrap: anywhere; }
#partner-netzwerk .bp-active { display: flex; align-items: center; gap: .375rem; padding-top: .25rem; color: #6f8a94; font-size: .4375rem; letter-spacing: .09375rem; }
#partner-netzwerk .bp-active i { width: .3125rem; height: .3125rem; flex: 0 0 auto; background: var(--bp-green); border-radius: 50%; box-shadow: 0 0 .5rem var(--bp-green); animation: bpPulse 2s ease-in-out infinite; }
#partner-netzwerk .bp-card-content p { min-height: 2.625rem; margin: 1.0625rem 0 1.25rem; color: #82959d; font-size: .6875rem; line-height: 1.7; }
#partner-netzwerk .bp-visit { display: flex; align-items: center; justify-content: space-between; padding-top: .875rem; color: #9aadb4; border-top: 1px solid rgba(77, 133, 153, .17); font-size: .5rem; letter-spacing: .125rem; text-decoration: none; transition: color .3s ease, padding-left .3s ease; }
#partner-netzwerk .bp-visit b { color: var(--bp-red); font-size: .9375rem; font-weight: 400; transition: transform .3s ease; }

#partner-netzwerk .bp-terminal { position: relative; display: flex; width: 3.125rem; height: 3.125rem; align-items: center; justify-content: center; margin: 0 auto; }
#partner-netzwerk .bp-terminal-ring { position: absolute; inset: 0; border: 1px solid rgba(75, 157, 185, .35); border-top-color: var(--bp-red); border-radius: 50%; animation: bpRotate 8s linear infinite; }
#partner-netzwerk .bp-terminal-core { width: .5625rem; height: .5625rem; background: var(--bp-red); border-radius: 50%; box-shadow: 0 0 .5rem var(--bp-red), 0 0 1.5625rem rgba(255, 59, 22, .6); animation: bpCorePulse 1.8s ease-in-out infinite; }

#partner-netzwerk .bp-footer { position: relative; z-index: 5; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); max-width: 56.25rem; margin: .625rem auto 0; background: rgba(4, 14, 19, .55); border-top: 1px solid var(--bp-line); border-bottom: 1px solid var(--bp-line); }
#partner-netzwerk .bp-footer > div { min-width: 0; padding: 1.0625rem .75rem; text-align: center; }
#partner-netzwerk .bp-footer > div + div { border-left: 1px solid rgba(84, 139, 158, .15); }
#partner-netzwerk .bp-footer span { display: block; margin-bottom: .375rem; color: #526a74; font-size: .4375rem; line-height: 1.5; letter-spacing: .1125rem; }
#partner-netzwerk .bp-footer strong { color: #a8bbc2; font-size: .5625rem; line-height: 1.5; letter-spacing: .1rem; font-weight: 500; overflow-wrap: anywhere; }
#partner-netzwerk .bp-footer .bp-online { color: #65e9a7; }
#partner-netzwerk .bp-footer .bp-online i { display: inline-block; width: .3125rem; height: .3125rem; margin-right: .3125rem; background: var(--bp-green); border-radius: 50%; box-shadow: 0 0 .5rem var(--bp-green); animation: bpPulse 2s ease-in-out infinite; }

@media (hover: hover) {
  #partner-netzwerk .bp-card:hover { transform: translateY(-.375rem); border-color: rgba(255, 76, 39, .45); box-shadow: 0 1.5625rem 3.75rem rgba(0, 0, 0, .38), 0 0 1.875rem rgba(255, 59, 22, .045); }
  #partner-netzwerk .bp-card:hover::before { width: 100%; }
  #partner-netzwerk .bp-logo-box:hover img { transform: scale(1.035); }
  #partner-netzwerk .bp-card:hover .bp-scan { opacity: 1; animation: bpScan 2.2s linear infinite; }
  #partner-netzwerk .bp-visit:hover { padding-left: .3125rem; color: #fff; }
  #partner-netzwerk .bp-visit:hover b { transform: translate(.1875rem, -.1875rem); }
}

@keyframes bpPulse { 0%, 100% { opacity: .45; transform: scale(.8); } 50% { opacity: 1; transform: scale(1.25); } }
@keyframes bpEnergyTravel { 0% { top: -5rem; opacity: 0; } 10%, 90% { opacity: 1; } 100% { top: 100%; opacity: 0; } }
@keyframes bpConnectorTravel { 0% { left: 0; opacity: 0; } 20%, 80% { opacity: 1; } 100% { left: calc(100% - 1.25rem); opacity: 0; } }
@keyframes bpScan { 0% { top: 0; opacity: 0; } 15%, 85% { opacity: .9; } 100% { top: 100%; opacity: 0; } }
@keyframes bpRotate { to { transform: rotate(360deg); } }
@keyframes bpCorePulse { 0%, 100% { transform: scale(.8); box-shadow: 0 0 .375rem var(--bp-red), 0 0 .9375rem rgba(255, 59, 22, .35); } 50% { transform: scale(1.25); box-shadow: 0 0 .75rem var(--bp-red), 0 0 2rem rgba(255, 59, 22, .7); } }

@media (max-width: 1050px) {
  #partner-netzwerk .bk-partner-system { padding: 3.4375rem 1.5625rem 1.875rem; }
  #partner-netzwerk .bp-header { margin-bottom: 3.75rem; }
  #partner-netzwerk .bp-network { padding-left: 1.875rem; }
  #partner-netzwerk .bp-spine { left: .3125rem; transform: none; }
  #partner-netzwerk .bp-partner { width: calc(100% - 2.8125rem); margin-right: 0 !important; margin-bottom: 2.1875rem; margin-left: 2.8125rem !important; }
  #partner-netzwerk .bp-connector, #partner-netzwerk .bp-left .bp-connector, #partner-netzwerk .bp-right .bp-connector { right: auto; left: -2.5rem; width: 2.5rem; transform: none; }
  #partner-netzwerk .bp-terminal { margin-left: -1.25rem; }
  #partner-netzwerk .bp-footer { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #partner-netzwerk .bp-footer > div:nth-child(3) { border-top: 1px solid rgba(84, 139, 158, .15); border-left: 0; }
  #partner-netzwerk .bp-footer > div:nth-child(4) { border-top: 1px solid rgba(84, 139, 158, .15); }
}

@media (max-width: 520px) {
  #partner-netzwerk .bk-partner-system { padding: 2.8125rem .9375rem 1.5625rem; }
  #partner-netzwerk .bp-header h1 { font-size: clamp(2.05rem, 11vw, 3rem); letter-spacing: .125rem; }
  #partner-netzwerk .bp-header h1 span { letter-spacing: .375rem; }
  #partner-netzwerk .bp-code { letter-spacing: .09375rem; }
  #partner-netzwerk .bp-network { padding-left: 0; }
  #partner-netzwerk .bp-spine, #partner-netzwerk .bp-connector { display: none; }
  #partner-netzwerk .bp-partner { width: 100%; margin-right: 0 !important; margin-left: 0 !important; }
  #partner-netzwerk .bp-logo-box { height: 7.8125rem; }
  #partner-netzwerk .bp-logo-box img { max-height: 5rem; }
  #partner-netzwerk .bp-title-row { display: block; }
  #partner-netzwerk .bp-active { margin-top: .625rem; }
  #partner-netzwerk .bp-card-content p { min-height: 0; }
  #partner-netzwerk .bp-terminal { margin: 1.25rem auto 0; }
  #partner-netzwerk .bp-footer { grid-template-columns: minmax(0, 1fr); }
  #partner-netzwerk .bp-footer > div + div, #partner-netzwerk .bp-footer > div:nth-child(3) { border-top: 1px solid rgba(84, 139, 158, .15); border-left: 0; }
}

@media (prefers-reduced-motion: reduce) {
  #partner-netzwerk .bp-kicker-dot, #partner-netzwerk .bp-spine-energy, #partner-netzwerk .bp-connector span, #partner-netzwerk .bp-terminal-ring, #partner-netzwerk .bp-terminal-core, #partner-netzwerk .bp-active i, #partner-netzwerk .bp-footer .bp-online i { animation: none; }
  #partner-netzwerk .bp-card, #partner-netzwerk .bp-logo-box img, #partner-netzwerk .bp-visit, #partner-netzwerk .bp-visit b { transition: none; }
  #partner-netzwerk .bp-card:hover .bp-scan { display: none; animation: none; }
}

/* Dienstleistungszentrale: rahmenloses Originalmotiv oberhalb der Einleitung */
#dienstleistungen {
  padding-top: clamp(1.25rem, 2.8vw, 2.75rem);
}

.services-visual {
  display: grid;
  width: 100%;
  margin: 0 auto clamp(2rem, 4vw, 4rem);
  place-items: center;
}

.services-visual img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 68vh;
  object-fit: contain;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.services-image-note {
  position: relative;
  width: min(100%, 64rem);
  margin-top: clamp(1.25rem, 2.5vw, 2rem);
  padding: clamp(1.15rem, 2.4vw, 1.75rem) clamp(1rem, 3.2vw, 2.5rem);
  color: #c9c1b7;
  text-align: center;
  background: linear-gradient(90deg, transparent, rgba(38, 27, 19, .58) 16%, rgba(38, 27, 19, .58) 84%, transparent);
  border-block: 1px solid rgba(221, 167, 98, .22);
}

.services-image-note::before {
  content: "";
  position: absolute;
  top: -1px;
  left: 50%;
  width: min(13rem, 45%);
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--bk-gold), transparent);
  transform: translateX(-50%);
}

.services-image-note p {
  max-width: 56rem;
  margin: 0 auto;
  font-size: clamp(.82rem, 1.15vw, .96rem);
  line-height: 1.7;
  text-wrap: pretty;
}

.services-image-note p + p {
  margin-top: .72rem;
}

.services-image-note .services-image-note__label {
  display: flex;
  justify-content: center;
  gap: .65rem;
  color: var(--bk-gold);
  font-family: Consolas, "Courier New", monospace;
  font-size: clamp(.7rem, 1vw, .78rem);
  font-weight: 700;
  letter-spacing: .11em;
  line-height: 1.4;
  text-transform: uppercase;
}

#dienstleistungen .services-intro {
  max-width: 72rem;
}

.future-area-shell {
  width: min(100%, 86rem);
  margin-inline: auto;
}

.future-backlink {
  margin-bottom: clamp(1.6rem, 4vw, 3.25rem);
}

.future-backlink a {
  display: inline-flex;
  align-items: center;
  gap: .7rem;
  color: #bdb8b1;
  font-size: .75rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.future-backlink svg {
  width: 1rem;
  height: 1rem;
  color: var(--future-accent);
  transform: rotate(180deg);
}

.future-backlink a:hover,
.future-backlink a:focus-visible {
  color: #fff;
  outline: none;
}

.future-area-hero {
  max-width: 72rem;
}

.future-area-hero .eyebrow {
  color: var(--future-accent);
}

.future-area-hero h1 {
  max-width: 100%;
  color: #f3eee7;
  font-size: clamp(2.35rem, 6.4vw, 6.5rem);
  line-height: .93;
  overflow-wrap: anywhere;
  text-wrap: balance;
}

.future-area-hero > p:last-child {
  max-width: 60rem;
  color: #bbb8b4;
}

.future-status {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  margin-top: clamp(2rem, 4vw, 3.5rem);
  padding: clamp(1.15rem, 2.5vw, 1.7rem);
  color: #c9c6c1;
  background: rgba(8, 14, 17, .82);
  border: 1px solid color-mix(in srgb, var(--future-accent) 32%, transparent);
  border-left: 3px solid var(--future-accent);
}

.future-status > span {
  display: grid;
  flex: 0 0 auto;
  width: 2rem;
  height: 2rem;
  place-items: center;
  color: var(--future-accent);
  border: 1px solid currentColor;
  border-radius: 50%;
  font-family: Consolas, "Courier New", monospace;
  font-weight: 700;
}

.future-status strong {
  color: #f1ece5;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.future-status p {
  margin: .35rem 0 0;
  line-height: 1.65;
}

.future-card-grid,
.future-link-grid,
/* CIU · Creative Intelligence Unit: eigenständiger Dienstleistungsbereich */
.service-focus-card.service-focus-card--ciu-service {
  --service-focus-accent: #48c5ff;
  --service-focus-warm: #d2a448;
  background:
    radial-gradient(circle at 88% 8%, rgba(72, 197, 255, .14), transparent 29rem),
    radial-gradient(circle at 8% 100%, rgba(210, 164, 72, .08), transparent 24rem),
    linear-gradient(145deg, #081923, #050e14);
  border-color: rgba(72, 197, 255, .3);
}
.service-focus-card.service-focus-card--ciu-service blockquote { width: min(100%, 75rem); font-size: clamp(1.15rem, 1.75vw, 1.8rem); }

.bk-ciu {
  --ciu-bg: #050e14;
  --ciu-panel: #081720;
  --ciu-white: #f1f5f7;
  --ciu-text: #aebdc6;
  --ciu-line: rgba(255, 255, 255, .1);
  --ciu-blue-line: rgba(72, 197, 255, .28);
  --ciu-cyan: #48c5ff;
  --ciu-gold: #d2a448;
  --ciu-green: #64b995;
  --ciu-orange: #d5a44e;
  --ciu-grey: #8b9ba3;
  width: 100%;
  color: var(--ciu-white);
}
.bk-ciu *, .bk-ciu *::before, .bk-ciu *::after { box-sizing: border-box; }
.bk-ciu [id] { scroll-margin-top: 8rem; }
.bk-ciu h1, .bk-ciu h2, .bk-ciu h3 { margin: 0 0 1.2rem; color: #fff; font-family: Georgia, "Times New Roman", serif; font-weight: 500; line-height: 1.12; overflow-wrap: anywhere; }
.bk-ciu h1 { max-width: 62rem; font-size: clamp(2.45rem, 5vw, 5rem); }
.bk-ciu h2 { font-size: clamp(1.9rem, 3.6vw, 3rem); }
.bk-ciu h3 { font-size: clamp(1.2rem, 2vw, 1.55rem); }
.bk-ciu p { color: var(--ciu-text); font-size: .94rem; line-height: 1.8; overflow-wrap: anywhere; }
.bk-ciu .ciu-kicker { margin-bottom: 1rem; color: var(--ciu-cyan); font-size: .66rem; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; overflow-wrap: anywhere; }
.bk-ciu .ciu-number { margin-bottom: .8rem; color: rgba(72, 197, 255, .45); font-family: Georgia, serif; font-size: clamp(2.8rem, 6vw, 4.6rem); line-height: 1; }

.bk-ciu .ciu-intro { display: grid; grid-template-columns: 13rem minmax(0, 1fr); margin-bottom: 1.25rem; overflow: hidden; background: radial-gradient(circle at 90% 0, rgba(72, 197, 255, .15), transparent 34%), linear-gradient(135deg, #0a1d28, #050e14); border: 1px solid var(--ciu-blue-line); }
.bk-ciu .ciu-code { display: flex; flex-direction: column; justify-content: center; padding: 2.7rem 2rem; background: linear-gradient(160deg, rgba(72, 197, 255, .1), rgba(255, 255, 255, .01)); border-right: 1px solid var(--ciu-line); }
.bk-ciu .ciu-code span { color: #fff; font-size: clamp(3rem, 5vw, 4.2rem); font-weight: 900; line-height: .9; letter-spacing: -.08em; }
.bk-ciu .ciu-code strong { margin-top: 1.1rem; color: var(--ciu-cyan); font-size: .62rem; letter-spacing: .17em; }
.bk-ciu .ciu-intro-content { padding: clamp(2rem, 4vw, 3.5rem); }
.bk-ciu .ciu-lead { max-width: 55rem; color: #e1eaee; font-size: clamp(1.05rem, 1.7vw, 1.25rem); line-height: 1.7; }
.bk-ciu .ciu-intro-content > p { max-width: 58rem; }
.bk-ciu .ciu-status-legend { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 2rem; border: 1px solid var(--ciu-line); }
.bk-ciu .ciu-status { padding: 1.2rem; border-right: 1px solid var(--ciu-line); }
.bk-ciu .ciu-status:last-child { border-right: 0; }
.bk-ciu .ciu-status > span { display: inline-block; width: .5rem; height: .5rem; margin-right: .5rem; border-radius: 50%; background: currentColor; }
.bk-ciu .ciu-status strong { color: #eaf1f4; font-size: .58rem; letter-spacing: .13em; }
.bk-ciu .ciu-status small { display: block; margin: .45rem 0 0 1.1rem; color: #8b9ba3; font-size: .62rem; }
.bk-ciu .existing { color: var(--ciu-green); }
.bk-ciu .building { color: var(--ciu-orange); }
.bk-ciu .concept { color: var(--ciu-grey); }

.bk-ciu .ciu-nav { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-bottom: clamp(2.5rem, 5vw, 4rem); background: #061017; border: 1px solid var(--ciu-line); }
.bk-ciu .ciu-nav button { min-height: 5rem; padding: 1rem; color: #c4d0d6; background: transparent; border: 0; border-right: 1px solid var(--ciu-line); border-bottom: 1px solid var(--ciu-line); font: inherit; font-size: .67rem; font-weight: 700; line-height: 1.45; cursor: pointer; transition: color .2s ease, background .2s ease, border-color .2s ease; }
.bk-ciu .ciu-nav button:nth-child(3n) { border-right: 0; }
.bk-ciu .ciu-nav button:nth-last-child(-n + 3) { border-bottom: 0; }
.bk-ciu .ciu-nav button span { display: block; margin-bottom: .45rem; color: var(--ciu-cyan); font-size: .57rem; font-weight: 800; letter-spacing: .16em; }
.bk-ciu .ciu-nav button:hover, .bk-ciu .ciu-nav button:focus-visible { color: #fff; background: rgba(72, 197, 255, .08); outline: 1px solid rgba(72, 197, 255, .5); outline-offset: -1px; }

.bk-ciu .ciu-principle { display: grid; grid-template-columns: 14rem minmax(0, 1fr); margin: 1.35rem 0; background: linear-gradient(120deg, rgba(72, 197, 255, .08), rgba(5, 14, 20, .98) 42%); border: 1px solid rgba(72, 197, 255, .25); }
.bk-ciu .ciu-principle-side { display: flex; flex-direction: column; justify-content: center; padding: 2.5rem; border-right: 1px solid var(--ciu-line); }
.bk-ciu .ciu-principle-side span { margin-bottom: 1.3rem; color: var(--ciu-cyan); font-family: Georgia, serif; font-size: 2.3rem; }
.bk-ciu .ciu-principle-side strong { color: #91aab7; font-size: .64rem; line-height: 1.8; letter-spacing: .16em; }
.bk-ciu .ciu-principle-content { padding: clamp(2rem, 4vw, 3rem); }
.bk-ciu .ciu-principle-content blockquote { margin: 1.8rem 0 0; padding: 1.1rem 1.3rem; color: #e4edf1; background: rgba(72, 197, 255, .03); border-left: 2px solid var(--ciu-cyan); font-size: .72rem; font-style: normal; font-weight: 800; letter-spacing: .08em; overflow-wrap: anywhere; }

.bk-ciu .ciu-section, .bk-ciu .ciu-cooperation, .bk-ciu .ciu-training, .bk-ciu .ciu-development-status, .bk-ciu .ciu-boundaries { margin: 1.35rem 0; padding: clamp(2rem, 4vw, 3rem); background: radial-gradient(circle at 100% 0, rgba(72, 197, 255, .07), transparent 35%), #071219; border: 1px solid var(--ciu-line); }
.bk-ciu .ciu-section-head { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(2rem, 5vw, 4rem); margin-bottom: 2.3rem; }
.bk-ciu .ciu-section-description { align-self: end; }
.bk-ciu .ciu-module-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--ciu-line); border-left: 1px solid var(--ciu-line); }
.bk-ciu .ciu-module { min-height: 14rem; padding: 1.7rem 1.4rem; background: rgba(255, 255, 255, .012); border-right: 1px solid var(--ciu-line); border-bottom: 1px solid var(--ciu-line); }
.bk-ciu .ciu-module > span { display: block; margin-bottom: 1.3rem; color: var(--ciu-cyan); font-size: .58rem; font-weight: 800; letter-spacing: .16em; }
.bk-ciu .ciu-module p { margin-bottom: 0; font-size: .78rem; line-height: 1.7; }

.bk-ciu .ciu-security { margin: 1.35rem 0; padding: clamp(2rem, 4vw, 3rem); background: radial-gradient(circle at 0 50%, rgba(210, 164, 72, .09), transparent 35%), #071219; border: 1px solid rgba(210, 164, 72, .23); }
.bk-ciu .ciu-security-title { max-width: 52rem; margin-bottom: 2rem; }
.bk-ciu .ciu-security-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border: 1px solid var(--ciu-line); }
.bk-ciu .ciu-security-grid > div { min-height: 16rem; padding: 1.7rem; border-right: 1px solid var(--ciu-line); }
.bk-ciu .ciu-security-grid > div:last-child { border-right: 0; }
.bk-ciu .ciu-badge { display: inline-block; margin-bottom: 1.4rem; padding: .42rem .6rem; color: currentColor; border: 1px solid currentColor; font-size: .54rem; font-weight: 800; letter-spacing: .12em; }

.bk-ciu .ciu-tech { display: grid; grid-template-columns: 10.5rem minmax(0, 1fr); margin: 1.35rem 0; background: radial-gradient(circle at 100% 0, rgba(72, 197, 255, .12), transparent 35%), #061017; border: 1px solid var(--ciu-blue-line); }
.bk-ciu .ciu-tech-index { display: flex; flex-direction: column; justify-content: center; padding: 2.3rem; border-right: 1px solid var(--ciu-line); }
.bk-ciu .ciu-tech-index span { color: rgba(72, 197, 255, .45); font-family: Georgia, serif; font-size: 4rem; }
.bk-ciu .ciu-tech-index strong { margin-top: .9rem; color: var(--ciu-cyan); font-size: .57rem; letter-spacing: .17em; }
.bk-ciu .ciu-tech-content { padding: clamp(2rem, 4vw, 3rem); }
.bk-ciu .ciu-tech-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 2rem; border-top: 1px solid var(--ciu-line); border-left: 1px solid var(--ciu-line); }
.bk-ciu .ciu-tech-grid > div { padding: 1.4rem; border-right: 1px solid var(--ciu-line); border-bottom: 1px solid var(--ciu-line); }
.bk-ciu .ciu-tech-grid span, .bk-ciu .ciu-interface-items span { display: block; margin-bottom: .6rem; color: var(--ciu-cyan); font-size: .57rem; font-weight: 800; }
.bk-ciu .ciu-tech-grid strong, .bk-ciu .ciu-interface-items strong { display: block; color: #e5edf1; font-size: .76rem; }
.bk-ciu .ciu-tech-grid small { display: block; margin-top: .5rem; color: #7d909a; font-size: .66rem; line-height: 1.5; }
.bk-ciu .ciu-concept-warning { margin-top: 1.8rem; padding: 1.2rem; background: rgba(210, 164, 72, .035); border-left: 2px solid var(--ciu-orange); }
.bk-ciu .ciu-concept-warning strong { color: var(--ciu-orange); font-size: .58rem; letter-spacing: .16em; }
.bk-ciu .ciu-concept-warning p { margin: .45rem 0 0; font-size: .76rem; }

.bk-ciu .ciu-interface { display: grid; grid-template-columns: 11rem minmax(0, 1fr); border: 1px solid var(--ciu-line); }
.bk-ciu .ciu-interface-center { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 11rem; background: radial-gradient(circle, rgba(72, 197, 255, .12), transparent 65%); border-right: 1px solid var(--ciu-line); }
.bk-ciu .ciu-interface-center span { color: #fff; font-size: 2.5rem; font-weight: 900; }
.bk-ciu .ciu-interface-center small { margin-top: .45rem; color: var(--ciu-cyan); font-size: .57rem; letter-spacing: .16em; }
.bk-ciu .ciu-interface-items { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.bk-ciu .ciu-interface-items > div { padding: 1.7rem; border-right: 1px solid var(--ciu-line); border-bottom: 1px solid var(--ciu-line); }
.bk-ciu .ciu-interface-items > div:nth-child(2n) { border-right: 0; }
.bk-ciu .ciu-interface-items > div:nth-last-child(-n + 2) { border-bottom: 0; }

.bk-ciu .ciu-training-head, .bk-ciu .ciu-status-head { max-width: 52rem; margin-bottom: 2.2rem; }
.bk-ciu .ciu-development-flow { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr; align-items: center; }
.bk-ciu .ciu-development-flow > div { min-height: 8.5rem; padding: 1.25rem; text-align: center; border: 1px solid rgba(72, 197, 255, .17); }
.bk-ciu .ciu-development-flow span { display: block; margin-bottom: .7rem; color: var(--ciu-cyan); font-size: .58rem; font-weight: 800; }
.bk-ciu .ciu-development-flow strong { display: block; color: #edf4f6; font-size: .7rem; letter-spacing: .08em; }
.bk-ciu .ciu-development-flow small { display: block; margin-top: .6rem; color: #81949e; font-size: .64rem; line-height: 1.5; }
.bk-ciu .ciu-development-flow i { padding: 0 .55rem; color: var(--ciu-gold); font-style: normal; }
.bk-ciu .ciu-training-bottom { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 1.8rem; border: 1px solid var(--ciu-line); }
.bk-ciu .ciu-training-bottom > div { padding: 1.4rem; border-right: 1px solid var(--ciu-line); }
.bk-ciu .ciu-training-bottom > div:last-child { border-right: 0; }
.bk-ciu .ciu-training-bottom span { color: var(--ciu-cyan); font-size: .52rem; font-weight: 800; letter-spacing: .11em; }
.bk-ciu .ciu-training-bottom p { margin-bottom: 0; font-size: .7rem; line-height: 1.6; }

.bk-ciu .ciu-development-status { background: linear-gradient(135deg, #081821, #050e14); border-color: rgba(72, 197, 255, .2); }
.bk-ciu .ciu-status-columns { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border: 1px solid var(--ciu-line); }
.bk-ciu .ciu-status-column { padding: 1.8rem; border-right: 1px solid var(--ciu-line); }
.bk-ciu .ciu-status-column:last-child { border-right: 0; }
.bk-ciu .ciu-status-symbol { width: .65rem; height: .65rem; margin-bottom: 1.2rem; border-radius: 50%; background: currentColor; box-shadow: 0 0 1.1rem currentColor; }
.bk-ciu .ciu-status-column > span { display: block; margin-bottom: 1.2rem; color: currentColor; font-size: .57rem; font-weight: 800; letter-spacing: .16em; }
.bk-ciu .ciu-status-column p { margin-bottom: 0; font-size: .76rem; }

.bk-ciu .ciu-boundaries { background: #050e14; }
.bk-ciu .ciu-boundaries-head { max-width: 52rem; margin: 0 auto 2.1rem; text-align: center; }
.bk-ciu .ciu-boundary-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; }
.bk-ciu .ciu-boundary-grid > div { display: grid; grid-template-columns: 1.75rem minmax(0, 1fr); gap: .75rem; padding: 1.35rem; background: rgba(255, 255, 255, .015); border: 1px solid var(--ciu-line); }
.bk-ciu .ciu-boundary-grid > div > span { color: #a9bac2; font-size: 1.2rem; }
.bk-ciu .ciu-boundary-grid strong { color: #edf3f5; font-size: .76rem; }
.bk-ciu .ciu-boundary-grid p { margin: .4rem 0 0; font-size: .7rem; line-height: 1.6; }

.bk-ciu .ciu-values { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); margin: 1.35rem 0; background: #061017; border: 1px solid var(--ciu-line); }
.bk-ciu .ciu-values > div { padding: 1.6rem .7rem; text-align: center; border-right: 1px solid var(--ciu-line); }
.bk-ciu .ciu-values > div:last-child { border-right: 0; }
.bk-ciu .ciu-values span { display: block; margin-bottom: .5rem; color: var(--ciu-cyan); font-size: .57rem; font-weight: 800; letter-spacing: .15em; }
.bk-ciu .ciu-values strong { display: block; color: #eef3f5; font-family: Georgia, serif; font-size: 1rem; font-weight: 500; }
.bk-ciu .ciu-values small { display: block; margin-top: .45rem; color: #758891; font-size: .58rem; }

.bk-ciu .ciu-contact { display: grid; grid-template-columns: 1.4fr .8fr; margin-top: 3rem; background: radial-gradient(circle at 10% 50%, rgba(210, 164, 72, .11), transparent 38%), #071015; border: 1px solid rgba(210, 164, 72, .3); }
.bk-ciu .ciu-contact-main { padding: clamp(2rem, 4vw, 3.3rem); }
.bk-ciu .ciu-contact-main p { max-width: 43rem; }
.bk-ciu .ciu-contact-buttons { display: flex; flex-wrap: wrap; gap: .65rem; margin-top: 1.8rem; }
.bk-ciu .ciu-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 3rem; padding: .8rem 1.2rem; text-decoration: none; font-size: .67rem; font-weight: 800; letter-spacing: .07em; transition: filter .2s ease, background .2s ease, transform .2s ease; }
.bk-ciu .ciu-btn-primary { color: #071015; background: var(--ciu-gold); border: 1px solid var(--ciu-gold); }
.bk-ciu .ciu-btn-secondary { color: #dcebf3; background: rgba(72, 197, 255, .05); border: 1px solid rgba(72, 197, 255, .45); }
.bk-ciu .ciu-contact-info { display: flex; flex-direction: column; justify-content: center; padding: clamp(1.8rem, 3vw, 2.4rem); background: rgba(255, 255, 255, .018); border-left: 1px solid var(--ciu-line); }
.bk-ciu .ciu-contact-info > div { padding: 1.1rem 0; border-bottom: 1px solid var(--ciu-line); }
.bk-ciu .ciu-contact-info > div:last-child { border-bottom: 0; }
.bk-ciu .ciu-contact-info span { color: var(--ciu-gold); font-size: .57rem; font-weight: 800; letter-spacing: .16em; }
.bk-ciu .ciu-contact-info p { margin: .3rem 0 0; font-size: .78rem; }

@media (hover: hover) {
  .bk-ciu .ciu-module { transition: border-color .2s ease, background .2s ease, transform .2s ease; }
  .bk-ciu .ciu-module:hover { transform: translateY(-.16rem); background: rgba(72, 197, 255, .035); border-color: rgba(72, 197, 255, .35); }
  .bk-ciu .ciu-btn:hover { transform: translateY(-.12rem); }
  .bk-ciu .ciu-btn-primary:hover { filter: brightness(1.08); }
  .bk-ciu .ciu-btn-secondary:hover { background: rgba(72, 197, 255, .11); }
}
@media (max-width: 950px) {
  .bk-ciu .ciu-intro { grid-template-columns: 9.5rem minmax(0, 1fr); }
  .bk-ciu .ciu-section-head { grid-template-columns: 1fr; gap: 1rem; }
  .bk-ciu .ciu-module-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bk-ciu .ciu-security-grid, .bk-ciu .ciu-status-columns, .bk-ciu .ciu-contact { grid-template-columns: 1fr; }
  .bk-ciu .ciu-security-grid > div, .bk-ciu .ciu-status-column { min-height: 0; border-right: 0; border-bottom: 1px solid var(--ciu-line); }
  .bk-ciu .ciu-security-grid > div:last-child, .bk-ciu .ciu-status-column:last-child { border-bottom: 0; }
  .bk-ciu .ciu-development-flow { grid-template-columns: 1fr; gap: .5rem; }
  .bk-ciu .ciu-development-flow i { text-align: center; transform: rotate(90deg); }
  .bk-ciu .ciu-training-bottom { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bk-ciu .ciu-training-bottom > div:nth-child(2) { border-right: 0; }
  .bk-ciu .ciu-training-bottom > div:nth-child(-n + 2) { border-bottom: 1px solid var(--ciu-line); }
  .bk-ciu .ciu-contact-info { border-top: 1px solid var(--ciu-line); border-left: 0; }
}
@media (max-width: 650px) {
  .service-focus-card.service-focus-card--ciu-service blockquote { font-size: 1.08rem; line-height: 1.55; }
  .bk-ciu .ciu-intro, .bk-ciu .ciu-principle, .bk-ciu .ciu-tech, .bk-ciu .ciu-interface { grid-template-columns: 1fr; }
  .bk-ciu .ciu-code, .bk-ciu .ciu-principle-side, .bk-ciu .ciu-tech-index, .bk-ciu .ciu-interface-center { padding: 1.6rem 1.3rem; border-right: 0; border-bottom: 1px solid var(--ciu-line); }
  .bk-ciu .ciu-intro-content, .bk-ciu .ciu-principle-content, .bk-ciu .ciu-tech-content, .bk-ciu .ciu-section, .bk-ciu .ciu-security, .bk-ciu .ciu-cooperation, .bk-ciu .ciu-training, .bk-ciu .ciu-development-status, .bk-ciu .ciu-boundaries, .bk-ciu .ciu-contact-main { padding: 1.8rem 1.3rem; }
  .bk-ciu h1 { font-size: clamp(2.25rem, 11vw, 3.2rem); }
  .bk-ciu h2 { font-size: 1.85rem; }
  .bk-ciu .ciu-status-legend, .bk-ciu .ciu-module-grid, .bk-ciu .ciu-tech-grid, .bk-ciu .ciu-interface-items, .bk-ciu .ciu-training-bottom, .bk-ciu .ciu-boundary-grid, .bk-ciu .ciu-values { grid-template-columns: 1fr; }
  .bk-ciu .ciu-status { border-right: 0; border-bottom: 1px solid var(--ciu-line); }
  .bk-ciu .ciu-status:last-child { border-bottom: 0; }
  .bk-ciu .ciu-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bk-ciu .ciu-nav button:nth-child(3n) { border-right: 1px solid var(--ciu-line); }
  .bk-ciu .ciu-nav button:nth-child(2n) { border-right: 0; }
  .bk-ciu .ciu-nav button:nth-last-child(-n + 3) { border-bottom: 1px solid var(--ciu-line); }
  .bk-ciu .ciu-nav button:nth-last-child(-n + 2) { border-bottom: 0; }
  .bk-ciu .ciu-module { min-height: 0; }
  .bk-ciu .ciu-interface-items > div { border-right: 0; border-bottom: 1px solid var(--ciu-line); }
  .bk-ciu .ciu-interface-items > div:nth-last-child(-n + 2) { border-bottom: 1px solid var(--ciu-line); }
  .bk-ciu .ciu-interface-items > div:last-child { border-bottom: 0; }
  .bk-ciu .ciu-training-bottom > div { border-right: 0; border-bottom: 1px solid var(--ciu-line); }
  .bk-ciu .ciu-training-bottom > div:last-child { border-bottom: 0; }
  .bk-ciu .ciu-values > div { border-right: 0; border-bottom: 1px solid var(--ciu-line); }
  .bk-ciu .ciu-values > div:last-child { border-bottom: 0; }
  .bk-ciu .ciu-contact-buttons { flex-direction: column; }
  .bk-ciu .ciu-btn { width: 100%; }
  .bk-ciu .ciu-contact-info { padding: 1.6rem 1.3rem; }
}

/* Kooperationen & Fachschnittstellen: eigenständiger Dienstleistungsbereich */
.service-focus-card.service-focus-card--coop-service {
  --service-focus-accent: #48c5ff;
  --service-focus-warm: #d4a64d;
  background:
    radial-gradient(circle at 88% 8%, rgba(72, 197, 255, .14), transparent 29rem),
    radial-gradient(circle at 8% 100%, rgba(212, 166, 77, .08), transparent 24rem),
    linear-gradient(145deg, #081923, #050e14);
  border-color: rgba(72, 197, 255, .3);
}
.service-focus-card.service-focus-card--coop-service blockquote { width: min(100%, 76rem); font-size: clamp(1.1rem, 1.65vw, 1.72rem); line-height: 1.55; }

.bk-coop {
  --coop-bg: #050e14;
  --coop-panel: #07151d;
  --coop-white: #f2f5f6;
  --coop-text: #adbbc3;
  --coop-line: rgba(255, 255, 255, .1);
  --coop-blue-line: rgba(72, 197, 255, .27);
  --coop-cyan: #48c5ff;
  --coop-gold: #d4a64d;
  --coop-green: #65b995;
  --coop-orange: #d3a24e;
  --coop-grey: #87979f;
  width: 100%;
  color: var(--coop-white);
}
.bk-coop *, .bk-coop *::before, .bk-coop *::after { box-sizing: border-box; }
.bk-coop [id] { scroll-margin-top: 8rem; }
.bk-coop h1, .bk-coop h2, .bk-coop h3 { margin: 0 0 1.2rem; color: #fff; font-family: Georgia, "Times New Roman", serif; font-weight: 500; line-height: 1.12; overflow-wrap: anywhere; }
.bk-coop h1 { max-width: 68rem; font-size: clamp(2.35rem, 4.7vw, 4.8rem); }
.bk-coop h2 { font-size: clamp(1.9rem, 3.6vw, 3rem); }
.bk-coop h3 { font-size: clamp(1.2rem, 2vw, 1.5rem); }
.bk-coop p { color: var(--coop-text); font-size: .94rem; line-height: 1.8; overflow-wrap: anywhere; }
.bk-coop .coop-kicker { margin-bottom: 1rem; color: var(--coop-cyan); font-size: .66rem; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; overflow-wrap: anywhere; }
.bk-coop .coop-section-number { color: rgba(72, 197, 255, .4); font-family: Georgia, serif; font-size: clamp(3.2rem, 7vw, 5rem); line-height: 1; }
.bk-coop .coop-section-number.small { margin-bottom: .85rem; font-size: clamp(2.8rem, 6vw, 4rem); }

.bk-coop .coop-intro { display: grid; grid-template-columns: 13.5rem minmax(0, 1fr); margin-bottom: 1.25rem; overflow: hidden; background: radial-gradient(circle at 90% 0, rgba(72, 197, 255, .14), transparent 35%), linear-gradient(135deg, #091b25, #050e14); border: 1px solid var(--coop-blue-line); }
.bk-coop .coop-intro-mark { display: flex; flex-direction: column; justify-content: center; padding: 2.7rem 2.1rem; background: linear-gradient(160deg, rgba(72, 197, 255, .09), rgba(255, 255, 255, .01)); border-right: 1px solid var(--coop-line); }
.bk-coop .coop-intro-mark span { color: #fff; font-size: clamp(3.1rem, 5vw, 4.2rem); font-weight: 900; line-height: .9; letter-spacing: -.08em; }
.bk-coop .coop-intro-mark strong { margin-top: 1.2rem; color: var(--coop-cyan); font-size: .58rem; line-height: 1.7; letter-spacing: .17em; }
.bk-coop .coop-intro-content { padding: clamp(2rem, 4vw, 3.4rem); }
.bk-coop .coop-lead { max-width: 57rem; color: #e1e9ed; font-size: clamp(1.05rem, 1.7vw, 1.25rem); line-height: 1.7; }
.bk-coop .coop-intro-content > p { max-width: 59rem; }
.bk-coop .coop-principles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 2rem; border: 1px solid var(--coop-line); }
.bk-coop .coop-principles > div { padding: 1.3rem; border-right: 1px solid var(--coop-line); }
.bk-coop .coop-principles > div:last-child { border-right: 0; }
.bk-coop .coop-principles span { display: block; margin-bottom: .45rem; color: var(--coop-cyan); font-size: .58rem; font-weight: 800; letter-spacing: .16em; }
.bk-coop .coop-principles strong { display: block; color: #edf3f5; font-size: .65rem; letter-spacing: .13em; }
.bk-coop .coop-principles small { display: block; margin-top: .45rem; color: #83949d; font-size: .64rem; }

.bk-coop .coop-nav { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-bottom: clamp(2.5rem, 5vw, 4rem); background: #061017; border: 1px solid var(--coop-line); }
.bk-coop .coop-nav button { min-height: 5rem; padding: 1rem; color: #c5d0d6; background: transparent; border: 0; border-right: 1px solid var(--coop-line); border-bottom: 1px solid var(--coop-line); font: inherit; font-size: .67rem; font-weight: 700; line-height: 1.45; cursor: pointer; transition: color .2s ease, background .2s ease; }
.bk-coop .coop-nav button:nth-child(3n) { border-right: 0; }
.bk-coop .coop-nav button:nth-last-child(-n + 3) { border-bottom: 0; }
.bk-coop .coop-nav button span { display: block; margin-bottom: .45rem; color: var(--coop-cyan); font-size: .57rem; font-weight: 800; letter-spacing: .16em; }
.bk-coop .coop-nav button:hover, .bk-coop .coop-nav button:focus-visible { color: #fff; background: rgba(72, 197, 255, .08); outline: 1px solid rgba(72, 197, 255, .5); outline-offset: -1px; }

.bk-coop .coop-principle { display: grid; grid-template-columns: 10.5rem minmax(0, 1fr); margin: 1.35rem 0; background: radial-gradient(circle at 0 50%, rgba(72, 197, 255, .09), transparent 35%), #071219; border: 1px solid var(--coop-blue-line); }
.bk-coop .coop-principle > .coop-section-number { display: flex; align-items: center; justify-content: center; padding: 2rem; border-right: 1px solid var(--coop-line); }
.bk-coop .coop-principle-content { padding: clamp(2rem, 4vw, 3rem); }
.bk-coop .coop-principle-content > p { max-width: 55rem; }
.bk-coop .coop-formula { display: flex; flex-wrap: wrap; align-items: center; gap: .7rem; margin-top: 1.8rem; padding: 1.2rem; background: rgba(72, 197, 255, .025); border: 1px solid var(--coop-line); }
.bk-coop .coop-formula span { padding: .5rem .65rem; color: #dce9ee; border: 1px solid rgba(72, 197, 255, .2); font-size: .57rem; font-weight: 800; letter-spacing: .08em; }
.bk-coop .coop-formula i, .bk-coop .coop-formula b { color: var(--coop-gold); font-size: 1rem; font-style: normal; }
.bk-coop .coop-formula strong { color: var(--coop-cyan); font-size: .64rem; letter-spacing: .1em; }

.bk-coop .coop-fields, .bk-coop .coop-process, .bk-coop .coop-development, .bk-coop .coop-boundaries { margin: 1.35rem 0; padding: clamp(2rem, 4vw, 3rem); background: radial-gradient(circle at 100% 0, rgba(72, 197, 255, .07), transparent 35%), #071219; border: 1px solid var(--coop-line); }
.bk-coop .coop-section-head { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(2rem, 5vw, 4rem); margin-bottom: 2.3rem; }
.bk-coop .coop-section-text { align-self: end; }
.bk-coop .coop-field-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--coop-line); border-left: 1px solid var(--coop-line); }
.bk-coop .coop-field-grid article { position: relative; min-height: 18rem; padding: 1.7rem 1.45rem 3.3rem; background: rgba(255, 255, 255, .012); border-right: 1px solid var(--coop-line); border-bottom: 1px solid var(--coop-line); }
.bk-coop .coop-field-grid article > span { display: block; margin-bottom: 1.1rem; color: var(--coop-cyan); font-size: .58rem; font-weight: 800; letter-spacing: .16em; }
.bk-coop .coop-field-icon { display: inline-flex; align-items: center; justify-content: center; min-width: 2.9rem; height: 1.9rem; margin-bottom: 1.1rem; padding: 0 .5rem; color: rgba(72, 197, 255, .85); border: 1px solid rgba(72, 197, 255, .28); font-size: .53rem; font-weight: 900; letter-spacing: .08em; }
.bk-coop .coop-field-grid article p { margin-bottom: 0; font-size: .76rem; line-height: 1.7; }
.bk-coop .coop-field-grid article small { position: absolute; right: 1.45rem; bottom: 1.3rem; left: 1.45rem; color: #758892; font-size: .48rem; font-weight: 800; letter-spacing: .1em; overflow-wrap: anywhere; }
.bk-coop .coop-note { margin-top: 1.7rem; padding: 1.2rem 1.4rem; background: rgba(212, 166, 77, .035); border-left: 2px solid var(--coop-gold); }
.bk-coop .coop-note strong { color: var(--coop-gold); font-size: .58rem; letter-spacing: .16em; }
.bk-coop .coop-note p { margin: .45rem 0 0; font-size: .76rem; }

.bk-coop .coop-tech { display: grid; grid-template-columns: 12rem minmax(0, 1fr); margin: 1.35rem 0; background: radial-gradient(circle at 100% 0, rgba(72, 197, 255, .12), transparent 36%), #061017; border: 1px solid var(--coop-blue-line); }
.bk-coop .coop-tech-side { display: flex; flex-direction: column; justify-content: center; padding: 2.4rem; border-right: 1px solid var(--coop-line); }
.bk-coop .coop-tech-side > span { margin-bottom: 1.5rem; color: rgba(72, 197, 255, .4); font-family: Georgia, serif; font-size: 4rem; }
.bk-coop .coop-tech-side strong { color: #8ca7b5; font-size: .62rem; line-height: 1.8; letter-spacing: .16em; }
.bk-coop .coop-tech-content { padding: clamp(2rem, 4vw, 3rem); }
.bk-coop .coop-lead-small { max-width: 53rem; color: #d2dde2; font-size: 1rem; }
.bk-coop .coop-tech-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 2rem; border-top: 1px solid var(--coop-line); border-left: 1px solid var(--coop-line); }
.bk-coop .coop-tech-grid > div { min-height: 11rem; padding: 1.4rem; border-right: 1px solid var(--coop-line); border-bottom: 1px solid var(--coop-line); }
.bk-coop .coop-tech-grid span { display: block; margin-bottom: .75rem; color: var(--coop-cyan); font-size: .58rem; font-weight: 800; }
.bk-coop .coop-tech-grid strong { display: block; color: #edf3f5; font-family: Georgia, serif; font-size: 1.15rem; font-weight: 500; }
.bk-coop .coop-tech-grid p { margin-bottom: 0; font-size: .7rem; line-height: 1.65; }

.bk-coop .coop-process-head, .bk-coop .coop-development-head { max-width: 54rem; margin-bottom: 2.3rem; }
.bk-coop .coop-process-flow { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr auto 1fr; align-items: center; }
.bk-coop .coop-process-flow > div { min-height: 8.8rem; padding: 1.25rem .75rem; text-align: center; border: 1px solid rgba(72, 197, 255, .17); }
.bk-coop .coop-process-flow span { display: block; margin-bottom: .7rem; color: var(--coop-cyan); font-size: .58rem; font-weight: 800; }
.bk-coop .coop-process-flow strong { display: block; color: #edf3f5; font-size: .64rem; letter-spacing: .08em; }
.bk-coop .coop-process-flow small { display: block; margin-top: .6rem; color: #7d9099; font-size: .58rem; line-height: 1.5; }
.bk-coop .coop-process-flow i { padding: 0 .45rem; color: var(--coop-gold); font-style: normal; }

.bk-coop .coop-development { background: linear-gradient(135deg, #081821, #050e14); border-color: rgba(72, 197, 255, .2); }
.bk-coop .coop-status-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border: 1px solid var(--coop-line); }
.bk-coop .coop-status { min-height: 16rem; padding: 1.75rem; border-right: 1px solid var(--coop-line); }
.bk-coop .coop-status:last-child { border-right: 0; }
.bk-coop .coop-status > span { display: block; margin-bottom: .8rem; color: currentColor; font-size: .58rem; font-weight: 800; }
.bk-coop .coop-status > strong { display: inline-block; margin-bottom: 1.4rem; padding: .36rem .52rem; color: currentColor; border: 1px solid currentColor; font-size: .52rem; letter-spacing: .11em; }
.bk-coop .coop-status p { margin-bottom: 0; font-size: .76rem; }
.bk-coop .coop-status.existing { color: var(--coop-green); }
.bk-coop .coop-status.building { color: var(--coop-orange); }
.bk-coop .coop-status.future { color: var(--coop-grey); }

.bk-coop .coop-boundaries { background: #050e14; }
.bk-coop .coop-boundaries-head { max-width: 54rem; margin: 0 auto 2.2rem; text-align: center; }
.bk-coop .coop-boundary-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; }
.bk-coop .coop-boundary-grid > div { display: grid; grid-template-columns: 1.75rem minmax(0, 1fr); gap: .75rem; padding: 1.35rem; background: rgba(255, 255, 255, .015); border: 1px solid var(--coop-line); }
.bk-coop .coop-boundary-grid > div > span { color: #a7b8c0; font-size: 1.2rem; }
.bk-coop .coop-boundary-grid strong { color: #edf3f5; font-size: .76rem; }
.bk-coop .coop-boundary-grid p { margin: .4rem 0 0; font-size: .7rem; line-height: 1.6; }
.bk-coop .coop-values { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 1.35rem 0; background: #061017; border: 1px solid var(--coop-line); }
.bk-coop .coop-values > div { padding: 1.65rem .75rem; text-align: center; border-right: 1px solid var(--coop-line); }
.bk-coop .coop-values > div:last-child { border-right: 0; }
.bk-coop .coop-values span { display: block; margin-bottom: .5rem; color: var(--coop-cyan); font-size: .57rem; font-weight: 800; letter-spacing: .15em; }
.bk-coop .coop-values strong { display: block; color: #eef3f5; font-family: Georgia, serif; font-size: 1.05rem; font-weight: 500; }
.bk-coop .coop-values small { display: block; margin-top: .45rem; color: #758891; font-size: .58rem; }

.bk-coop .coop-contact { display: grid; grid-template-columns: 1.4fr .8fr; margin-top: 3rem; background: radial-gradient(circle at 10% 50%, rgba(212, 166, 77, .11), transparent 38%), #071015; border: 1px solid rgba(212, 166, 77, .3); }
.bk-coop .coop-contact-main { padding: clamp(2rem, 4vw, 3.3rem); }
.bk-coop .coop-contact-main p { max-width: 43rem; }
.bk-coop .coop-contact-buttons { display: flex; flex-wrap: wrap; gap: .65rem; margin-top: 1.8rem; }
.bk-coop .coop-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 3rem; padding: .8rem 1.2rem; text-decoration: none; font-size: .67rem; font-weight: 800; letter-spacing: .07em; transition: filter .2s ease, background .2s ease, transform .2s ease; }
.bk-coop .coop-btn-primary { color: #071015; background: var(--coop-gold); border: 1px solid var(--coop-gold); }
.bk-coop .coop-btn-secondary { color: #dcebf3; background: rgba(72, 197, 255, .05); border: 1px solid rgba(72, 197, 255, .45); }
.bk-coop .coop-contact-info { display: flex; flex-direction: column; justify-content: center; padding: clamp(1.8rem, 3vw, 2.4rem); background: rgba(255, 255, 255, .018); border-left: 1px solid var(--coop-line); }
.bk-coop .coop-contact-info > div { padding: 1.1rem 0; border-bottom: 1px solid var(--coop-line); }
.bk-coop .coop-contact-info > div:last-child { border-bottom: 0; }
.bk-coop .coop-contact-info span { color: var(--coop-gold); font-size: .57rem; font-weight: 800; letter-spacing: .16em; }
.bk-coop .coop-contact-info p { margin: .3rem 0 0; font-size: .78rem; }

@media (hover: hover) {
  .bk-coop .coop-field-grid article { transition: transform .2s ease, border-color .2s ease, background .2s ease; }
  .bk-coop .coop-field-grid article:hover { transform: translateY(-.16rem); background: rgba(72, 197, 255, .035); border-color: rgba(72, 197, 255, .35); }
  .bk-coop .coop-btn:hover { transform: translateY(-.12rem); }
  .bk-coop .coop-btn-primary:hover { filter: brightness(1.08); }
  .bk-coop .coop-btn-secondary:hover { background: rgba(72, 197, 255, .11); }
}
@media (max-width: 950px) {
  .bk-coop .coop-intro { grid-template-columns: 9.5rem minmax(0, 1fr); }
  .bk-coop .coop-section-head { grid-template-columns: 1fr; gap: 1rem; }
  .bk-coop .coop-field-grid, .bk-coop .coop-tech-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bk-coop .coop-process-flow { grid-template-columns: 1fr; gap: .5rem; }
  .bk-coop .coop-process-flow i { text-align: center; transform: rotate(90deg); }
  .bk-coop .coop-status-grid, .bk-coop .coop-contact { grid-template-columns: 1fr; }
  .bk-coop .coop-status { min-height: 0; border-right: 0; border-bottom: 1px solid var(--coop-line); }
  .bk-coop .coop-status:last-child { border-bottom: 0; }
  .bk-coop .coop-contact-info { border-top: 1px solid var(--coop-line); border-left: 0; }
}
@media (max-width: 650px) {
  .service-focus-card.service-focus-card--coop-service blockquote { font-size: 1.05rem; line-height: 1.58; }
  .bk-coop .coop-intro, .bk-coop .coop-principle, .bk-coop .coop-tech { grid-template-columns: 1fr; }
  .bk-coop .coop-intro-mark, .bk-coop .coop-principle > .coop-section-number, .bk-coop .coop-tech-side { justify-content: flex-start; padding: 1.6rem 1.3rem; border-right: 0; border-bottom: 1px solid var(--coop-line); }
  .bk-coop .coop-intro-content, .bk-coop .coop-principle-content, .bk-coop .coop-tech-content, .bk-coop .coop-fields, .bk-coop .coop-process, .bk-coop .coop-development, .bk-coop .coop-boundaries, .bk-coop .coop-contact-main { padding: 1.8rem 1.3rem; }
  .bk-coop h1 { font-size: clamp(2.2rem, 10.5vw, 3.1rem); }
  .bk-coop h2 { font-size: 1.85rem; }
  .bk-coop .coop-principles, .bk-coop .coop-field-grid, .bk-coop .coop-tech-grid, .bk-coop .coop-boundary-grid, .bk-coop .coop-values { grid-template-columns: 1fr; }
  .bk-coop .coop-principles > div, .bk-coop .coop-values > div { border-right: 0; border-bottom: 1px solid var(--coop-line); }
  .bk-coop .coop-principles > div:last-child, .bk-coop .coop-values > div:last-child { border-bottom: 0; }
  .bk-coop .coop-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bk-coop .coop-nav button:nth-child(3n) { border-right: 1px solid var(--coop-line); }
  .bk-coop .coop-nav button:nth-child(2n) { border-right: 0; }
  .bk-coop .coop-nav button:nth-last-child(-n + 3) { border-bottom: 1px solid var(--coop-line); }
  .bk-coop .coop-nav button:nth-last-child(-n + 2) { border-bottom: 0; }
  .bk-coop .coop-formula { align-items: flex-start; flex-direction: column; }
  .bk-coop .coop-formula i, .bk-coop .coop-formula b { margin-left: .9rem; transform: rotate(90deg); }
  .bk-coop .coop-field-grid article { min-height: 15.5rem; }
  .bk-coop .coop-tech-grid > div { min-height: 0; }
  .bk-coop .coop-contact-buttons { flex-direction: column; }
  .bk-coop .coop-btn { width: 100%; }
  .bk-coop .coop-contact-info { padding: 1.6rem 1.3rem; }
}

/* Technische Expertise: eigenständiger Dienstleistungsbereich */
.future-area-view--archive .bk-math-fragments {
  --bk-math-bg: #07090c;
  --bk-math-panel: #0d1117;
  --bk-math-line: #202832;
  --bk-math-text: #dce5ed;
  --bk-math-muted: #71808d;
  --bk-math-accent: #00e5ff;
  width: 100%;
  margin-top: clamp(2.5rem, 5vw, 4.5rem);
  padding: clamp(1.875rem, 5vw, 5rem);
  color: var(--bk-math-text);
  background:
    linear-gradient(rgba(0, 229, 255, .025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 229, 255, .025) 1px, transparent 1px),
    var(--bk-math-bg);
  background-size: 2.5rem 2.5rem;
  border: 1px solid rgba(0, 229, 255, .16);
  font-family: Consolas, "Courier New", monospace;
}

.future-area-view--archive .bk-math-fragments,
.future-area-view--archive .bk-math-fragments * {
  box-sizing: border-box;
}

.future-area-view--archive .bk-math-header {
  max-width: 87.5rem;
  margin: 0 auto 2.8125rem;
  padding-left: 1.25rem;
  border-left: 2px solid var(--bk-math-accent);
}

.future-area-view--archive .bk-system-id {
  color: var(--bk-math-accent);
  font-size: .75rem;
  letter-spacing: .1875rem;
}

.future-area-view--archive .bk-math-header h2 {
  margin: .625rem 0;
  color: var(--bk-math-text);
  font-size: clamp(1.875rem, 5vw, 4.0625rem);
  font-weight: 400;
  line-height: 1.05;
  letter-spacing: -.125rem;
  overflow-wrap: anywhere;
}

.future-area-view--archive .bk-math-header p {
  margin: 0;
  color: var(--bk-math-muted);
  font-size: .8125rem;
  line-height: 1.6;
  letter-spacing: .0625rem;
}

.future-area-view--archive .bk-math-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-width: 87.5rem;
  margin: auto;
  gap: .75rem;
}

.future-area-view--archive .bk-fragment {
  position: relative;
  min-width: 0;
  min-height: 9.0625rem;
  padding: 1.375rem;
  overflow: hidden;
  background: rgba(13, 17, 23, .82);
  border: 1px solid var(--bk-math-line);
  transition: border-color .25s ease, transform .25s ease, background .25s ease;
}

.future-area-view--archive .bk-fragment::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1.5625rem;
  height: 1px;
  background: var(--bk-math-accent);
}

.future-area-view--archive .bk-id {
  display: block;
  margin-bottom: 1.5625rem;
  color: var(--bk-math-muted);
  font-size: .625rem;
  line-height: 1.5;
  letter-spacing: .125rem;
  text-transform: uppercase;
  overflow-wrap: anywhere;
}

.future-area-view--archive .bk-formula {
  color: var(--bk-math-text);
  font-size: clamp(.9375rem, 1.5vw, 1.25rem);
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.future-area-view--archive .bk-secondary {
  margin-top: .75rem;
  color: var(--bk-math-accent);
  font-size: .8125rem;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.future-area-view--archive .bk-highlight {
  background: linear-gradient(135deg, rgba(0, 229, 255, .08), rgba(13, 17, 23, .9) 60%);
  border-color: rgba(0, 229, 255, .35);
}

.future-area-view--archive .bk-matrix {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  width: 7.1875rem;
  gap: .3125rem;
}

.future-area-view--archive .bk-matrix span {
  padding: .3125rem;
  color: var(--bk-math-accent);
  border: 1px solid var(--bk-math-line);
  text-align: center;
}

.future-area-view--archive .bk-unknown-layer {
  max-width: 87.5rem;
  margin: 4.375rem auto 0;
  padding: clamp(1.5625rem, 5vw, 3.75rem);
  background: rgba(5, 8, 11, .9);
  border: 1px solid var(--bk-math-line);
}

.future-area-view--archive .bk-unknown-layer > span {
  display: block;
  margin-bottom: 2.5rem;
  color: var(--bk-math-accent);
  font-size: .6875rem;
  line-height: 1.5;
  letter-spacing: .1875rem;
}

.future-area-view--archive .bk-large-formula {
  padding: 1.25rem 0;
  color: var(--bk-math-text);
  border-bottom: 1px solid var(--bk-math-line);
  font-size: clamp(1.0625rem, 2vw, 1.6875rem);
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.future-area-view--archive .bk-large-formula:last-child {
  border-bottom: 0;
}

.future-area-view--archive .bk-math-footer {
  display: flex;
  justify-content: space-between;
  max-width: 87.5rem;
  margin: 1.875rem auto 0;
  gap: 1.25rem;
  color: var(--bk-math-muted);
  font-size: .625rem;
  line-height: 1.6;
  letter-spacing: .125rem;
}

.future-area-view--archive .bk-math-footer span {
  color: var(--bk-math-accent);
}

@media (hover: hover) {
  .future-area-view--archive .bk-fragment:hover {
    transform: translateY(-.1875rem);
    background: rgba(12, 24, 29, .95);
    border-color: rgba(0, 229, 255, .6);
  }
}

@media (max-width: 1000px) {
  .future-area-view--archive .bk-math-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 650px) {
  .future-area-view--archive .bk-math-fragments {
    padding: 1.875rem 1rem;
  }

  .future-area-view--archive .bk-math-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .future-area-view--archive .bk-math-footer {
    flex-direction: column;
  }
}

#bk-competence {
  --bkc-bg: #050607;
  --bkc-panel: rgba(17, 19, 22, .9);
  --bkc-line: rgba(255, 255, 255, .1);
  --bkc-text: #e8e8e8;
  --bkc-muted: #9ca1a7;
  --bkc-orange: #f06b2a;
  --bkc-red: #a72e20;
  --bkc-gold: #d5a34c;
  --bkc-glow: rgba(240, 107, 42, .25);
  position: relative;
  width: 100%;
  overflow: hidden;
  color: var(--bkc-text);
  background: radial-gradient(circle at 50% 0, rgba(123, 40, 14, .2), transparent 34%), linear-gradient(180deg, #08090a, #030405);
  border: 1px solid rgba(240, 107, 42, .2);
  isolation: isolate;
}
#bk-competence *, #bk-competence *::before, #bk-competence *::after { box-sizing: border-box; }
#bk-competence a { color: inherit; }
#bk-competence .bk-shell { position: relative; z-index: 3; width: min(82.5rem, calc(100% - 3rem)); margin: 0 auto; }
#bk-competence .bk-grid { position: absolute; inset: 0; z-index: 1; pointer-events: none; opacity: .18; background-image: linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px); background-size: 2.9rem 2.9rem; mask-image: linear-gradient(to bottom, #000, transparent 90%); }
#bk-competence .bk-scan { position: absolute; inset: 0; z-index: 2; pointer-events: none; opacity: .08; background: repeating-linear-gradient(0deg, transparent 0, transparent 3px, rgba(255, 255, 255, .035) 4px); }

#bk-competence .bk-hero { position: relative; display: flex; align-items: center; min-height: min(52rem, 82vh); padding: clamp(4rem, 8vw, 7rem) 0 clamp(3.5rem, 7vw, 5rem); border-bottom: 1px solid var(--bkc-line); }
#bk-competence .bk-system-label { display: flex; align-items: center; gap: .75rem; margin-bottom: clamp(2.5rem, 6vw, 4.5rem); color: var(--bkc-muted); font-size: .68rem; letter-spacing: .25em; }
#bk-competence .bk-status-dot { width: .5rem; height: .5rem; border-radius: 50%; background: var(--bkc-orange); box-shadow: 0 0 1.1rem var(--bkc-orange); animation: bkcPulse 1.8s infinite; }
#bk-competence .bk-hero-layout { display: grid; grid-template-columns: 1.15fr .85fr; gap: clamp(2.5rem, 7vw, 5rem); align-items: center; }
#bk-competence .bk-hero-copy { min-width: 0; }
#bk-competence .bk-overline { margin-bottom: 1.5rem; color: var(--bkc-orange); font-size: .72rem; font-weight: 700; letter-spacing: .24em; }
#bk-competence .bk-hero h1 { margin: 0; color: #f4f4f4; font-size: clamp(3rem, 6.5vw, 6.4rem); font-weight: 900; line-height: .9; letter-spacing: -.055em; overflow-wrap: normal; word-break: normal; }
#bk-competence .bk-hero h1 span { color: transparent; -webkit-text-stroke: 1px var(--bkc-orange); text-shadow: 0 0 2.5rem rgba(240, 107, 42, .16); }
#bk-competence .bk-lead { max-width: 47rem; margin: 2.3rem 0 1.9rem; color: #babec3; font-size: clamp(1rem, 1.6vw, 1.15rem); line-height: 1.8; }
#bk-competence .bk-hero-tags, #bk-competence .bk-feature-tags, #bk-competence .bk-pm-tags, #bk-competence .bk-company-tags { display: flex; flex-wrap: wrap; gap: .55rem; }
#bk-competence .bk-hero-tags span, #bk-competence .bk-feature-tags span, #bk-competence .bk-pm-tags span, #bk-competence .bk-company-tags span { padding: .55rem .75rem; color: #c0c4c8; background: rgba(255, 255, 255, .025); border: 1px solid var(--bkc-line); font-size: .6rem; letter-spacing: .1em; }

#bk-competence .bk-core-wrap { position: relative; display: grid; place-items: center; width: min(29rem, 90vw); aspect-ratio: 1; margin: auto; }
#bk-competence .bk-core-ring { position: absolute; border: 1px solid rgba(240, 107, 42, .34); border-radius: 50%; }
#bk-competence .bk-ring-1 { inset: 5%; border-style: dashed; animation: bkcSpin 32s linear infinite; }
#bk-competence .bk-ring-2 { inset: 17%; border-color: rgba(255, 255, 255, .13); animation: bkcSpinReverse 22s linear infinite; }
#bk-competence .bk-ring-3 { inset: 29%; box-shadow: inset 0 0 2.2rem rgba(240, 107, 42, .12), 0 0 2.8rem rgba(240, 107, 42, .08); }
#bk-competence .bk-core { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 9rem; height: 9rem; background: radial-gradient(circle, rgba(240, 107, 42, .18), rgba(5, 6, 7, .96) 68%); border: 1px solid rgba(240, 107, 42, .75); border-radius: 50%; box-shadow: 0 0 3.1rem rgba(240, 107, 42, .25), inset 0 0 1.6rem rgba(240, 107, 42, .12); }
#bk-competence .bk-core small { color: var(--bkc-muted); font-size: .62rem; letter-spacing: .35em; }
#bk-competence .bk-core strong { margin: .3rem 0; font-size: 1.9rem; letter-spacing: .08em; }
#bk-competence .bk-core em { color: var(--bkc-orange); font-size: .5rem; font-style: normal; letter-spacing: .16em; }
#bk-competence .bk-core-data { position: absolute; color: #7e8388; font-size: .56rem; letter-spacing: .18em; }
#bk-competence .bk-data-a { top: 8%; left: 26%; } #bk-competence .bk-data-b { top: 31%; right: 2%; } #bk-competence .bk-data-c { right: 24%; bottom: 11%; } #bk-competence .bk-data-d { bottom: 30%; left: 1%; }
#bk-competence .bk-terminal { margin-top: 4.5rem; padding: 1.05rem 0; color: #8f9499; border-top: 1px solid var(--bkc-line); border-bottom: 1px solid var(--bkc-line); font-family: Consolas, monospace; font-size: .68rem; line-height: 1.6; letter-spacing: .09em; overflow-wrap: anywhere; }
#bk-competence .bk-terminal > span { margin-right: .65rem; color: var(--bkc-orange); }
#bk-competence .bk-terminal i { display: inline-block; width: .45rem; height: .8rem; margin-left: .5rem; vertical-align: middle; background: var(--bkc-orange); animation: bkcBlink .9s steps(1) infinite; }

#bk-competence .bk-section { position: relative; padding: clamp(4.5rem, 9vw, 7.5rem) 0; border-bottom: 1px solid var(--bkc-line); }
#bk-competence .bk-dark-section { background: rgba(0, 0, 0, .22); }
#bk-competence .bk-section-head { margin-bottom: clamp(2.5rem, 5vw, 3.8rem); }
#bk-competence .bk-section-head > span, #bk-competence .bk-mini-title { display: block; margin-bottom: 1rem; color: var(--bkc-orange); font-size: .62rem; font-weight: 700; letter-spacing: .25em; }
#bk-competence .bk-section-head h2 { margin: 0; color: #f3f3f3; font-size: clamp(2.15rem, 4.5vw, 4.2rem); font-weight: 900; line-height: 1; letter-spacing: -.035em; overflow-wrap: anywhere; }
#bk-competence .bk-section-head p { max-width: 45rem; margin-top: 1.25rem; color: var(--bkc-muted); line-height: 1.7; }
#bk-competence .bk-panel { position: relative; padding: clamp(1.7rem, 3vw, 2.4rem); background: linear-gradient(135deg, rgba(255, 255, 255, .035), transparent 42%), var(--bkc-panel); border: 1px solid var(--bkc-line); box-shadow: 0 1.2rem 5rem rgba(0, 0, 0, .18); }
#bk-competence .bk-panel::before { content: ""; position: absolute; top: 1.75rem; left: -1px; width: 3px; height: 2.75rem; background: var(--bkc-orange); box-shadow: 0 0 1.25rem var(--bkc-glow); }
#bk-competence .bk-profile-grid { display: grid; grid-template-columns: 1.45fr .75fr; gap: 1.5rem; }
#bk-competence .bk-profile-main p, #bk-competence .bk-conditions .bk-panel p, #bk-competence .bk-company-profile p { margin: 0 0 1.5rem; color: #b7bbc0; font-size: .96rem; line-height: 1.9; }
#bk-competence .bk-profile-main p:last-child, #bk-competence .bk-conditions .bk-panel p:last-child, #bk-competence .bk-company-profile p:last-of-type { margin-bottom: 0; }
#bk-competence .bk-profile-main strong, #bk-competence .bk-conditions strong, #bk-competence .bk-company-profile strong { color: #fff; }
#bk-competence .bk-discipline { padding: .65rem 0; color: #c0c4c8; border-bottom: 1px solid var(--bkc-line); font-size: .8rem; }

#bk-competence .bk-card-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; }
#bk-competence .bk-card { position: relative; min-height: 26rem; padding: clamp(1.7rem, 3vw, 2.4rem); overflow: hidden; background: linear-gradient(145deg, rgba(255, 255, 255, .035), transparent 45%), rgba(12, 14, 16, .94); border: 1px solid var(--bkc-line); transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease; }
#bk-competence .bk-card::after { content: ""; position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background: var(--bkc-orange); box-shadow: 0 0 1.25rem var(--bkc-orange); transition: width .3s ease; }
#bk-competence .bk-card-no { color: #62676c; font-family: Consolas, monospace; font-size: .68rem; letter-spacing: .2em; }
#bk-competence .bk-card-icon { position: absolute; top: 1.9rem; right: 2.1rem; color: var(--bkc-orange); font-size: 1.9rem; opacity: .78; }
#bk-competence .bk-card h3 { margin: 2.2rem 0 1.65rem; color: #f5f5f5; font-size: clamp(1.45rem, 2.2vw, 1.75rem); line-height: 1.12; overflow-wrap: anywhere; }
#bk-competence .bk-card ul { margin: 0; padding: 0; list-style: none; }
#bk-competence .bk-card li { position: relative; padding: .42rem 0 .42rem 1.15rem; color: #a9aeb3; font-size: .78rem; line-height: 1.55; }
#bk-competence .bk-card li::before { content: ""; position: absolute; top: 1rem; left: 0; width: .35rem; height: 1px; background: var(--bkc-orange); }
#bk-competence .bk-card-featured { background: radial-gradient(circle at 85% 15%, rgba(167, 46, 32, .18), transparent 35%), rgba(12, 14, 16, .94); }
#bk-competence .bk-card-featured p { max-width: 37rem; color: #a9aeb3; line-height: 1.75; }

#bk-competence .bk-pipeline { position: relative; display: grid; grid-template-columns: repeat(9, minmax(0, 1fr)); margin-top: 4.3rem; }
#bk-competence .bk-pipeline::before { content: ""; position: absolute; top: 1.2rem; right: 5%; left: 5%; height: 1px; opacity: .45; background: linear-gradient(90deg, transparent, var(--bkc-orange), var(--bkc-orange), transparent); }
#bk-competence .bk-pipe-item { position: relative; padding: 0 .35rem; text-align: center; }
#bk-competence .bk-pipe-item span { position: relative; z-index: 2; display: grid; place-items: center; width: 2.45rem; height: 2.45rem; margin: 0 auto 1.35rem; color: var(--bkc-orange); background: #08090a; border: 1px solid rgba(240, 107, 42, .58); border-radius: 50%; font-family: Consolas, monospace; font-size: .56rem; }
#bk-competence .bk-pipe-item strong { display: block; color: #b5b9bd; font-size: .56rem; line-height: 1.5; letter-spacing: .07em; overflow-wrap: anywhere; }
#bk-competence .bk-system-disciplines { margin-top: 4rem; padding: 1.35rem; color: #8d9297; border: 1px solid var(--bkc-line); text-align: center; font-size: .68rem; line-height: 1.8; letter-spacing: .07em; }

#bk-competence .bk-project-section { background: radial-gradient(circle at 10% 40%, rgba(149, 45, 20, .15), transparent 27%), rgba(0, 0, 0, .18); }
#bk-competence .bk-project-layout { display: grid; grid-template-columns: .75fr 1.25fr; gap: clamp(2.5rem, 5vw, 4rem); align-items: start; }
#bk-competence .bk-project-visual { position: sticky; top: 7rem; }
#bk-competence .bk-radar { position: relative; display: grid; place-items: center; width: min(23.5rem, 80vw); aspect-ratio: 1; margin: 1.25rem auto 3rem; overflow: hidden; background: linear-gradient(rgba(255, 255, 255, .025) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .025) 1px, transparent 1px); background-size: 1.55rem 1.55rem; border: 1px solid rgba(255, 255, 255, .08); border-radius: 50%; }
#bk-competence .bk-radar-circle { position: absolute; border: 1px solid rgba(240, 107, 42, .24); border-radius: 50%; }
#bk-competence .bk-radar .c1 { inset: 13%; } #bk-competence .bk-radar .c2 { inset: 29%; } #bk-competence .bk-radar .c3 { inset: 44%; }
#bk-competence .bk-radar-line { position: absolute; top: 50%; left: 50%; width: 50%; height: 1px; background: linear-gradient(90deg, var(--bkc-orange), transparent); transform-origin: left center; animation: bkcRadar 6s linear infinite; }
#bk-competence .bk-radar-core { z-index: 2; display: grid; place-items: center; width: 4rem; height: 4rem; color: #fff; background: #08090a; border: 1px solid var(--bkc-orange); border-radius: 50%; font-weight: 900; box-shadow: 0 0 2.2rem rgba(240, 107, 42, .22); }
#bk-competence .bk-project-quote { padding: 1.25rem 0 1.25rem 1.55rem; color: #a7acb1; border-left: 2px solid var(--bkc-orange); line-height: 1.7; }
#bk-competence .bk-project-quote span { display: block; margin-bottom: .65rem; color: var(--bkc-orange); font-size: .56rem; letter-spacing: .22em; }
#bk-competence .bk-project-list { border-top: 1px solid var(--bkc-line); }
#bk-competence .bk-project-list > div { display: grid; grid-template-columns: 3.5rem minmax(0, 1fr); gap: .9rem; padding: 1rem .3rem; color: #b5b9bd; border-bottom: 1px solid var(--bkc-line); font-size: .8rem; line-height: 1.55; transition: background .2s ease, padding-left .2s ease; }
#bk-competence .bk-project-list b { color: var(--bkc-orange); font-family: Consolas, monospace; font-weight: 400; }
#bk-competence .bk-pm-tags { margin-top: 3rem; }

#bk-competence .bk-company-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; }
#bk-competence .bk-calculation-list { margin: 1.2rem 0 1.8rem; border-top: 1px solid var(--bkc-line); }
#bk-competence .bk-calculation-list > div { display: grid; grid-template-columns: 3.75rem minmax(0, 1fr); gap: .9rem; padding: 1.1rem 0; color: #babec2; border-bottom: 1px solid var(--bkc-line); }
#bk-competence .bk-calculation-list b { color: var(--bkc-orange); font-family: Consolas, monospace; }
#bk-competence .bk-company { padding-bottom: 4.5rem; }
#bk-competence .bk-company-tags { margin-top: 2rem; }
#bk-competence .bk-competence-contact dl { margin: 0; }
#bk-competence .bk-competence-contact dt { margin-top: 1.1rem; color: var(--bkc-orange); font-size: .56rem; letter-spacing: .15em; text-transform: uppercase; }
#bk-competence .bk-competence-contact dt:first-child { margin-top: 0; }
#bk-competence .bk-competence-contact dd { margin: .35rem 0 0; padding-bottom: .85rem; color: #c2c5c8; border-bottom: 1px solid var(--bkc-line); line-height: 1.55; overflow-wrap: anywhere; }
#bk-competence .bk-competence-contact a { text-decoration: none; }
#bk-competence .bk-footer-system { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 1.5rem; margin-top: 4.3rem; color: #757a7f; font-size: .56rem; letter-spacing: .16em; }
#bk-competence .bk-footer-system i { height: 1px; background: var(--bkc-line); }

@media (hover: hover) {
  #bk-competence .bk-card:hover { transform: translateY(-.3rem); border-color: rgba(240, 107, 42, .38); box-shadow: 0 1.5rem 5rem rgba(0, 0, 0, .3); }
  #bk-competence .bk-card:hover::after { width: 100%; }
  #bk-competence .bk-project-list > div:hover { padding-left: .75rem; background: rgba(255, 255, 255, .025); }
  #bk-competence .bk-competence-contact a:hover { color: var(--bkc-orange); }
}
@keyframes bkcPulse { 0%, 100% { opacity: .55; box-shadow: 0 0 .5rem var(--bkc-orange); } 50% { opacity: 1; box-shadow: 0 0 1.4rem var(--bkc-orange); } }
@keyframes bkcSpin { to { transform: rotate(360deg); } }
@keyframes bkcSpinReverse { to { transform: rotate(-360deg); } }
@keyframes bkcBlink { 50% { opacity: 0; } }
@keyframes bkcRadar { to { transform: rotate(360deg); } }

@media (max-width: 1200px) {
  #bk-competence .bk-hero-layout { grid-template-columns: 1fr; }
  #bk-competence .bk-hero-copy { max-width: 48rem; }
  #bk-competence .bk-core-wrap { width: min(25rem, 72vw); margin-top: 2.5rem; }
}
@media (max-width: 980px) {
  #bk-competence .bk-hero-layout, #bk-competence .bk-profile-grid, #bk-competence .bk-project-layout, #bk-competence .bk-company-grid { grid-template-columns: 1fr; }
  #bk-competence .bk-core-wrap { width: min(26rem, 85vw); margin-top: 3rem; }
  #bk-competence .bk-project-visual { position: relative; top: auto; }
  #bk-competence .bk-pipeline { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2.2rem .65rem; }
  #bk-competence .bk-pipeline::before { display: none; }
}
@media (max-width: 700px) {
  #bk-competence .bk-shell { width: calc(100% - 1.75rem); }
  #bk-competence .bk-hero { min-height: auto; padding: 4.5rem 0 3.5rem; }
  #bk-competence .bk-system-label { margin-bottom: 2.7rem; font-size: .58rem; line-height: 1.6; letter-spacing: .17em; }
  #bk-competence .bk-hero h1 { max-width: 100%; font-size: clamp(2rem, 10.4vw, 4rem); letter-spacing: -.04em; }
  #bk-competence .bk-lead { font-size: .94rem; }
  #bk-competence .bk-core-wrap { width: min(19rem, 82vw); }
  #bk-competence .bk-core { width: 7rem; height: 7rem; }
  #bk-competence .bk-section { padding: 4.6rem 0; }
  #bk-competence .bk-card-grid { grid-template-columns: 1fr; }
  #bk-competence .bk-card { min-height: 0; padding: 1.75rem 1.4rem; }
  #bk-competence .bk-panel { padding: 1.75rem 1.4rem; }
  #bk-competence .bk-pipeline { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #bk-competence .bk-project-list > div { grid-template-columns: 2.4rem minmax(0, 1fr); }
  #bk-competence .bk-footer-system { grid-template-columns: 1fr; gap: .65rem; }
  #bk-competence .bk-footer-system i { width: 100%; }
  #bk-competence .bk-terminal { margin-top: 3rem; }
}
@media (prefers-reduced-motion: reduce) {
  #bk-competence *, #bk-competence *::before, #bk-competence *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; }
}

.museum-portal-grid {
  display: grid;
  gap: clamp(.8rem, 1.6vw, 1.25rem);
  margin-top: clamp(2rem, 4vw, 3.5rem);
}

.future-card-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.future-card-grid article {
  min-width: 0;
  padding: clamp(1.25rem, 2.5vw, 2rem);
  background: linear-gradient(145deg, rgba(18, 19, 22, .94), rgba(7, 12, 15, .95));
  border: 1px solid color-mix(in srgb, var(--future-accent) 32%, transparent);
}

.future-card-grid article > span {
  color: var(--future-accent);
  font-family: Consolas, "Courier New", monospace;
  font-size: .72rem;
  letter-spacing: .13em;
}

.future-card-grid h2 {
  margin: .65rem 0 0;
  color: #f0ece6;
  font-size: clamp(1.25rem, 2vw, 1.8rem);
}

.future-card-grid p {
  margin: .8rem 0 0;
  color: #b8b6b2;
  line-height: 1.65;
}

.future-link-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.future-link-grid--single {
  grid-template-columns: minmax(0, 1fr);
  max-width: 55rem;
}

.future-link-grid a,
.museum-portal-grid a {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: clamp(1rem, 2vw, 1.4rem);
  color: #e9e4dd;
  background: rgba(10, 15, 18, .86);
  border: 1px solid color-mix(in srgb, var(--future-accent, var(--bk-gold)) 30%, transparent);
  transition: transform .25s var(--ease), border-color .25s, background-color .25s;
}

.future-link-grid a:hover,
.future-link-grid a:focus-visible,
.museum-portal-grid a:hover,
.museum-portal-grid a:focus-visible {
  transform: translateY(-.18rem);
  border-color: var(--future-accent, var(--bk-gold));
  background: color-mix(in srgb, var(--future-accent, var(--bk-gold)) 7%, rgba(10, 15, 18, .9));
  outline: none;
}

.future-link-grid a > span {
  display: grid;
  min-width: 0;
  gap: .35rem;
}

.future-link-grid strong {
  overflow-wrap: anywhere;
}

.future-link-grid small {
  color: #9e9c98;
  line-height: 1.45;
}

.future-link-grid svg,
.museum-portal-grid svg {
  width: 1.1rem;
  height: 1.1rem;
  flex: 0 0 auto;
  color: var(--future-accent, var(--bk-gold));
}

.service-card-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(.9rem, 1.8vw, 1.35rem);
  margin-top: clamp(2.25rem, 4.5vw, 4rem);
}

.service-card {
  --service-accent: var(--bk-gold);
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 24rem;
  flex-direction: column;
  align-items: center;
  padding: clamp(1.5rem, 3vw, 2.35rem);
  overflow: hidden;
  color: #eee9e2;
  text-align: center;
  background:
    radial-gradient(circle at 50% 0, color-mix(in srgb, var(--service-accent) 12%, transparent), transparent 15rem),
    linear-gradient(145deg, rgba(22, 18, 16, .96), rgba(6, 12, 15, .96));
  border: 1px solid color-mix(in srgb, var(--service-accent) 34%, transparent);
  clip-path: polygon(.8rem 0, 100% 0, 100% calc(100% - .8rem), calc(100% - .8rem) 100%, 0 100%, 0 .8rem);
  isolation: isolate;
  transition: transform .28s var(--ease), border-color .28s, box-shadow .28s;
}

.service-card::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  border: 2px solid var(--service-accent);
  opacity: 0;
  pointer-events: none;
}

.service-card::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 50%;
  width: 38%;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--service-accent), transparent);
  box-shadow: 0 0 1rem color-mix(in srgb, var(--service-accent) 55%, transparent);
  transform: translateX(-50%);
}

.service-card:hover,
.service-card:focus-visible {
  transform: translateY(-.22rem);
  border-color: var(--service-accent);
  box-shadow: 0 1.2rem 2.8rem rgba(0, 0, 0, .32), 0 0 1.7rem color-mix(in srgb, var(--service-accent) 16%, transparent);
  outline: none;
}

.service-card:hover::before,
.service-card:focus-visible::before {
  animation: service-border-pulse 1.15s ease-in-out infinite;
}

.service-card--profile { --service-accent: #dda762; }
.service-card--human { --service-accent: #e4b77d; }
.service-card--access { --service-accent: #45d8c7; }
.service-card--ideas { --service-accent: #b15cec; }
.service-card--digital { --service-accent: #4fb9d8; }
.service-card--ciu { --service-accent: #2ac0e8; }
.service-card--interfaces { --service-accent: #67a8f2; }
.service-card--technology { --service-accent: #31d1f0; }

.service-card__code {
  color: var(--service-accent);
  font-family: Consolas, "Courier New", monospace;
  font-size: clamp(.66rem, 1vw, .76rem);
  font-weight: 700;
  letter-spacing: .12em;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.service-card h2 {
  margin: clamp(1.4rem, 3vw, 2.2rem) 0 0;
  color: #f7f2eb;
  font-size: clamp(1.55rem, 2.8vw, 2.55rem);
  line-height: 1.08;
  text-wrap: balance;
}

.service-card__name {
  margin: .4rem 0 0;
  color: #d4ccc1;
  font-size: 1rem;
  font-style: italic;
}

.service-card__focus {
  margin: 1.1rem 0 0;
  color: color-mix(in srgb, var(--service-accent) 78%, #fff);
  font-size: clamp(.7rem, 1vw, .78rem);
  font-weight: 700;
  letter-spacing: .08em;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.service-card__description {
  max-width: 37rem;
  margin: 1rem auto 0;
  color: #c7c0b8;
  font-size: clamp(.9rem, 1.25vw, 1rem);
  font-style: italic;
  line-height: 1.72;
  text-wrap: pretty;
}

.service-card__action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .7rem;
  margin-top: auto;
  padding-top: 1.8rem;
  color: var(--service-accent);
  font-size: .74rem;
  font-weight: 800;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.service-card__action svg {
  width: 1.05rem;
  height: 1.05rem;
  transition: transform .25s var(--ease);
}

.service-card:hover .service-card__action svg,
.service-card:focus-visible .service-card__action svg {
  transform: translateX(.28rem);
}

@keyframes service-border-pulse {
  0%, 100% { opacity: .16; }
  50% { opacity: .9; }
}

/* Dienstleistung 01: Executive Profile Beat */
.service-profile-view {
  padding-top: clamp(1.5rem, 3vw, 3rem);
  background:
    radial-gradient(circle at 82% 5%, rgba(53, 200, 232, .07), transparent 30rem),
    radial-gradient(circle at 12% 18%, rgba(221, 167, 98, .08), transparent 25rem),
    #050809;
}

.service-profile-shell {
  width: min(100%, 92rem);
}

.bkx {
  --bkx-panel: #0b1c22;
  --bkx-panel-soft: #101d20;
  --bkx-edge: rgba(126, 169, 181, .32);
  --bkx-muted: #afbec2;
  --bkx-white: #f5f1e9;
  --bkx-copper: var(--bk-gold);
  --bkx-blue: var(--tech-cyan);
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: clamp(1.4rem, 4.2vw, 4rem);
  overflow: hidden;
  color: var(--bkx-white);
  background:
    radial-gradient(ellipse 78% 20% at 92% 0, rgba(36, 137, 166, .14), transparent 80%),
    linear-gradient(150deg, #0b1d24 0%, #071015 48%, #0c1c21 100%);
  border: 1px solid var(--bkx-edge);
  box-shadow: 0 1.6rem 4.5rem rgba(0, 0, 0, .36);
}

.bkx *,
.bkx *::before,
.bkx *::after { box-sizing: border-box; }
.bkx p { color: var(--bkx-muted); }
.bkx p,
.bkx blockquote { margin-top: 0; }
.bkx-topline,
.bkx-endline {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  color: var(--bkx-blue);
  font-family: Consolas, "Courier New", monospace;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .16em;
}
.bkx-topline { padding-bottom: 1.15rem; border-bottom: 1px solid var(--bkx-edge); }
.bkx-trustline {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: clamp(3rem, 5vw, 4.5rem) clamp(1rem, 3vw, 2.5rem) clamp(1.35rem, 2.5vw, 1.9rem);
  color: var(--bkx-white);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.35rem, 2.2vw, 2.15rem);
  font-style: italic;
  line-height: 1.35;
  text-align: center;
}
.bkx-trustline::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: clamp(3.5rem, 8vw, 6rem);
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--bkx-copper), var(--bkx-blue), transparent);
  transform: translateX(-50%);
}
@media (min-width: 1200px) {
  .bkx-trustline { white-space: nowrap; }
}
.bkx-intro { padding: clamp(2rem, 5vw, 4.5rem) 0 clamp(2rem, 4vw, 3.5rem); }
.bkx-kicker,
.bkx-index,
.bkx-date,
.bkx-micro {
  display: block;
  color: var(--bkx-blue);
  font-family: Consolas, "Courier New", monospace;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .16em;
  line-height: 1.5;
}
.bkx-hero {
  display: grid;
  grid-template-columns: minmax(17rem, .8fr) minmax(0, 1.35fr);
  gap: clamp(1.6rem, 4vw, 4rem);
  align-items: center;
}
.bkx-portrait {
  position: relative;
  min-width: 0;
  margin: 0;
  padding: .55rem;
  background: #09151a;
  border: 1px solid var(--bkx-edge);
  box-shadow: .8rem .8rem 0 rgba(221, 167, 98, .07);
}
.bkx-portrait::before {
  content: "";
  position: absolute;
  z-index: 1;
  inset: .55rem;
  border: 1px solid rgba(221, 167, 98, .22);
  pointer-events: none;
}
.bkx-portrait img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  object-fit: cover;
  object-position: center;
}
.bkx-portrait figcaption {
  padding: .85rem .35rem .3rem;
  color: var(--bkx-copper);
  font-size: .61rem;
  font-weight: 700;
  letter-spacing: .14em;
  line-height: 1.5;
  text-align: center;
}
.bkx-hero-copy { min-width: 0; }
.bkx .bkx-name {
  display: flex;
  flex-direction: column;
  gap: .45rem;
  margin: 1rem 0 1.3rem;
  color: var(--bkx-white);
  font-size: clamp(3.2rem, 7vw, 6.7rem);
  line-height: .9;
  letter-spacing: -.055em;
  text-transform: none;
}
.bkx-name-real {
  color: var(--bkx-copper);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.3rem, 2.7vw, 2.35rem);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.2;
}
.bkx-role {
  color: var(--bkx-copper) !important;
  font-size: clamp(.73rem, 1vw, .86rem);
  font-weight: 700;
  letter-spacing: .1em;
  line-height: 1.6;
  text-transform: uppercase;
}
.bkx-lead {
  max-width: 50rem;
  margin: 1.5rem 0 0;
  font-size: clamp(1rem, 1.45vw, 1.2rem);
  line-height: 1.8;
}
.bkx-facts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: clamp(2rem, 4vw, 3.2rem);
  border-block: 1px solid var(--bkx-edge);
}
.bkx-facts span {
  min-width: 0;
  padding: 1.15rem 1rem;
  color: var(--bkx-white);
  border-right: 1px solid var(--bkx-edge);
  font-size: .8rem;
  line-height: 1.55;
}
.bkx-facts span:first-child { padding-left: 0; }
.bkx-facts span:last-child { border-right: 0; }
.bkx-facts b {
  display: block;
  margin-bottom: .45rem;
  color: var(--bkx-blue);
  font-size: .66rem;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.bkx-statement {
  padding: clamp(1.5rem, 3.5vw, 3rem);
  background: linear-gradient(115deg, rgba(18, 43, 53, .96), rgba(10, 23, 29, .96));
  border-left: 3px solid var(--bkx-copper);
}
.bkx-statement blockquote {
  margin: .8rem 0 1rem;
  color: var(--bkx-white);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(2rem, 4.2vw, 4.2rem);
  line-height: 1.15;
}
.bkx-statement blockquote i { color: var(--bkx-copper); }
.bkx-statement p { max-width: 56rem; margin-bottom: 0; line-height: 1.75; }
.bkx-section { padding-top: clamp(3.5rem, 7vw, 6.5rem); }
.bkx-sectionhead { margin-bottom: clamp(1.4rem, 3vw, 2.2rem); }
.bkx-sectionhead::before {
  content: "";
  display: block;
  width: 2.5rem;
  height: 2px;
  margin-bottom: .85rem;
  background: linear-gradient(90deg, var(--bkx-blue), var(--bkx-copper));
}
.bkx-sectionhead h2,
.bkx-footer h2 {
  max-width: 58rem;
  margin: .75rem 0 .4rem;
  color: var(--bkx-white);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(2rem, 4vw, 3.8rem);
  font-weight: 400;
  line-height: 1.15;
  text-transform: none;
}
.bkx-sectionhead p { margin: .55rem 0 0; line-height: 1.65; }
.bkx-accent,
.bkx-dot,
.bkx-footer em { color: var(--bkx-copper); }
.bkx-grid { display: grid; gap: .8rem; }
.bkx-grid3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.bkx-grid2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.bkx-panel,
.bkx-collab-grid article {
  min-width: 0;
  padding: clamp(1.25rem, 2.4vw, 2rem);
  background: linear-gradient(155deg, rgba(16, 38, 47, .95), rgba(8, 20, 25, .96));
  border: 1px solid var(--bkx-edge);
  transition: border-color .22s ease, background-color .22s ease, transform .22s ease;
}
.bkx-num { color: var(--bkx-copper); font-family: Georgia, "Times New Roman", serif; font-size: 1.7rem; }
.bkx-panel h3,
.bkx-collab-grid h3,
.bkx-business h3,
.bkx-access h3,
.bkx-steps h3,
.bkx-timeline h3,
.bkx-brand h3,
.bkx-casedetail h3 {
  margin: 1rem 0 .85rem;
  color: var(--bkx-white);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.35rem, 2.2vw, 2rem);
  font-weight: 400;
  line-height: 1.2;
  text-transform: none;
}
.bkx-panel p,
.bkx-collab-grid p { font-size: .86rem; line-height: 1.75; }
.bkx-panel small {
  display: block;
  padding-top: 1rem;
  color: var(--bkx-blue);
  border-top: 1px solid var(--bkx-edge);
  font-size: .75rem;
  line-height: 1.8;
}
.bkx-industries { margin-top: .85rem; padding: 1.4rem; border: 1px solid var(--bkx-edge); }
.bkx-industries b { color: var(--bkx-copper); font-size: .68rem; letter-spacing: .15em; }
.bkx-industries p { margin: .6rem 0 0; line-height: 1.8; }
.bkx-industries span { padding-inline: .35rem; color: var(--bkx-copper); }
.bkx-collab-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .8rem; }
.bkx-collab-grid article { border-top: 2px solid var(--bkx-blue); }
.bkx-collab-strip {
  display: flex;
  justify-content: space-between;
  gap: .8rem;
  flex-wrap: wrap;
  margin-top: .8rem;
  padding: 1rem 1.15rem;
  color: var(--bkx-blue);
  border: 1px solid var(--bkx-edge);
  font-size: .68rem;
  letter-spacing: .08em;
}
.bkx-business-layout {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  background: rgba(7, 23, 29, .94);
  border: 1px solid var(--bkx-edge);
}
.bkx-business-main {
  padding: clamp(1.5rem, 3vw, 2.8rem);
  background: radial-gradient(circle at 10% 0, rgba(40, 86, 104, .72), rgba(15, 36, 44, .96) 70%);
  border-right: 1px solid var(--bkx-edge);
}
.bkx-business-main p { line-height: 1.75; }
.bkx-business-services { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.bkx-business-services > div { padding: 1.5rem; border-right: 1px solid var(--bkx-edge); border-bottom: 1px solid var(--bkx-edge); }
.bkx-business-services > div:nth-child(even) { border-right: 0; }
.bkx-business-services > div:nth-child(n+3) { border-bottom: 0; }
.bkx-business-services b { color: var(--bkx-blue); font-size: .67rem; letter-spacing: .1em; }
.bkx-business-services p { margin: .65rem 0 0; font-size: .84rem; line-height: 1.7; }
.bkx-access-layout {
  display: grid;
  grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr);
  min-width: 0;
  background: linear-gradient(125deg, rgba(16, 41, 50, .96), rgba(8, 25, 32, .96));
  border: 1px solid rgba(119, 159, 171, .55);
}
.bkx-access-photo { position: relative; align-self: start; min-width: 0; margin: 0; background: #111; }
.bkx-access-photo img { display: block; width: 100%; height: auto; object-fit: contain; object-position: center; filter: contrast(1.06) saturate(.88); }
.bkx-access-photo figcaption {
  position: absolute;
  inset: auto 0 0;
  padding: 1.4rem 1rem .85rem;
  color: var(--bkx-copper);
  background: linear-gradient(transparent, rgba(7, 20, 26, .96) 38%);
  font-size: .61rem;
  font-weight: 700;
  letter-spacing: .13em;
  text-align: center;
}
.bkx-access-copy { min-width: 0; padding: clamp(1.5rem, 3vw, 2.8rem); }
.bkx-access-copy > p { font-size: .87rem; line-height: 1.75; }
.bkx-access-items { margin: 1.5rem 0; border-top: 1px solid var(--bkx-edge); }
.bkx-access-items > div { display: grid; grid-template-columns: 2rem 1fr; gap: .75rem; padding: .75rem 0; color: var(--bkx-muted); border-bottom: 1px solid var(--bkx-edge); font-size: .78rem; line-height: 1.5; }
.bkx-access-items b { color: var(--bkx-blue); }
.bkx-access-quote { padding: 1rem 1.15rem; color: var(--bkx-white) !important; background: rgba(28, 52, 61, .86); border-left: 2px solid var(--bkx-copper); font-family: Georgia, "Times New Roman", serif; font-style: italic; }
.bkx-steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-block: 1px solid var(--bkx-edge); }
.bkx-steps > div { padding: 1.4rem 1.05rem; border-right: 1px solid var(--bkx-edge); }
.bkx-steps > div:first-child { padding-left: 0; }
.bkx-steps > div:last-child { border-right: 0; }
.bkx-steps b { color: var(--bkx-copper); font-size: .75rem; }
.bkx-steps p { margin-bottom: 0; font-size: .78rem; line-height: 1.65; }
.bkx-worknote { padding-top: 1.2rem; font-size: .84rem; line-height: 1.7; }
.bkx-case { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid var(--bkx-edge); }
.bkx-caselead,
.bkx-casedetail { padding: clamp(1.5rem, 3vw, 2.5rem); }
.bkx-caselead { background: radial-gradient(circle at 0 0, rgba(45, 87, 103, .9), rgba(9, 25, 32, .96) 72%); }
.bkx-caselead > span:first-child { color: var(--bkx-blue); font-size: .68rem; letter-spacing: .14em; }
.bkx-caselead strong { display: block; margin: 1.3rem 0; color: var(--bkx-white); font-family: Georgia, "Times New Roman", serif; font-size: clamp(2rem, 3.6vw, 3.7rem); font-weight: 400; line-height: 1.15; }
.bkx-caselead p { font-size: .85rem; line-height: 1.7; }
.bkx-status { display: inline-block; margin-top: 1rem; padding: .45rem .65rem; color: #a8d9b6; border: 1px solid rgba(109, 169, 127, .56); font-size: .65rem; letter-spacing: .08em; }
.bkx-casedetail { background: rgba(10, 25, 31, .96); }
.bkx-casedetail h3 { margin-top: 0; }
.bkx-casedetail ul { margin: 0 0 1.4rem; padding-left: 1.15rem; color: var(--bkx-muted); font-size: .84rem; line-height: 1.95; }
.bkx-casedetail li::marker { color: var(--bkx-copper); }
.bkx-meta { padding-top: 1rem; border-top: 1px solid var(--bkx-edge); font-size: .72rem; }
.bkx-timeline { margin-left: .3rem; border-left: 1px solid var(--bkx-copper); }
.bkx-timeline article { position: relative; padding: 0 0 2.2rem 1.7rem; }
.bkx-timeline article::before { content: ""; position: absolute; top: .25rem; left: -.32rem; width: .58rem; height: .58rem; background: var(--bkx-copper); border-radius: 50%; }
.bkx-timeline h3 { margin: .65rem 0 .2rem; }
.bkx-sub { color: var(--bkx-copper) !important; font-size: .84rem; }
.bkx-timeline article > p:last-child { max-width: 58rem; line-height: 1.7; }
.bkx-brand { display: grid; grid-template-columns: 10rem 1fr; gap: 1.4rem; margin-top: .85rem; padding: 1.6rem; background: rgba(25, 28, 29, .9); border: 1px solid var(--bkx-copper); }
.bkx-brand > span { color: var(--bkx-copper); font-size: .68rem; letter-spacing: .14em; }
.bkx-brand h3 { margin: 0 0 .6rem; }
.bkx-brand p { margin: 0 0 .7rem; font-size: .84rem; }
.bkx-brand a { color: var(--bkx-blue); text-decoration: underline; text-underline-offset: .25rem; overflow-wrap: anywhere; }
.bkx-footer { margin-top: clamp(3.5rem, 7vw, 6rem); padding-top: clamp(2.5rem, 5vw, 4rem); border-top: 1px solid var(--bkx-copper); }
.bkx-footer h2 { font-size: clamp(2.4rem, 4.5vw, 4.7rem); }
.bkx-footer > p { max-width: 48rem; line-height: 1.75; }
.bkx-endline { margin-top: 2.8rem; padding-top: 1rem; color: var(--bkx-muted); border-top: 1px solid var(--bkx-edge); }

@media (hover: hover) {
  .bkx-panel:hover,
  .bkx-collab-grid article:hover { transform: translateY(-.16rem); border-color: rgba(102, 214, 242, .65); }
}

@media (max-width: 900px) {
  .bkx-grid3,
  .bkx-collab-grid { grid-template-columns: 1fr; }
  .bkx-business-layout,
  .bkx-access-layout { grid-template-columns: 1fr; }
  .bkx-business-main { border-right: 0; border-bottom: 1px solid var(--bkx-edge); }
  .bkx-access-photo img { height: auto; min-height: 0; max-height: 38rem; object-fit: contain; background: #09151a; }
}

@media (max-width: 760px) {
  .bkx-hero { grid-template-columns: 1fr; }
  .bkx-portrait { width: min(100%, 31rem); margin-inline: auto; }
  .bkx-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bkx-facts span:nth-child(2) { border-right: 0; }
  .bkx-facts span:nth-child(-n+2) { border-bottom: 1px solid var(--bkx-edge); }
  .bkx-facts span:nth-child(3) { padding-left: 0; }
  .bkx-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bkx-steps > div:nth-child(2) { border-right: 0; }
  .bkx-steps > div:nth-child(-n+2) { border-bottom: 1px solid var(--bkx-edge); }
  .bkx-steps > div:nth-child(3) { padding-left: 0; }
  .bkx-case { grid-template-columns: 1fr; }
}

@media (max-width: 560px) {
  .service-profile-view { padding: 1.5rem .75rem 3rem; }
  .bkx { padding: 1.1rem; }
  .bkx-topline,
  .bkx-endline { font-size: .57rem; letter-spacing: .08em; }
  .bkx-facts,
  .bkx-grid2,
  .bkx-steps,
  .bkx-business-services { grid-template-columns: 1fr; }
  .bkx-facts span { padding: .85rem 0; border-right: 0; border-bottom: 1px solid var(--bkx-edge); }
  .bkx-facts span:last-child { border-bottom: 0; }
  .bkx-steps > div { padding: 1rem 0; border-right: 0; border-bottom: 1px solid var(--bkx-edge); }
  .bkx-steps > div:last-child { border-bottom: 0; }
  .bkx-business-services > div { border-right: 0 !important; border-bottom: 1px solid var(--bkx-edge) !important; }
  .bkx-business-services > div:last-child { border-bottom: 0 !important; }
  .bkx-collab-strip { flex-direction: column; }
  .bkx-brand { grid-template-columns: 1fr; }
  .bkx .bkx-name { font-size: clamp(3rem, 17vw, 4.6rem); }
}

/* Persönliche Begleitung: eigenständiger Dienstleistungsbereich */
.service-companion-shell { width: min(100%, 94rem); }
.bk-begleitung {
  --bkb-bg: #071015;
  --bkb-panel: rgba(9, 21, 28, .96);
  --bkb-panel-soft: rgba(13, 27, 35, .92);
  --bkb-line: rgba(255, 255, 255, .11);
  --bkb-text: #eef3f6;
  --bkb-muted: #aebbc4;
  --bkb-gold: #d6a74f;
  --bkb-cyan: #54bff7;
  width: 100%;
  padding: clamp(1.3rem, 3vw, 3rem);
  color: var(--bkb-text);
  background:
    radial-gradient(circle at 100% 0, rgba(84, 191, 247, .08), transparent 28rem),
    linear-gradient(145deg, #061016, #071218 56%, #071015);
  border: 1px solid rgba(84, 191, 247, .22);
  box-sizing: border-box;
}
.bk-begleitung *,
.bk-begleitung *::before,
.bk-begleitung *::after { box-sizing: border-box; }
.bk-begleitung-topline {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding-bottom: 1.15rem;
  color: var(--bkb-cyan);
  border-bottom: 1px solid var(--bkb-line);
  font-family: Consolas, "Courier New", monospace;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .15em;
}
.bk-begleitung-focusline {
  position: relative;
  width: min(100%, 68rem);
  margin: 0 auto;
  padding: clamp(3rem, 5vw, 4.75rem) clamp(1rem, 3vw, 2.5rem) clamp(1.5rem, 2.5vw, 2rem);
  color: var(--bkb-text);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.35rem, 2vw, 2.1rem);
  font-style: italic;
  line-height: 1.4;
  text-align: center;
  overflow-wrap: anywhere;
}
.bk-begleitung-focusline::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: clamp(3.5rem, 8vw, 6rem);
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--bkb-gold), var(--bkb-cyan), transparent);
  transform: translateX(-50%);
}

.service-focus-card {
  --service-focus-accent: #54bff7;
  --service-focus-warm: #d6a74f;
  margin-bottom: clamp(2rem, 4vw, 3.5rem);
  padding: clamp(1.3rem, 3vw, 3rem);
  overflow: hidden;
  background:
    radial-gradient(circle at 88% 10%, rgba(84, 191, 247, .11), transparent 28rem),
    linear-gradient(145deg, #07151c, #071015);
  border: 1px solid rgba(84, 191, 247, .28);
}
.service-focus-card__topline {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding-bottom: 1.15rem;
  color: var(--service-focus-accent);
  border-bottom: 1px solid rgba(255, 255, 255, .11);
  font-family: Consolas, "Courier New", monospace;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .15em;
}
.service-focus-card blockquote {
  position: relative;
  width: min(100%, 66rem);
  margin: 0 auto;
  padding: clamp(3rem, 5vw, 4.75rem) clamp(1rem, 4vw, 3.5rem) clamp(1.5rem, 2.5vw, 2rem);
  color: #eef3f6;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.35rem, 2.1vw, 2.15rem);
  font-style: italic;
  line-height: 1.42;
  text-align: center;
  overflow-wrap: anywhere;
}
.service-focus-card blockquote::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: clamp(3.5rem, 8vw, 6rem);
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--service-focus-warm), var(--service-focus-accent), transparent);
  transform: translateX(-50%);
}
.bk-begleitung h1,
.bk-begleitung h2,
.bk-begleitung h3 {
  margin: 0 0 1.25rem;
  color: #fff;
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 500;
  line-height: 1.1;
}
.bk-begleitung h1 { max-width: 55rem; font-size: clamp(2.8rem, 6vw, 6rem); }
.bk-begleitung h2 { font-size: clamp(2rem, 4vw, 3.55rem); }
.bk-begleitung h3 { font-size: clamp(1.45rem, 2.4vw, 2rem); }
.bk-begleitung p { color: var(--bkb-muted); font-size: .96rem; line-height: 1.8; }
.bk-begleitung .bk-eyebrow {
  margin-bottom: 1rem;
  color: var(--bkb-cyan);
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .19em;
  text-transform: uppercase;
}
.bk-begleitung-intro {
  position: relative;
  overflow: hidden;
  margin-top: clamp(2.5rem, 5vw, 4.5rem);
  margin-bottom: 1.35rem;
  padding: clamp(2rem, 5vw, 4.4rem);
  background:
    radial-gradient(circle at 85% 15%, rgba(84, 191, 247, .13), transparent 34%),
    radial-gradient(circle at 5% 90%, rgba(214, 167, 79, .1), transparent 32%),
    linear-gradient(135deg, #09151c, #071015);
  border: 1px solid var(--bkb-line);
}
.bk-begleitung-intro::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 3px; background: linear-gradient(var(--bkb-gold), var(--bkb-cyan)); }
.bk-begleitung .bk-lead { max-width: 56rem; color: #e4ebef; font-size: clamp(1.08rem, 1.8vw, 1.3rem); line-height: 1.7; }
.bk-begleitung-intro > p { max-width: 59rem; }
.bk-principle { display: flex; flex-wrap: wrap; gap: .65rem; margin-top: 2rem; }
.bk-principle span { padding: .65rem .9rem; color: #d8eaf4; background: rgba(84, 191, 247, .05); border: 1px solid rgba(84, 191, 247, .28); font-size: .64rem; font-weight: 700; letter-spacing: .16em; }
.bk-begleitung-nav { display: flex; flex-wrap: wrap; gap: .5rem; margin-bottom: clamp(3rem, 6vw, 5rem); padding: .85rem; background: rgba(7, 16, 21, .94); border: 1px solid var(--bkb-line); }
.bk-begleitung-nav button { flex: 1 1 9rem; min-height: 2.75rem; padding: .7rem .9rem; color: #c5d0d6; background: transparent; border: 1px solid transparent; font: inherit; font-size: .7rem; font-weight: 700; letter-spacing: .04em; cursor: pointer; transition: color .2s ease, border-color .2s ease, background .2s ease; }
.bk-begleitung-nav button:hover,
.bk-begleitung-nav button:focus-visible { color: #fff; background: rgba(84, 191, 247, .08); border-color: rgba(84, 191, 247, .48); outline: none; }
.bk-begleitung .bk-section { margin-bottom: clamp(3.5rem, 7vw, 6rem); }
.bk-begleitung .bk-section-head { width: min(100%, 50rem); margin: 0 auto 2.5rem; text-align: center; }
.bk-service-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; }
.bk-service-card { position: relative; min-height: 18rem; padding: clamp(1.6rem, 3vw, 2.4rem); overflow: hidden; color: var(--bkb-gold); background: linear-gradient(145deg, rgba(14, 31, 40, .96), rgba(7, 16, 21, .98)); border: 1px solid var(--bkb-line); transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease; }
.bk-service-card::after { content: ""; position: absolute; top: -4rem; right: -4rem; width: 11rem; height: 11rem; opacity: .09; background: currentColor; border-radius: 50%; filter: blur(1.4rem); }
.bk-service-card.bk-blue { color: #7ea8ca; }
.bk-service-card.bk-cyan { color: var(--bkb-cyan); }
.bk-number { margin-bottom: 1.8rem; color: currentColor; font-size: .72rem; font-weight: 800; letter-spacing: .22em; }
.bk-service-card h3 { position: relative; z-index: 1; }
.bk-service-card p { position: relative; z-index: 1; min-height: 5rem; }
.bk-tags { display: flex; flex-wrap: wrap; gap: .45rem; margin-top: 1.5rem; }
.bk-tags span { padding: .45rem .6rem; color: #bac6cd; border: 1px solid rgba(255, 255, 255, .12); font-size: .58rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.bk-wide-card { display: grid; grid-template-columns: 6rem minmax(0, 1fr); gap: 1.5rem; margin: 3.5rem 0 1.4rem; padding: clamp(2rem, 4vw, 3.5rem); background: radial-gradient(circle at 0 100%, rgba(214, 167, 79, .12), transparent 38%), linear-gradient(135deg, #0b171d, #071015); border: 1px solid rgba(214, 167, 79, .28); }
.bk-wide-number { color: rgba(214, 167, 79, .68); font-family: Georgia, serif; font-size: clamp(2.6rem, 5vw, 4rem); }
.bk-wide-content { max-width: 52rem; }
.bk-wide-content strong { display: block; margin-top: 1.5rem; color: var(--bkb-gold); font-family: Georgia, serif; font-size: 1.25rem; font-weight: 500; }
.bk-access-card { margin: 1.4rem 0; padding: clamp(2rem, 4vw, 3.5rem); background: linear-gradient(120deg, rgba(8, 29, 39, .98), rgba(7, 16, 21, .98)); border: 1px solid rgba(84, 191, 247, .3); }
.bk-access-label { margin-bottom: 1.7rem; color: var(--bkb-cyan); font-size: .7rem; font-weight: 800; letter-spacing: .2em; }
.bk-access-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: clamp(1.5rem, 4vw, 4rem); }
.bk-boundaries { margin: 3.5rem 0 1.4rem; padding: clamp(2rem, 4vw, 3.5rem); background: rgba(7, 16, 21, .96); border: 1px solid var(--bkb-line); }
.bk-boundary-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .8rem; }
.bk-boundary-item { display: flex; gap: 1rem; padding: 1.4rem; background: rgba(255, 255, 255, .018); border: 1px solid rgba(255, 255, 255, .08); }
.bk-boundary-item > span { color: #a8b3ba; font-size: 1.5rem; line-height: 1; }
.bk-boundary-item strong { color: #fff; font-size: .9rem; }
.bk-boundary-item p { margin: .5rem 0 0; font-size: .82rem; line-height: 1.6; }
.bk-values { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 1.4rem 0; background: #081219; border: 1px solid var(--bkb-line); }
.bk-value { padding: 1.8rem 1rem; text-align: center; border-right: 1px solid var(--bkb-line); }
.bk-value:last-child { border-right: 0; }
.bk-value span { display: block; margin-bottom: .5rem; color: var(--bkb-cyan); font-size: .65rem; font-weight: 800; letter-spacing: .15em; }
.bk-value strong { color: #eef3f6; font-family: Georgia, serif; font-size: 1.1rem; font-weight: 500; }
.bk-contact { display: grid; grid-template-columns: 1.4fr .8fr; margin-top: 3.5rem; background: radial-gradient(circle at 10% 50%, rgba(214, 167, 79, .11), transparent 38%), #071015; border: 1px solid rgba(214, 167, 79, .32); }
.bk-contact-main { padding: clamp(2rem, 4vw, 3.7rem); }
.bk-contact-main p { max-width: 43rem; }
.bk-contact-buttons { display: flex; flex-wrap: wrap; gap: .7rem; margin-top: 1.8rem; }
.bk-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 3rem; padding: .8rem 1.25rem; text-decoration: none; font-size: .72rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; transition: filter .2s ease, background .2s ease, border-color .2s ease; }
.bk-btn-primary { color: #071015; background: var(--bkb-gold); border: 1px solid var(--bkb-gold); }
.bk-btn-primary:hover { filter: brightness(1.08); }
.bk-btn-secondary { color: #dcebf3; background: rgba(84, 191, 247, .05); border: 1px solid rgba(84, 191, 247, .46); }
.bk-btn-secondary:hover { background: rgba(84, 191, 247, .11); border-color: var(--bkb-cyan); }
.bk-contact-info { display: flex; flex-direction: column; justify-content: center; padding: clamp(1.6rem, 3vw, 2.5rem); background: rgba(255, 255, 255, .018); border-left: 1px solid var(--bkb-line); }
.bk-contact-info > div { padding: 1rem 0; border-bottom: 1px solid var(--bkb-line); }
.bk-contact-info > div:last-child { border-bottom: 0; }
.bk-contact-info span { color: var(--bkb-gold); font-size: .6rem; font-weight: 800; letter-spacing: .14em; }
.bk-contact-info p { margin: .35rem 0 0; font-size: .82rem; }
.bk-begleitung [id] { scroll-margin-top: 8rem; }

@media (hover: hover) {
  .bk-service-card:hover { transform: translateY(-.2rem); border-color: currentColor; box-shadow: 0 1rem 2.4rem rgba(0, 0, 0, .2); }
}
@media (max-width: 900px) {
  .bk-service-grid,
  .bk-access-grid,
  .bk-contact { grid-template-columns: 1fr; }
  .bk-contact-info { border-top: 1px solid var(--bkb-line); border-left: 0; }
  .bk-values { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bk-value:nth-child(2) { border-right: 0; }
  .bk-value:nth-child(-n+2) { border-bottom: 1px solid var(--bkb-line); }
}
@media (max-width: 600px) {
  .service-companion-shell { width: 100%; }
  .bk-begleitung { padding: .75rem; }
  .bk-begleitung-topline { flex-direction: column; font-size: .58rem; letter-spacing: .09em; }
  .bk-begleitung-focusline { padding: 2.5rem .65rem 1.35rem; font-size: 1.25rem; }
  .service-focus-card { padding: .85rem; }
  .service-focus-card__topline { flex-direction: column; font-size: .58rem; letter-spacing: .09em; }
  .service-focus-card blockquote { padding: 2.5rem .65rem 1.35rem; font-size: 1.25rem; }
  .bk-begleitung-intro,
  .bk-boundaries,
  .bk-access-card,
  .bk-contact-main { padding: 1.7rem 1.3rem; }
  .bk-begleitung h1 { font-size: clamp(2.4rem, 13vw, 3.5rem); }
  .bk-begleitung h2 { font-size: 1.9rem; }
  .bk-begleitung h3 { font-size: 1.45rem; }
  .bk-begleitung-nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bk-begleitung-nav button { min-width: 0; padding: .65rem .35rem; font-size: .61rem; }
  .bk-service-card { min-height: 0; padding: 1.6rem 1.3rem; }
  .bk-service-card p { min-height: 0; }
  .bk-wide-card { grid-template-columns: 1fr; padding: 1.8rem 1.3rem; }
  .bk-wide-number { font-size: 2.5rem; }
  .bk-boundary-grid { grid-template-columns: 1fr; }
  .bk-values { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bk-contact-buttons { flex-direction: column; }
  .bk-btn { width: 100%; }
  .bk-contact-info { padding: 1.5rem 1.3rem; }
}

/* Barrierefreiheit & Praxis: eigenständiger Dienstleistungsbereich */
.bk-access {
  --ba-bg: #071015;
  --ba-panel: rgba(9, 19, 25, .97);
  --ba-line: rgba(255, 255, 255, .11);
  --ba-blue: #54bff7;
  --ba-cyan: #39c8ef;
  --ba-gold: #d7aa50;
  --ba-text: #f2f5f7;
  --ba-muted: #aab9c2;
  width: 100%;
  color: var(--ba-text);
}
.bk-access *,
.bk-access *::before,
.bk-access *::after { box-sizing: border-box; }
.bk-access h1,
.bk-access h2,
.bk-access h3 { color: #fff; font-family: Georgia, "Times New Roman", serif; font-weight: 400; }
.bk-access p { color: var(--ba-muted); }
.ba-intro {
  position: relative;
  margin-bottom: clamp(3rem, 6vw, 5rem);
  padding: clamp(2rem, 5vw, 4.2rem);
  overflow: hidden;
  background:
    radial-gradient(circle at 90% 20%, rgba(84, 191, 247, .11), transparent 35%),
    linear-gradient(135deg, rgba(11, 28, 37, .98), rgba(6, 15, 20, .98));
  border: 1px solid rgba(84, 191, 247, .25);
  border-left: 3px solid var(--ba-blue);
}
.ba-intro::after { content: ""; position: absolute; top: -7rem; right: -7rem; width: 18rem; height: 18rem; border: 1px solid rgba(84, 191, 247, .08); border-radius: 50%; pointer-events: none; }
.ba-eyebrow { margin-bottom: 1.1rem; color: var(--ba-blue); font-size: .7rem; font-weight: 700; letter-spacing: .18em; }
.ba-intro h1 { max-width: 55rem; margin: 0 0 1.6rem; font-size: clamp(2.5rem, 5vw, 5rem); line-height: 1.08; }
.ba-intro p { max-width: 58rem; margin: 0 0 1.1rem; font-size: .96rem; line-height: 1.8; }
.ba-intro .ba-lead { color: #d9e3e8; font-size: clamp(1.05rem, 1.8vw, 1.25rem); line-height: 1.7; }
.ba-principle { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 2rem; padding: 1.2rem 1.4rem; background: rgba(84, 191, 247, .055); border-left: 2px solid var(--ba-blue); }
.ba-principle span { color: #fff; font-size: .68rem; font-weight: 700; letter-spacing: .14em; }
.ba-principle i { color: var(--ba-blue); font-style: normal; }
.ba-section,
.ba-process,
.ba-boundaries { margin-bottom: clamp(3rem, 6vw, 5rem); }
.ba-section-head { margin-bottom: 2rem; text-align: center; }
.ba-section-head > span { display: block; margin-bottom: .75rem; color: var(--ba-blue); font-size: .65rem; font-weight: 700; letter-spacing: .18em; }
.ba-section-head h2 { margin: 0 0 .8rem; font-size: clamp(2rem, 4vw, 3.5rem); line-height: 1.15; }
.ba-section-head p { max-width: 48rem; margin: 0 auto; font-size: .9rem; line-height: 1.75; }
.ba-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.ba-card { position: relative; display: flex; flex-direction: column; min-height: 17rem; padding: clamp(1.5rem, 2.5vw, 2rem); overflow: hidden; background: linear-gradient(145deg, rgba(12, 26, 34, .97), rgba(8, 17, 22, .97)); border: 1px solid var(--ba-line); transition: transform .22s ease, border-color .22s ease, background .22s ease, box-shadow .22s ease; }
.ba-card::before { content: ""; position: absolute; inset: 0 auto auto 0; width: 2px; height: 0; background: var(--ba-blue); transition: height .3s ease; }
.ba-card-number { margin-bottom: 1.35rem; color: var(--ba-blue); font-size: .65rem; font-weight: 700; letter-spacing: .16em; }
.ba-card h3 { margin: 0 0 .9rem; font-size: clamp(1.35rem, 2vw, 1.75rem); line-height: 1.2; }
.ba-card p { margin: 0 0 1.4rem; font-size: .84rem; line-height: 1.7; }
.ba-tags { display: flex; flex-wrap: wrap; gap: .4rem; margin-top: auto; }
.ba-tags span { padding: .4rem .55rem; color: #b9dcef; border: 1px solid rgba(84, 191, 247, .18); font-size: .54rem; font-weight: 700; letter-spacing: .08em; }
.ba-perspective { margin-bottom: clamp(3rem, 6vw, 5rem); padding: clamp(2rem, 4vw, 3.5rem); background: linear-gradient(120deg, rgba(8, 22, 29, .98), rgba(11, 27, 35, .96)); border: 1px solid rgba(84, 191, 247, .2); }
.ba-perspective-label { margin-bottom: 2rem; color: var(--ba-blue); font-size: .65rem; font-weight: 700; letter-spacing: .18em; }
.ba-perspective-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(1.8rem, 4vw, 4rem); }
.ba-perspective-title h2 { margin: 0; font-size: clamp(2rem, 4vw, 3.25rem); line-height: 1.15; }
.ba-perspective-text p { margin: 0 0 1.1rem; font-size: .9rem; line-height: 1.8; }
.ba-perspective-text .ba-highlight { margin-top: 1.6rem; padding: 1.1rem 1.25rem; color: #eaf7fd; background: rgba(84, 191, 247, .06); border-left: 2px solid var(--ba-blue); font-family: Georgia, "Times New Roman", serif; font-size: 1.05rem; }
.ba-process { padding: clamp(2rem, 4vw, 3.3rem); background: rgba(7, 16, 21, .95); border: 1px solid var(--ba-line); }
.ba-process-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); border: 1px solid var(--ba-line); }
.ba-step { min-height: 8.5rem; padding: 1.4rem .9rem; text-align: center; border-right: 1px solid var(--ba-line); }
.ba-step:last-child { border-right: 0; }
.ba-step strong { display: block; margin-bottom: 1rem; color: var(--ba-blue); font-size: .7rem; letter-spacing: .14em; }
.ba-step span { color: #fff; font-family: Georgia, "Times New Roman", serif; font-size: 1rem; line-height: 1.35; }
.ba-participation { display: grid; grid-template-columns: 1.3fr .7fr; margin-bottom: clamp(3rem, 6vw, 5rem); background: linear-gradient(135deg, rgba(10, 25, 32, .98), rgba(7, 16, 21, .98)); border: 1px solid rgba(84, 191, 247, .22); }
.ba-participation-content { padding: clamp(2rem, 4vw, 3.5rem); }
.ba-participation-content h2 { max-width: 42rem; margin: 0 0 1.2rem; font-size: clamp(2rem, 4vw, 3.5rem); line-height: 1.15; }
.ba-participation-content p { max-width: 44rem; margin: 0 0 1rem; font-size: .9rem; line-height: 1.8; }
.ba-three { display: flex; flex-direction: column; border-left: 1px solid var(--ba-line); }
.ba-three > div { display: flex; flex: 1; flex-direction: column; justify-content: center; min-height: 7rem; padding: 1.5rem 1.8rem; border-bottom: 1px solid var(--ba-line); }
.ba-three > div:last-child { border-bottom: 0; }
.ba-three span { margin-bottom: .5rem; color: var(--ba-blue); font-size: .65rem; font-weight: 700; letter-spacing: .14em; }
.ba-three strong { color: #fff; font-family: Georgia, "Times New Roman", serif; font-size: 1.2rem; font-weight: 400; }
.ba-boundaries { padding: clamp(2rem, 4vw, 3.3rem); background: rgba(7, 16, 21, .95); border: 1px solid var(--ba-line); }
.ba-boundary-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.ba-boundary { padding: clamp(1.5rem, 3vw, 2.3rem); background: rgba(255, 255, 255, .018); border: 1px solid var(--ba-line); }
.ba-boundary-title { margin-bottom: 1.4rem; font-size: .65rem; font-weight: 700; letter-spacing: .14em; }
.ba-positive .ba-boundary-title { color: var(--ba-blue); }
.ba-limit .ba-boundary-title { color: #c5d0d5; }
.ba-boundary ul { margin: 0; padding: 0; list-style: none; }
.ba-boundary li { position: relative; margin-bottom: .75rem; padding-left: 1.2rem; color: var(--ba-muted); font-size: .84rem; line-height: 1.6; }
.ba-boundary li::before { content: "•"; position: absolute; left: 0; color: var(--ba-blue); }
.ba-contact { display: grid; grid-template-columns: 1.65fr .85fr; overflow: hidden; background: linear-gradient(135deg, rgba(10, 23, 29, .98), rgba(7, 16, 21, .98)); border: 1px solid rgba(215, 170, 80, .4); }
.ba-contact-main { padding: clamp(2rem, 4vw, 3.7rem); }
.ba-contact-main h2 { max-width: 44rem; margin: 0 0 1.2rem; font-size: clamp(2rem, 4vw, 3.5rem); line-height: 1.15; }
.ba-contact-main p { max-width: 45rem; margin: 0; font-size: .9rem; line-height: 1.8; }
.ba-contact-buttons { display: flex; flex-wrap: wrap; gap: .7rem; margin-top: 1.8rem; }
.ba-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 3rem; padding: 0 1.25rem; text-decoration: none; font-size: .66rem; font-weight: 700; letter-spacing: .08em; transition: transform .2s ease, background .2s ease; }
.ba-btn-primary { color: #071015; background: var(--ba-gold); border: 1px solid var(--ba-gold); }
.ba-btn-secondary { color: #fff; background: transparent; border: 1px solid rgba(84, 191, 247, .46); }
.ba-btn-secondary:hover { background: rgba(84, 191, 247, .07); }
.ba-contact-info { padding: clamp(1.7rem, 3vw, 2.6rem); background: rgba(255, 255, 255, .015); border-left: 1px solid var(--ba-line); }
.ba-contact-info > div { padding: 1.1rem 0; border-bottom: 1px solid var(--ba-line); }
.ba-contact-info > div:last-child { border-bottom: 0; }
.ba-contact-info strong { color: var(--ba-gold); font-size: .6rem; letter-spacing: .14em; }
.ba-contact-info p { margin: .5rem 0 0; font-size: .78rem; line-height: 1.5; }

@media (hover: hover) {
  .ba-card:hover { transform: translateY(-.2rem); background: linear-gradient(145deg, rgba(14, 31, 40, .98), rgba(8, 18, 23, .98)); border-color: rgba(84, 191, 247, .48); box-shadow: 0 1rem 2.4rem rgba(0, 0, 0, .18); }
  .ba-card:hover::before { height: 100%; }
  .ba-btn:hover { transform: translateY(-.12rem); }
}
@media (max-width: 1000px) {
  .ba-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ba-process-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .ba-step { border-bottom: 1px solid var(--ba-line); }
  .ba-perspective-grid,
  .ba-participation,
  .ba-contact { grid-template-columns: 1fr; }
  .ba-three { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--ba-line); border-left: 0; }
  .ba-three > div { border-right: 1px solid var(--ba-line); border-bottom: 0; }
  .ba-three > div:last-child { border-right: 0; }
  .ba-contact-info { border-top: 1px solid var(--ba-line); border-left: 0; }
}
@media (max-width: 650px) {
  .ba-intro { padding: 1.8rem 1.3rem; }
  .ba-intro h1 { font-size: clamp(2.2rem, 12vw, 3.2rem); }
  .ba-intro .ba-lead { font-size: 1rem; }
  .ba-principle { flex-direction: column; gap: .5rem; }
  .ba-principle i { display: none; }
  .ba-grid { grid-template-columns: 1fr; }
  .ba-card { min-height: 0; }
  .ba-perspective { padding: 1.8rem 1.3rem; }
  .ba-perspective-grid { gap: 1.6rem; }
  .ba-process { padding: 1.8rem 1.15rem; }
  .ba-process-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ba-step { border-right: 1px solid var(--ba-line); }
  .ba-participation-content { padding: 2rem 1.3rem; }
  .ba-three { grid-template-columns: 1fr; }
  .ba-three > div { border-right: 0; border-bottom: 1px solid var(--ba-line); }
  .ba-boundaries { padding: 1.8rem 1.15rem; }
  .ba-boundary-grid { grid-template-columns: 1fr; }
  .ba-contact-main { padding: 2rem 1.3rem; }
  .ba-contact-buttons { flex-direction: column; }
  .ba-btn { width: 100%; }
  .ba-contact-info { padding: 1.6rem 1.3rem; }
}

/* Projekte & Lösungsentwicklung: eigenständiger Dienstleistungsbereich */
.service-focus-card--projects {
  --service-focus-accent: #4fc3f7;
  --service-focus-warm: #d4a447;
}

.bk-projects {
  --bkp-bg: #061017;
  --bkp-panel: #09171f;
  --bkp-panel-2: #0b1c25;
  --bkp-white: #f1f5f7;
  --bkp-text: #afbdc6;
  --bkp-line: rgba(255, 255, 255, .1);
  --bkp-line-blue: rgba(72, 180, 235, .3);
  --bkp-gold: #d4a447;
  --bkp-blue: #619dc7;
  --bkp-cyan: #4fc3f7;
  width: 100%;
  color: var(--bkp-white);
}

.bk-projects *,
.bk-projects *::before,
.bk-projects *::after { box-sizing: border-box; }
.bk-projects [id] { scroll-margin-top: 8rem; }
.bk-projects h1,
.bk-projects h2,
.bk-projects h3 { color: #fff; font-family: Georgia, "Times New Roman", serif; font-weight: 500; line-height: 1.12; }
.bk-projects h1 { max-width: 57rem; margin: 0 0 1.4rem; font-size: clamp(2.7rem, 5.5vw, 5.2rem); }
.bk-projects h2 { margin: 0 0 1.25rem; font-size: clamp(2rem, 4vw, 3rem); }
.bk-projects h3 { margin: 0 0 .8rem; font-size: clamp(1.2rem, 2vw, 1.55rem); }
.bk-projects p { color: var(--bkp-text); font-size: .94rem; line-height: 1.8; }
.bk-projects .bkp-kicker { margin-bottom: 1rem; color: var(--bkp-cyan); font-size: .68rem; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }

.bk-projects .bkp-intro {
  position: relative;
  margin-bottom: 1.25rem;
  padding: clamp(2rem, 5vw, 4rem);
  overflow: hidden;
  background: radial-gradient(circle at 88% 12%, rgba(79, 195, 247, .13), transparent 35%), radial-gradient(circle at 5% 100%, rgba(212, 164, 71, .08), transparent 30%), linear-gradient(135deg, #091820, #061017);
  border: 1px solid var(--bkp-line);
}
.bk-projects .bkp-intro::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 3px; background: linear-gradient(var(--bkp-gold), var(--bkp-cyan)); }
.bk-projects .bkp-intro > p { max-width: 56rem; }
.bk-projects .bkp-lead { max-width: 54rem; color: #e1e9ed; font-size: clamp(1.05rem, 1.9vw, 1.25rem); line-height: 1.7; }
.bk-projects .bkp-process-line { display: flex; flex-wrap: wrap; align-items: center; gap: .65rem; margin-top: 2rem; }
.bk-projects .bkp-process-line span { padding: .5rem .72rem; color: #d6e8f0; background: rgba(79, 195, 247, .04); border: 1px solid rgba(79, 195, 247, .22); font-size: .57rem; font-weight: 800; letter-spacing: .13em; }
.bk-projects .bkp-process-line i { color: rgba(212, 164, 71, .78); font-style: normal; }

.bk-projects .bkp-nav { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-bottom: clamp(2.5rem, 5vw, 4rem); background: rgba(6, 16, 23, .96); border: 1px solid var(--bkp-line); }
.bk-projects .bkp-nav button { min-height: 5rem; padding: 1rem .7rem; color: #c3cfd5; background: transparent; border: 0; border-right: 1px solid var(--bkp-line); border-bottom: 1px solid var(--bkp-line); font: inherit; font-size: .67rem; font-weight: 700; line-height: 1.4; cursor: pointer; transition: color .2s ease, background .2s ease, border-color .2s ease; }
.bk-projects .bkp-nav button:nth-child(4n) { border-right: 0; }
.bk-projects .bkp-nav button:nth-last-child(-n + 4) { border-bottom: 0; }
.bk-projects .bkp-nav button span { display: block; margin-bottom: .45rem; color: var(--bkp-cyan); font-size: .56rem; font-weight: 800; letter-spacing: .16em; }
.bk-projects .bkp-nav button:hover,
.bk-projects .bkp-nav button:focus-visible { color: #fff; background: rgba(79, 195, 247, .08); outline: 1px solid rgba(79, 195, 247, .48); outline-offset: -1px; }

.bk-projects .bkp-philosophy { margin-bottom: 1.4rem; padding: clamp(2rem, 4vw, 3.3rem); background: radial-gradient(circle at 0 50%, rgba(212, 164, 71, .1), transparent 35%), #071219; border: 1px solid rgba(212, 164, 71, .22); }
.bk-projects .bkp-philosophy-label { margin-bottom: 1.6rem; color: var(--bkp-gold); font-size: .62rem; font-weight: 800; letter-spacing: .18em; }
.bk-projects .bkp-philosophy-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: clamp(2rem, 5vw, 4rem); }
.bk-projects .bkp-highlight-text { margin-top: 1.5rem; padding-left: 1.2rem; color: #e6edf0; border-left: 2px solid var(--bkp-gold); }

.bk-projects .bkp-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.2rem; margin: 1.4rem 0; }
.bk-projects .bkp-card { position: relative; display: flex; flex-direction: column; min-height: 18rem; padding: clamp(1.6rem, 3vw, 2.3rem); overflow: hidden; background: linear-gradient(145deg, rgba(12, 29, 38, .97), rgba(6, 16, 23, .99)); border: 1px solid var(--bkp-line); transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
.bk-projects .bkp-card::after { content: ""; position: absolute; top: -4rem; right: -4rem; width: 11rem; height: 11rem; opacity: .08; background: currentColor; border-radius: 50%; filter: blur(1.5rem); pointer-events: none; }
.bk-projects .bkp-card-gold { color: var(--bkp-gold); }
.bk-projects .bkp-card-blue { color: var(--bkp-blue); }
.bk-projects .bkp-card-cyan { color: var(--bkp-cyan); }
.bk-projects .bkp-card-top { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 2rem; }
.bk-projects .bkp-number { color: currentColor; font-size: .68rem; font-weight: 800; letter-spacing: .18em; }
.bk-projects .bkp-status { color: #84959e; font-size: .53rem; font-weight: 800; letter-spacing: .13em; }
.bk-projects .bkp-card h2,
.bk-projects .bkp-card p,
.bk-projects .bkp-tags { position: relative; z-index: 1; }
.bk-projects .bkp-card h2 { font-size: clamp(1.55rem, 2.7vw, 2.15rem); }
.bk-projects .bkp-card p { margin-bottom: 1.5rem; }
.bk-projects .bkp-tags { display: flex; flex-wrap: wrap; gap: .45rem; margin-top: auto; }
.bk-projects .bkp-tags span { padding: .42rem .58rem; color: #b9c6cc; border: 1px solid rgba(255, 255, 255, .11); font-size: .53rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }

.bk-projects .bkp-feature { display: grid; grid-template-columns: 7.5rem minmax(0, 1fr); gap: 2rem; margin: 1.4rem 0; padding: clamp(2rem, 4vw, 3.3rem); background: radial-gradient(circle at 0 100%, rgba(79, 195, 247, .1), transparent 38%), linear-gradient(135deg, #0a1a23, #061017); border: 1px solid var(--bkp-line-blue); }
.bk-projects .bkp-feature-number { color: rgba(79, 195, 247, .42); font-family: Georgia, "Times New Roman", serif; font-size: clamp(3rem, 7vw, 5rem); line-height: 1; }
.bk-projects .bkp-feature-content { max-width: 52rem; }
.bk-projects .bkp-mini-process { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 2rem; border: 1px solid var(--bkp-line); }
.bk-projects .bkp-mini-process > div { padding: 1.3rem .7rem; text-align: center; border-right: 1px solid var(--bkp-line); }
.bk-projects .bkp-mini-process > div:last-child { border-right: 0; }
.bk-projects .bkp-mini-process span { display: block; margin-bottom: .5rem; color: var(--bkp-cyan); font-size: .58rem; font-weight: 800; }
.bk-projects .bkp-mini-process strong { color: #e4ebef; font-size: .7rem; letter-spacing: .04em; }

.bk-projects .bkp-test { margin: 1.4rem 0; padding: clamp(2rem, 4vw, 3.3rem); background: #071219; border: 1px solid var(--bkp-line); }
.bk-projects .bkp-test-head { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(2rem, 5vw, 4rem); margin-bottom: 2.2rem; }
.bk-projects .bkp-cycle { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr; align-items: center; }
.bk-projects .bkp-cycle-item { min-height: 8.5rem; padding: 1.25rem; text-align: center; background: rgba(79, 195, 247, .025); border: 1px solid rgba(79, 195, 247, .17); }
.bk-projects .bkp-cycle-item span { display: block; margin-bottom: .7rem; color: var(--bkp-cyan); font-size: .58rem; font-weight: 800; }
.bk-projects .bkp-cycle-item strong { display: block; color: #eef4f6; font-size: .68rem; letter-spacing: .08em; }
.bk-projects .bkp-cycle-item small { display: block; margin-top: .6rem; color: #84969f; font-size: .62rem; line-height: 1.5; }
.bk-projects .bkp-cycle-arrow { padding: 0 .55rem; color: var(--bkp-gold); text-align: center; }

.bk-projects .bkp-solution { display: grid; grid-template-columns: 13rem minmax(0, 1fr); margin: 1.4rem 0; background: linear-gradient(120deg, rgba(212, 164, 71, .07), rgba(6, 16, 23, .98) 40%); border: 1px solid rgba(212, 164, 71, .24); }
.bk-projects .bkp-solution-side { display: flex; flex-direction: column; justify-content: center; padding: 2.5rem; border-right: 1px solid var(--bkp-line); }
.bk-projects .bkp-solution-side span { margin-bottom: 1.2rem; color: var(--bkp-gold); font-family: Georgia, serif; font-size: 3.2rem; }
.bk-projects .bkp-solution-side strong { color: #c4a96e; font-size: .62rem; line-height: 1.7; letter-spacing: .15em; }
.bk-projects .bkp-solution-content { padding: clamp(2rem, 4vw, 3.3rem); }
.bk-projects .bkp-solution-content blockquote { margin: 1.8rem 0 0; padding: 1.1rem 1.3rem; color: #fff; border-left: 2px solid var(--bkp-gold); font-family: Georgia, serif; font-size: clamp(1.05rem, 2vw, 1.3rem); }

.bk-projects .bkp-project-support { margin: 1.4rem 0; padding: clamp(2rem, 4vw, 3.3rem); background: radial-gradient(circle at 100% 0, rgba(79, 195, 247, .09), transparent 35%), #071219; border: 1px solid var(--bkp-line); }
.bk-projects .bkp-project-support-head { max-width: 50rem; margin-bottom: 2.2rem; }
.bk-projects .bkp-levels { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border: 1px solid var(--bkp-line); }
.bk-projects .bkp-level { padding: 1.6rem 1.25rem; border-right: 1px solid var(--bkp-line); }
.bk-projects .bkp-level:last-child { border-right: 0; }
.bk-projects .bkp-level > span { display: block; margin-bottom: 1.2rem; color: var(--bkp-cyan); font-size: .57rem; font-weight: 800; letter-spacing: .16em; }
.bk-projects .bkp-level h3 { font-size: 1.2rem; }
.bk-projects .bkp-level p { margin-bottom: 0; font-size: .76rem; line-height: 1.65; }

.bk-projects .bkp-values { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); margin: 1.4rem 0; background: #061017; border: 1px solid var(--bkp-line); }
.bk-projects .bkp-value { padding: 1.7rem .75rem; text-align: center; border-right: 1px solid var(--bkp-line); }
.bk-projects .bkp-value:last-child { border-right: 0; }
.bk-projects .bkp-value span { display: block; margin-bottom: .5rem; color: var(--bkp-cyan); font-size: .56rem; font-weight: 800; letter-spacing: .15em; }
.bk-projects .bkp-value strong { display: block; color: #eef3f5; font-family: Georgia, serif; font-size: 1rem; font-weight: 500; }
.bk-projects .bkp-value small { display: block; margin-top: .45rem; color: #758891; font-size: .58rem; }

.bk-projects .bkp-contact { display: grid; grid-template-columns: 1.4fr .8fr; margin-top: 3rem; background: radial-gradient(circle at 10% 50%, rgba(212, 164, 71, .11), transparent 38%), #071015; border: 1px solid rgba(212, 164, 71, .3); }
.bk-projects .bkp-contact-main { padding: clamp(2rem, 4vw, 3.4rem); }
.bk-projects .bkp-contact-main p { max-width: 43rem; }
.bk-projects .bkp-contact-buttons { display: flex; flex-wrap: wrap; gap: .65rem; margin-top: 1.8rem; }
.bk-projects .bkp-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 3rem; padding: .8rem 1.2rem; text-decoration: none; font-size: .67rem; font-weight: 800; letter-spacing: .07em; transition: transform .2s ease, background .2s ease; }
.bk-projects .bkp-btn-primary { color: #071015; background: var(--bkp-gold); border: 1px solid var(--bkp-gold); }
.bk-projects .bkp-btn-secondary { color: #dcebf3; background: rgba(79, 195, 247, .05); border: 1px solid rgba(79, 195, 247, .45); }
.bk-projects .bkp-contact-info { display: flex; flex-direction: column; justify-content: center; padding: clamp(1.8rem, 3vw, 2.4rem); background: rgba(255, 255, 255, .018); border-left: 1px solid var(--bkp-line); }
.bk-projects .bkp-contact-info > div { padding: 1.1rem 0; border-bottom: 1px solid var(--bkp-line); }
.bk-projects .bkp-contact-info > div:last-child { border-bottom: 0; }
.bk-projects .bkp-contact-info span { color: var(--bkp-gold); font-size: .57rem; font-weight: 800; letter-spacing: .16em; }
.bk-projects .bkp-contact-info p { margin: .3rem 0 0; font-size: .78rem; }

@media (hover: hover) {
  .bk-projects .bkp-card:hover { transform: translateY(-.2rem); border-color: currentColor; box-shadow: 0 1rem 2.4rem rgba(0, 0, 0, .18); }
  .bk-projects .bkp-btn:hover { transform: translateY(-.12rem); }
  .bk-projects .bkp-btn-secondary:hover { background: rgba(79, 195, 247, .11); border-color: var(--bkp-cyan); }
}

@media (max-width: 950px) {
  .bk-projects .bkp-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bk-projects .bkp-nav button:nth-child(4n) { border-right: 1px solid var(--bkp-line); }
  .bk-projects .bkp-nav button:nth-child(2n) { border-right: 0; }
  .bk-projects .bkp-nav button:nth-last-child(-n + 4) { border-bottom: 1px solid var(--bkp-line); }
  .bk-projects .bkp-nav button:nth-last-child(-n + 2) { border-bottom: 0; }
  .bk-projects .bkp-philosophy-grid,
  .bk-projects .bkp-test-head { grid-template-columns: 1fr; gap: 1rem; }
  .bk-projects .bkp-cycle { grid-template-columns: 1fr; gap: .5rem; }
  .bk-projects .bkp-cycle-arrow { transform: rotate(90deg); }
  .bk-projects .bkp-levels { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bk-projects .bkp-level:nth-child(2) { border-right: 0; }
  .bk-projects .bkp-level:nth-child(-n + 2) { border-bottom: 1px solid var(--bkp-line); }
  .bk-projects .bkp-contact { grid-template-columns: 1fr; }
  .bk-projects .bkp-contact-info { border-top: 1px solid var(--bkp-line); border-left: 0; }
}

@media (max-width: 650px) {
  .bk-projects .bkp-intro,
  .bk-projects .bkp-philosophy,
  .bk-projects .bkp-test,
  .bk-projects .bkp-project-support,
  .bk-projects .bkp-contact-main { padding: 1.8rem 1.3rem; }
  .bk-projects h1 { font-size: clamp(2.35rem, 12vw, 3.25rem); }
  .bk-projects h2 { font-size: 1.9rem; }
  .bk-projects .bkp-process-line { gap: .4rem; }
  .bk-projects .bkp-process-line i { display: none; }
  .bk-projects .bkp-nav button { min-height: 4.5rem; padding: .75rem .4rem; font-size: .58rem; }
  .bk-projects .bkp-grid { grid-template-columns: 1fr; }
  .bk-projects .bkp-card { min-height: 0; padding: 1.7rem 1.3rem; }
  .bk-projects .bkp-feature { grid-template-columns: 1fr; padding: 1.8rem 1.3rem; }
  .bk-projects .bkp-mini-process { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bk-projects .bkp-mini-process > div:nth-child(2) { border-right: 0; }
  .bk-projects .bkp-mini-process > div:nth-child(-n + 2) { border-bottom: 1px solid var(--bkp-line); }
  .bk-projects .bkp-solution { grid-template-columns: 1fr; }
  .bk-projects .bkp-solution-side { padding: 1.6rem 1.3rem; border-right: 0; border-bottom: 1px solid var(--bkp-line); }
  .bk-projects .bkp-solution-content { padding: 1.8rem 1.3rem; }
  .bk-projects .bkp-levels,
  .bk-projects .bkp-values { grid-template-columns: 1fr; }
  .bk-projects .bkp-level,
  .bk-projects .bkp-value { border-right: 0; border-bottom: 1px solid var(--bkp-line); }
  .bk-projects .bkp-level:last-child,
  .bk-projects .bkp-value:last-child { border-bottom: 0; }
  .bk-projects .bkp-contact-buttons { flex-direction: column; }
  .bk-projects .bkp-btn { width: 100%; }
  .bk-projects .bkp-contact-info { padding: 1.6rem 1.3rem; }
}

/* Digital & Organisation: eigenständiger Dienstleistungsbereich */
.service-focus-card--digital {
  --service-focus-accent: #4fc3f7;
  --service-focus-warm: #d4a447;
}

.bk-digital {
  --bkd-bg: #061017;
  --bkd-panel: #091821;
  --bkd-white: #f2f6f8;
  --bkd-text: #afbdc6;
  --bkd-line: rgba(255, 255, 255, .1);
  --bkd-gold: #d4a447;
  --bkd-blue: #619fc9;
  --bkd-cyan: #4fc3f7;
  width: 100%;
  color: var(--bkd-white);
}
.bk-digital *,
.bk-digital *::before,
.bk-digital *::after { box-sizing: border-box; }
.bk-digital [id] { scroll-margin-top: 8rem; }
.bk-digital h1,
.bk-digital h2,
.bk-digital h3 { color: #fff; font-family: Georgia, "Times New Roman", serif; font-weight: 500; line-height: 1.12; }
.bk-digital h1 { max-width: 58rem; margin: 0 0 1.4rem; font-size: clamp(2.7rem, 5.5vw, 5.2rem); }
.bk-digital h2 { margin: 0 0 1.25rem; font-size: clamp(2rem, 4vw, 3rem); }
.bk-digital h3 { margin: 0 0 .8rem; font-size: clamp(1.2rem, 2vw, 1.55rem); }
.bk-digital p { color: var(--bkd-text); font-size: .94rem; line-height: 1.8; }
.bk-digital .bkd-kicker { margin-bottom: 1rem; color: var(--bkd-cyan); font-size: .68rem; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }

.bk-digital .bkd-intro { position: relative; margin-bottom: 1.25rem; padding: clamp(2rem, 5vw, 4rem); overflow: hidden; background: radial-gradient(circle at 88% 12%, rgba(79, 195, 247, .15), transparent 35%), radial-gradient(circle at 5% 100%, rgba(212, 164, 71, .07), transparent 30%), linear-gradient(135deg, #091a24, #061017); border: 1px solid var(--bkd-line); }
.bk-digital .bkd-intro::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 3px; background: linear-gradient(var(--bkd-cyan), var(--bkd-gold)); }
.bk-digital .bkd-intro > p { max-width: 56rem; }
.bk-digital .bkd-lead { max-width: 54rem; color: #e1e9ed; font-size: clamp(1.05rem, 1.9vw, 1.25rem); line-height: 1.7; }
.bk-digital .bkd-process { display: flex; flex-wrap: wrap; align-items: center; gap: .65rem; margin-top: 2rem; }
.bk-digital .bkd-process span { padding: .5rem .72rem; color: #d8eaf2; background: rgba(79, 195, 247, .04); border: 1px solid rgba(79, 195, 247, .24); font-size: .57rem; font-weight: 800; letter-spacing: .13em; }
.bk-digital .bkd-process i { color: var(--bkd-gold); font-style: normal; }

.bk-digital .bkd-nav { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-bottom: clamp(2.5rem, 5vw, 4rem); background: rgba(6, 16, 23, .97); border: 1px solid var(--bkd-line); }
.bk-digital .bkd-nav button { min-height: 5rem; padding: 1rem .7rem; color: #c3cfd5; background: transparent; border: 0; border-right: 1px solid var(--bkd-line); border-bottom: 1px solid var(--bkd-line); font: inherit; font-size: .67rem; font-weight: 700; line-height: 1.4; cursor: pointer; transition: color .2s ease, background .2s ease; }
.bk-digital .bkd-nav button:nth-child(4n) { border-right: 0; }
.bk-digital .bkd-nav button:nth-last-child(-n + 4) { border-bottom: 0; }
.bk-digital .bkd-nav button span { display: block; margin-bottom: .45rem; color: var(--bkd-cyan); font-size: .56rem; font-weight: 800; letter-spacing: .16em; }
.bk-digital .bkd-nav button:hover,
.bk-digital .bkd-nav button:focus-visible { color: #fff; background: rgba(79, 195, 247, .08); outline: 1px solid rgba(79, 195, 247, .48); outline-offset: -1px; }

.bk-digital .bkd-principle { margin-bottom: 1.4rem; padding: clamp(2rem, 4vw, 3.3rem); background: radial-gradient(circle at 0 50%, rgba(79, 195, 247, .1), transparent 36%), #071219; border: 1px solid rgba(79, 195, 247, .22); }
.bk-digital .bkd-principle-label { margin-bottom: 1.6rem; color: var(--bkd-cyan); font-size: .62rem; font-weight: 800; letter-spacing: .18em; }
.bk-digital .bkd-principle-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: clamp(2rem, 5vw, 4rem); }
.bk-digital .bkd-highlight { margin-top: 1.5rem; padding-left: 1.2rem; color: #e6edf0; border-left: 2px solid var(--bkd-cyan); }

.bk-digital .bkd-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.2rem; margin: 1.4rem 0; }
.bk-digital .bkd-card { position: relative; display: flex; flex-direction: column; min-height: 18rem; padding: clamp(1.6rem, 3vw, 2.3rem); overflow: hidden; background: linear-gradient(145deg, rgba(12, 30, 40, .97), rgba(6, 16, 23, .99)); border: 1px solid var(--bkd-line); transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
.bk-digital .bkd-card::after { content: ""; position: absolute; top: -4rem; right: -4rem; width: 11rem; height: 11rem; opacity: .08; background: currentColor; border-radius: 50%; filter: blur(1.5rem); pointer-events: none; }
.bk-digital .bkd-card-gold { color: var(--bkd-gold); }
.bk-digital .bkd-card-blue { color: var(--bkd-blue); }
.bk-digital .bkd-card-cyan { color: var(--bkd-cyan); }
.bk-digital .bkd-card-top { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 2rem; }
.bk-digital .bkd-number { color: currentColor; font-size: .68rem; font-weight: 800; letter-spacing: .18em; }
.bk-digital .bkd-status { color: #84959e; font-size: .53rem; font-weight: 800; letter-spacing: .13em; }
.bk-digital .bkd-card h2,
.bk-digital .bkd-card p,
.bk-digital .bkd-tags { position: relative; z-index: 1; }
.bk-digital .bkd-card h2 { font-size: clamp(1.55rem, 2.7vw, 2.15rem); }
.bk-digital .bkd-card p { margin-bottom: 1.5rem; }
.bk-digital .bkd-tags { display: flex; flex-wrap: wrap; gap: .45rem; margin-top: auto; }
.bk-digital .bkd-tags span { padding: .42rem .58rem; color: #b9c6cc; border: 1px solid rgba(255, 255, 255, .11); font-size: .53rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }

.bk-digital .bkd-feature { display: grid; grid-template-columns: 7.5rem minmax(0, 1fr); gap: 2rem; margin: 1.4rem 0; padding: clamp(2rem, 4vw, 3.3rem); background: radial-gradient(circle at 0 100%, rgba(79, 195, 247, .11), transparent 38%), linear-gradient(135deg, #0a1b25, #061017); border: 1px solid rgba(79, 195, 247, .3); }
.bk-digital .bkd-feature-number { color: rgba(79, 195, 247, .42); font-family: Georgia, serif; font-size: clamp(3rem, 7vw, 5rem); line-height: 1; }
.bk-digital .bkd-feature-content { max-width: 52rem; }
.bk-digital .bkd-mini-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 2rem; border: 1px solid var(--bkd-line); }
.bk-digital .bkd-mini-grid > div { padding: 1.3rem .7rem; text-align: center; border-right: 1px solid var(--bkd-line); }
.bk-digital .bkd-mini-grid > div:last-child { border-right: 0; }
.bk-digital .bkd-mini-grid span { display: block; margin-bottom: .5rem; color: var(--bkd-cyan); font-size: .58rem; font-weight: 800; }
.bk-digital .bkd-mini-grid strong { color: #e4ebef; font-size: .7rem; }

.bk-digital .bkd-tech { margin: 1.4rem 0; padding: clamp(2rem, 4vw, 3.3rem); background: #071219; border: 1px solid var(--bkd-line); }
.bk-digital .bkd-tech-head { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(2rem, 5vw, 4rem); margin-bottom: 2.2rem; }
.bk-digital .bkd-flow { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr; align-items: center; }
.bk-digital .bkd-flow > div { min-height: 8.5rem; padding: 1.25rem; text-align: center; background: rgba(79, 195, 247, .025); border: 1px solid rgba(79, 195, 247, .17); }
.bk-digital .bkd-flow > div span { display: block; margin-bottom: .7rem; color: var(--bkd-cyan); font-size: .58rem; font-weight: 800; }
.bk-digital .bkd-flow > div strong { display: block; color: #eef4f6; font-size: .68rem; letter-spacing: .08em; }
.bk-digital .bkd-flow > div small { display: block; margin-top: .6rem; color: #84969f; font-size: .62rem; line-height: 1.5; }
.bk-digital .bkd-flow > i { padding: 0 .55rem; color: var(--bkd-gold); font-style: normal; text-align: center; }

.bk-digital .bkd-systems { display: grid; grid-template-columns: 13rem minmax(0, 1fr); margin: 1.4rem 0; background: linear-gradient(120deg, rgba(79, 195, 247, .08), rgba(6, 16, 23, .98) 40%); border: 1px solid rgba(79, 195, 247, .26); }
.bk-digital .bkd-systems-side { display: flex; flex-direction: column; justify-content: center; padding: 2.5rem; border-right: 1px solid var(--bkd-line); }
.bk-digital .bkd-systems-side span { margin-bottom: 1.2rem; color: var(--bkd-cyan); font-family: Georgia, serif; font-size: 3.2rem; }
.bk-digital .bkd-systems-side strong { color: #79b9d8; font-size: .62rem; line-height: 1.7; letter-spacing: .15em; }
.bk-digital .bkd-systems-content { padding: clamp(2rem, 4vw, 3.3rem); }
.bk-digital .bkd-system-note { margin-top: 1.8rem; padding: 1rem 1.1rem; color: #c9d9e0; background: rgba(79, 195, 247, .04); border-left: 2px solid var(--bkd-cyan); font-size: .58rem; font-weight: 800; letter-spacing: .07em; line-height: 1.7; overflow-wrap: anywhere; }

.bk-digital .bkd-individual { margin: 1.4rem 0; padding: clamp(2rem, 4vw, 3.3rem); background: radial-gradient(circle at 100% 0, rgba(212, 164, 71, .08), transparent 34%), #071219; border: 1px solid rgba(212, 164, 71, .22); }
.bk-digital .bkd-individual-head { max-width: 50rem; margin-bottom: 2.2rem; }
.bk-digital .bkd-options { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border: 1px solid var(--bkd-line); }
.bk-digital .bkd-options > div { padding: 1.6rem 1.25rem; border-right: 1px solid var(--bkd-line); }
.bk-digital .bkd-options > div:last-child { border-right: 0; }
.bk-digital .bkd-options span { display: block; margin-bottom: 1.2rem; color: var(--bkd-gold); font-size: .57rem; font-weight: 800; letter-spacing: .16em; }
.bk-digital .bkd-options h3 { font-size: 1.15rem; }
.bk-digital .bkd-options p { margin-bottom: 0; font-size: .76rem; line-height: 1.65; }

.bk-digital .bkd-values { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); margin: 1.4rem 0; background: #061017; border: 1px solid var(--bkd-line); }
.bk-digital .bkd-values > div { padding: 1.7rem .75rem; text-align: center; border-right: 1px solid var(--bkd-line); }
.bk-digital .bkd-values > div:last-child { border-right: 0; }
.bk-digital .bkd-values span { display: block; margin-bottom: .5rem; color: var(--bkd-cyan); font-size: .56rem; font-weight: 800; letter-spacing: .15em; }
.bk-digital .bkd-values strong { display: block; color: #eef3f5; font-family: Georgia, serif; font-size: 1rem; font-weight: 500; }
.bk-digital .bkd-values small { display: block; margin-top: .45rem; color: #758891; font-size: .58rem; }

.bk-digital .bkd-contact { display: grid; grid-template-columns: 1.4fr .8fr; margin-top: 3rem; background: radial-gradient(circle at 10% 50%, rgba(212, 164, 71, .11), transparent 38%), #071015; border: 1px solid rgba(212, 164, 71, .3); }
.bk-digital .bkd-contact-main { padding: clamp(2rem, 4vw, 3.4rem); }
.bk-digital .bkd-contact-main p { max-width: 43rem; }
.bk-digital .bkd-contact-buttons { display: flex; flex-wrap: wrap; gap: .65rem; margin-top: 1.8rem; }
.bk-digital .bkd-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 3rem; padding: .8rem 1.2rem; text-decoration: none; font-size: .67rem; font-weight: 800; letter-spacing: .07em; transition: transform .2s ease, background .2s ease; }
.bk-digital .bkd-btn-primary { color: #071015; background: var(--bkd-gold); border: 1px solid var(--bkd-gold); }
.bk-digital .bkd-btn-secondary { color: #dcebf3; background: rgba(79, 195, 247, .05); border: 1px solid rgba(79, 195, 247, .45); }
.bk-digital .bkd-contact-info { display: flex; flex-direction: column; justify-content: center; padding: clamp(1.8rem, 3vw, 2.4rem); background: rgba(255, 255, 255, .018); border-left: 1px solid var(--bkd-line); }
.bk-digital .bkd-contact-info > div { padding: 1.1rem 0; border-bottom: 1px solid var(--bkd-line); }
.bk-digital .bkd-contact-info > div:last-child { border-bottom: 0; }
.bk-digital .bkd-contact-info span { color: var(--bkd-gold); font-size: .57rem; font-weight: 800; letter-spacing: .16em; }
.bk-digital .bkd-contact-info p { margin: .3rem 0 0; font-size: .78rem; }

@media (hover: hover) {
  .bk-digital .bkd-card:hover { transform: translateY(-.2rem); border-color: currentColor; box-shadow: 0 1rem 2.4rem rgba(0, 0, 0, .18); }
  .bk-digital .bkd-btn:hover { transform: translateY(-.12rem); }
  .bk-digital .bkd-btn-secondary:hover { background: rgba(79, 195, 247, .11); border-color: var(--bkd-cyan); }
}

@media (max-width: 950px) {
  .bk-digital .bkd-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bk-digital .bkd-nav button:nth-child(4n) { border-right: 1px solid var(--bkd-line); }
  .bk-digital .bkd-nav button:nth-child(2n) { border-right: 0; }
  .bk-digital .bkd-nav button:nth-last-child(-n + 4) { border-bottom: 1px solid var(--bkd-line); }
  .bk-digital .bkd-nav button:nth-last-child(-n + 2) { border-bottom: 0; }
  .bk-digital .bkd-principle-grid,
  .bk-digital .bkd-tech-head { grid-template-columns: 1fr; gap: 1rem; }
  .bk-digital .bkd-flow { grid-template-columns: 1fr; gap: .5rem; }
  .bk-digital .bkd-flow > i { transform: rotate(90deg); }
  .bk-digital .bkd-options { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bk-digital .bkd-options > div:nth-child(2) { border-right: 0; }
  .bk-digital .bkd-options > div:nth-child(-n + 2) { border-bottom: 1px solid var(--bkd-line); }
  .bk-digital .bkd-contact { grid-template-columns: 1fr; }
  .bk-digital .bkd-contact-info { border-top: 1px solid var(--bkd-line); border-left: 0; }
}

@media (max-width: 650px) {
  .bk-digital .bkd-intro,
  .bk-digital .bkd-principle,
  .bk-digital .bkd-tech,
  .bk-digital .bkd-individual,
  .bk-digital .bkd-contact-main { padding: 1.8rem 1.3rem; }
  .bk-digital h1 { font-size: clamp(2.35rem, 12vw, 3.25rem); }
  .bk-digital h2 { font-size: 1.9rem; }
  .bk-digital .bkd-process { gap: .4rem; }
  .bk-digital .bkd-process i { display: none; }
  .bk-digital .bkd-nav button { min-height: 4.5rem; padding: .75rem .4rem; font-size: .58rem; }
  .bk-digital .bkd-grid { grid-template-columns: 1fr; }
  .bk-digital .bkd-card { min-height: 0; padding: 1.7rem 1.3rem; }
  .bk-digital .bkd-feature { grid-template-columns: 1fr; padding: 1.8rem 1.3rem; }
  .bk-digital .bkd-mini-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bk-digital .bkd-mini-grid > div:nth-child(2) { border-right: 0; }
  .bk-digital .bkd-mini-grid > div:nth-child(-n + 2) { border-bottom: 1px solid var(--bkd-line); }
  .bk-digital .bkd-systems { grid-template-columns: 1fr; }
  .bk-digital .bkd-systems-side { padding: 1.6rem 1.3rem; border-right: 0; border-bottom: 1px solid var(--bkd-line); }
  .bk-digital .bkd-systems-content { padding: 1.8rem 1.3rem; }
  .bk-digital .bkd-options,
  .bk-digital .bkd-values { grid-template-columns: 1fr; }
  .bk-digital .bkd-options > div,
  .bk-digital .bkd-values > div { border-right: 0; border-bottom: 1px solid var(--bkd-line); }
  .bk-digital .bkd-options > div:last-child,
  .bk-digital .bkd-values > div:last-child { border-bottom: 0; }
  .bk-digital .bkd-contact-buttons { flex-direction: column; }
  .bk-digital .bkd-btn { width: 100%; }
  .bk-digital .bkd-contact-info { padding: 1.6rem 1.3rem; }
}

.museum-portal-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.museum-portal-grid a {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
}

.museum-portal-grid a > span {
  color: var(--future-accent);
  font-family: Consolas, "Courier New", monospace;
  font-size: .72rem;
  letter-spacing: .12em;
}

.museum-portal-grid h2,
.museum-portal-grid p {
  grid-column: 2;
  margin: 0;
}

.museum-portal-grid h2 {
  color: #f1ece5;
  font-size: clamp(1.2rem, 2vw, 1.7rem);
}

.museum-portal-grid p {
  margin-top: .25rem;
  color: #a9a6a1;
}

.museum-portal-grid svg {
  grid-column: 3;
  grid-row: 1 / span 2;
}

@media (max-width: 820px) {
  .future-card-grid,
  .future-link-grid,
  .future-link-grid--single,
  .museum-portal-grid,
  .service-card-grid {
    grid-template-columns: 1fr;
  }

  .service-card {
    min-height: 0;
  }
}

@media (max-width: 600px) {
  .services-image-note {
    padding-inline: .75rem;
  }

  .services-image-note .services-image-note__label {
    gap: .4rem;
    letter-spacing: .07em;
  }

  .future-area-view {
    padding: 2rem 1rem 3rem;
  }

  .future-area-hero h1 {
    font-size: clamp(2rem, 10.2vw, 3.25rem);
    hyphens: auto;
  }

  .future-status {
    padding: 1rem;
  }

  .museum-portal-grid a {
    grid-template-columns: auto minmax(0, 1fr) auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  .future-link-grid a,
  .museum-portal-grid a,
  .service-card,
  .service-card__action svg {
    transition: none;
  }

  .service-card:hover::before,
  .service-card:focus-visible::before {
    animation: none;
    opacity: .75;
  }
}

/* =========================================================
   BEATKONSTRUKTOR // ABOUT
   PERSONAL FILE / MACHINE ROOM DESIGN
========================================================= */

.bk-about {
    --bk-bg: #050706;
    --bk-panel: #0b0e0c;
    --bk-panel-2: #101411;
    --bk-line: rgba(255,255,255,.10);
    --bk-soft: #a5ada7;
    --bk-text: #e8ede9;
    --bk-green: #dfa75e;
    --bk-green-soft: rgba(223,167,94,.13);
    --bk-red: #51cdbf;

    position: relative;
    width: 100%;
    overflow: hidden;
    background:
        radial-gradient(circle at 75% 5%, rgba(223,167,94,.08), transparent 27%),
        radial-gradient(circle at 10% 70%, rgba(255,52,52,.035), transparent 25%),
        var(--bk-bg);
    color: var(--bk-text);
    font-family: Arial, Helvetica, sans-serif;
}

.bk-about *,
.bk-about *::before,
.bk-about *::after {
    box-sizing: border-box;
}

.bk-about::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .18;
    background-image:
        linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
    background-size: 42px 42px;
}


/* TYPOGRAPHY */

.bk-about .bk-about-main-title,
.bk-about h2,
.bk-about p,
.bk-about figure,
.bk-about blockquote {
    margin-top: 0;
}

.bk-about .bk-about-main-title,
.bk-about h2 {
    letter-spacing: -.045em;
    line-height: .94;
}

.bk-about p {
    color: var(--bk-soft);
    font-size: 17px;
    line-height: 1.8;
}

.bk-about strong {
    color: #fff;
}

.bk-about-kicker,
.bk-about-heading > p {
    color: var(--bk-green) !important;
    font-size: 11px !important;
    font-weight: 800;
    letter-spacing: .25em;
}


/* =========================================================
   HERO
========================================================= */

.bk-about-hero {
    position: relative;
    max-width: 1500px;
    margin: 0 auto;
    padding: 70px 5vw 100px;
}

.bk-about-hero__signal {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 35px;
    color: #79817b;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .22em;
}

.bk-about-hero__signal span,
.bk-about-action__status span {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--bk-green);
    box-shadow: 0 0 12px var(--bk-green);
}

.bk-about-hero__grid {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(400px, 1.1fr);
    gap: 6vw;
    align-items: center;
}

.bk-about-hero__copy {
    position: relative;
    z-index: 2;
}

.bk-about-hero .bk-about-main-title {
    max-width: 760px;
    margin-bottom: 30px;
    color: #fff;
    font-size: clamp(55px, 7vw, 110px);
    font-weight: 900;
}

.bk-about-hero .bk-about-main-title span {
    display: block;
    color: transparent;
    -webkit-text-stroke: 1px rgba(255,255,255,.38);
}

.bk-about-lead {
    max-width: 650px;
    color: #d8ded9 !important;
    font-size: clamp(19px, 2vw, 24px) !important;
    line-height: 1.55 !important;
}

.bk-about-hero__copy > p:not(.bk-about-kicker):not(.bk-about-lead) {
    max-width: 620px;
}

.bk-about-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 35px;
}

.bk-about-tags span {
    padding: 8px 11px;
    border: 1px solid rgba(223,167,94,.25);
    background: rgba(223,167,94,.04);
    color: #9ab38e;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .15em;
}

.bk-about-hero__image {
    position: relative;
    margin: 0;
    border: 1px solid var(--bk-line);
    background: #090b09;
    padding: 10px;
}

.bk-about-hero__image::before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    width: 32%;
    height: 3px;
    background: var(--bk-green);
    box-shadow: 0 0 18px rgba(223,167,94,.4);
}

.bk-about-hero__image img {
    display: block;
    width: 100%;
    max-height: 720px;
    object-fit: cover;
    object-position: center;
    filter: contrast(1.06) saturate(.88);
}

.bk-about-hero__image figcaption {
    display: flex;
    justify-content: space-between;
    padding: 13px 5px 3px;
    color: #687069;
    font-size: 9px;
    letter-spacing: .18em;
}

.bk-about-hero__image figcaption strong {
    color: var(--bk-green);
}


/* =========================================================
   STANDARD SECTIONS
========================================================= */

.bk-about-section {
    position: relative;
    max-width: 1500px;
    margin: 0 auto;
    padding: 110px 5vw;
    border-top: 1px solid var(--bk-line);
}

.bk-about-section-number {
    position: absolute;
    top: 85px;
    right: 5vw;
    color: rgba(255,255,255,.035);
    font-size: clamp(80px, 13vw, 190px);
    font-weight: 900;
    line-height: 1;
}

.bk-about-heading {
    position: relative;
    z-index: 2;
    margin-bottom: 65px;
}

.bk-about-heading h2 {
    max-width: 950px;
    margin-bottom: 0;
    color: #fff;
    font-size: clamp(42px, 6vw, 80px);
    font-weight: 900;
}


/* =========================================================
   ORIGIN STORY
========================================================= */

.bk-about-story {
    display: grid;
    grid-template-columns: 70px minmax(0, 850px);
    gap: 45px;
    margin-left: clamp(0px, 7vw, 110px);
}

.bk-about-story__rail {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: var(--bk-green);
    font-size: 10px;
    font-weight: 800;
}

.bk-about-story__rail div {
    flex: 1;
    width: 1px;
    min-height: 250px;
    margin: 14px 0;
    background: linear-gradient(var(--bk-green), rgba(223,167,94,.08));
}

.bk-about-bigtext {
    color: #e9eee9 !important;
    font-size: clamp(23px, 2.5vw, 34px) !important;
    font-weight: 600;
    line-height: 1.45 !important;
}

.bk-about-story__content p + p {
    margin-top: 25px;
}


/* =========================================================
   WORLDS
========================================================= */

.bk-about-worlds__box {
    position: relative;
    display: grid;
    grid-template-columns: 230px minmax(0, 850px);
    gap: 70px;
    padding: 65px;
    border: 1px solid var(--bk-line);
    background:
        linear-gradient(120deg, rgba(223,167,94,.045), transparent 45%),
        var(--bk-panel);
}

.bk-about-worlds__symbol {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 280px;
    border-right: 1px solid var(--bk-line);
}

.bk-about-worlds__symbol > span {
    color: transparent;
    font-size: 150px;
    font-weight: 900;
    line-height: .8;
    -webkit-text-stroke: 1px var(--bk-green);
    text-shadow: 0 0 40px rgba(223,167,94,.13);
}

.bk-about-worlds__symbol small {
    margin-top: 25px;
    color: #687068;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .22em;
    text-align: center;
}

.bk-about-worlds blockquote {
    position: relative;
    margin: 45px 0;
    padding: 25px 30px;
    border-left: 3px solid var(--bk-green);
    background: rgba(223,167,94,.04);
    color: #fff;
    font-size: clamp(25px, 3vw, 38px);
    font-weight: 800;
    font-style: normal;
    letter-spacing: -.02em;
}


/* =========================================================
   REAL WORLD PHOTOS
========================================================= */

.bk-about-real__intro {
    max-width: 850px;
    margin-bottom: 50px;
    font-size: 19px !important;
}

.bk-about-photo-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.bk-about-photo {
    position: relative;
    margin: 0;
    padding: 8px;
    overflow: hidden;
    border: 1px solid var(--bk-line);
    background: #090b09;
}

.bk-about-photo img {
    display: block;
    width: 100%;
    height: clamp(420px, 52vw, 720px);
    object-fit: cover;
    transition: transform .6s ease, filter .6s ease;
    filter: saturate(.85) contrast(1.05);
}

.bk-about-photo:hover img {
    transform: scale(1.015);
    filter: saturate(1) contrast(1.07);
}

.bk-about-photo figcaption {
    position: absolute;
    right: 22px;
    bottom: 22px;
    left: 22px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px 15px;
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(4,6,5,.82);
    backdrop-filter: blur(10px);
    color: #a4aba5;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .18em;
}

.bk-about-photo figcaption span {
    color: var(--bk-green);
}


/* =========================================================
   VIDEO / ACTION
========================================================= */

.bk-about-action {
    max-width: none;
    padding-right: max(5vw, calc((100vw - 1500px) / 2 + 5vw));
    padding-left: max(5vw, calc((100vw - 1500px) / 2 + 5vw));
    background:
        radial-gradient(circle at center, rgba(223,167,94,.07), transparent 45%),
        #070908;
}

.bk-about-action__top {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 35px;
}

.bk-about-action__top p {
    margin-bottom: 8px;
    color: var(--bk-green);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .23em;
}

.bk-about-action__top h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(50px, 8vw, 110px);
    font-weight: 900;
}

.bk-about-action__status {
    display: flex;
    align-items: center;
    gap: 9px;
    padding-bottom: 12px;
    color: #717971;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .18em;
}

.bk-about-video {
    position: relative;
    max-width: 1400px;
    margin: 0 auto;
    padding: 10px;
    border: 1px solid rgba(223,167,94,.2);
    background: #020302;
    box-shadow: 0 30px 90px rgba(0,0,0,.55);
}

.bk-about-video::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 8%;
    width: 30%;
    height: 2px;
    background: var(--bk-green);
    box-shadow: 0 0 20px var(--bk-green);
}

.bk-about-video video {
    display: block;
    width: 100%;
    max-height: 78vh;
    background: #000;
}

.bk-about-video__caption {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding: 18px 10px 8px;
    font-size: 10px;
    letter-spacing: .14em;
}

.bk-about-video__caption strong {
    color: #dce2dd;
}

.bk-about-video__caption span {
    color: #697169;
}


/* =========================================================
   ECOSYSTEM
========================================================= */

.bk-about-systemline {
    display: grid;
    grid-template-columns: 1fr 40px 1fr 40px 1fr 40px 1.4fr;
    align-items: center;
    margin-bottom: 75px;
}

.bk-about-systemline > div {
    min-height: 110px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px;
    border: 1px solid var(--bk-line);
    background: var(--bk-panel);
}

.bk-about-systemline strong {
    font-size: clamp(25px, 3vw, 42px);
    line-height: 1;
}

.bk-about-systemline span {
    margin-top: 10px;
    color: #667067;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: .2em;
}

.bk-about-systemline i {
    height: 1px;
    background: var(--bk-green);
    opacity: .45;
}

.bk-about-systemline__final {
    border-color: rgba(223,167,94,.35) !important;
    background: var(--bk-green-soft) !important;
}

.bk-about-systemline__final strong {
    color: var(--bk-green);
}

.bk-about-ecosystem__text {
    max-width: 900px;
    margin: 0 auto;
}

.bk-about-ecosystem__text p + p {
    margin-top: 25px;
}

.bk-about-statement {
    margin-top: 65px !important;
    padding: 35px 0;
    border-top: 1px solid rgba(223,167,94,.3);
    border-bottom: 1px solid rgba(223,167,94,.3);
    color: #7d857e !important;
    font-size: clamp(18px, 2vw, 26px) !important;
    font-weight: 900;
    letter-spacing: .05em;
    line-height: 1.5 !important;
}

.bk-about-statement span {
    display: block;
    margin-top: 5px;
    color: var(--bk-green);
}


/* =========================================================
   FINAL
========================================================= */

.bk-about-final {
    position: relative;
    display: grid;
    grid-template-columns: minmax(180px, .35fr) minmax(0, 1.65fr);
    max-width: 1500px;
    margin: 0 auto;
    padding: 120px 5vw 140px;
    border-top: 1px solid var(--bk-line);
}

.bk-about-final__mark {
    position: relative;
}

.bk-about-final__mark span {
    position: sticky;
    top: 80px;
    color: transparent;
    font-size: clamp(90px, 12vw, 180px);
    font-weight: 900;
    line-height: .8;
    -webkit-text-stroke: 1px rgba(223,167,94,.28);
}

.bk-about-final h2 {
    max-width: 1000px;
    margin-bottom: 65px;
    color: #fff;
    font-size: clamp(45px, 6vw, 85px);
    font-weight: 900;
}

.bk-about-final__columns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 55px;
    max-width: 1000px;
}

.bk-about-final__columns p {
    margin-bottom: 24px;
}

.bk-about-final__quote {
    max-width: 1050px;
    margin-top: 70px;
    padding: 35px;
    border-left: 4px solid var(--bk-green);
    background:
        linear-gradient(90deg, rgba(223,167,94,.09), transparent);
}

.bk-about-final__quote span,
.bk-about-final__quote strong {
    display: block;
    font-size: clamp(19px, 2.4vw, 31px);
    font-weight: 900;
    letter-spacing: .02em;
}

.bk-about-final__quote span {
    color: #7d857f;
}

.bk-about-final__quote strong {
    margin-top: 5px;
    color: var(--bk-green);
}

.bk-about-final__signature {
    margin-top: 55px;
    color: #fff;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .2em;
}

.bk-about-final__signature span {
    margin-left: 8px;
    color: var(--bk-green);
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 1000px) {

    .bk-about-hero__grid {
        grid-template-columns: 1fr;
    }

    .bk-about-hero__image {
        max-width: 750px;
    }

    .bk-about-worlds__box {
        grid-template-columns: 1fr;
    }

    .bk-about-worlds__symbol {
        min-height: 170px;
        border-right: 0;
        border-bottom: 1px solid var(--bk-line);
    }

    .bk-about-worlds__symbol > span {
        font-size: 100px;
    }

    .bk-about-systemline {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .bk-about-systemline i {
        width: 1px;
        height: 25px;
        margin-left: 35px;
    }

    .bk-about-final {
        grid-template-columns: 1fr;
    }

    .bk-about-final__mark {
        display: none;
    }
}


@media (max-width: 700px) {

    .bk-about-hero {
        padding-top: 45px;
        padding-bottom: 70px;
    }

    .bk-about-section {
        padding-top: 75px;
        padding-bottom: 75px;
    }

    .bk-about-section-number {
        top: 60px;
    }

    .bk-about-story {
        grid-template-columns: 30px 1fr;
        gap: 20px;
        margin-left: 0;
    }

    .bk-about-photo-grid {
        grid-template-columns: 1fr;
    }

    .bk-about-photo img {
        height: auto;
        max-height: 650px;
    }

    .bk-about-worlds__box {
        padding: 30px 22px;
    }

    .bk-about-action__top {
        display: block;
    }

    .bk-about-action__status {
        margin-top: 15px;
    }

    .bk-about-video__caption {
        flex-direction: column;
    }

    .bk-about-final {
        padding-top: 80px;
        padding-bottom: 90px;
    }

    .bk-about-final__columns {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .bk-about-final__quote {
        padding: 25px 20px;
    }

    .bk-about-tags {
        gap: 6px;
    }
}

/* Einbindung der Personal-File-Chronik in die bestehende Origin-Zentrale */
#ueber-beatkonstruktor .bk-about-transition {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    margin: clamp(1.2rem, 3vw, 2rem) 0;
    color: var(--origin-gold);
    font: 700 .62rem/1 Consolas, "Courier New", monospace;
    letter-spacing: .18em;
}
#ueber-beatkonstruktor .bk-about-transition span {
    flex: 1;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(223,167,94,.55));
}
#ueber-beatkonstruktor .bk-about-transition span:last-child {
    background: linear-gradient(90deg, rgba(81,205,191,.45), transparent);
}
#ueber-beatkonstruktor .bk-about {
    margin-top: 0;
    border: 1px solid rgba(223,167,94,.26);
    box-shadow: 0 1.8rem 5rem rgba(0,0,0,.4), inset 0 0 4rem rgba(223,167,94,.018);
}
#ueber-beatkonstruktor .bk-about::after {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 6rem;
    height: 6rem;
    content: "";
    border-right: 2px solid var(--origin-teal);
    border-bottom: 2px solid var(--origin-teal);
    pointer-events: none;
}
#ueber-beatkonstruktor .bk-about-hero__image,
#ueber-beatkonstruktor .bk-about-photo,
#ueber-beatkonstruktor .bk-about-video {
    box-shadow: 0 1.5rem 4rem rgba(0,0,0,.32);
}
#ueber-beatkonstruktor .bk-about-main-title {
    text-wrap: balance;
}
#ueber-beatkonstruktor .bk-about-video video {
    aspect-ratio: 16 / 9;
    object-fit: contain;
}
@media (max-width: 1250px) {
    #ueber-beatkonstruktor .bk-about-hero__grid {
        grid-template-columns: 1fr;
    }
    #ueber-beatkonstruktor .bk-about-hero__copy,
    #ueber-beatkonstruktor .bk-about-hero__image {
        max-width: 760px;
    }
    #ueber-beatkonstruktor .bk-about-worlds__box {
        grid-template-columns: 1fr;
    }
    #ueber-beatkonstruktor .bk-about-worlds__symbol {
        min-height: 170px;
        border-right: 0;
        border-bottom: 1px solid var(--bk-line);
    }
}
@media (max-width: 700px) {
    #ueber-beatkonstruktor .bk-about-transition {
        gap: .65rem;
        font-size: .52rem;
        letter-spacing: .12em;
    }
    #ueber-beatkonstruktor .bk-about-main-title,
    #ueber-beatkonstruktor .bk-about h2 {
        overflow-wrap: anywhere;
    }
    #ueber-beatkonstruktor .bk-about-final__content {
        min-width: 0;
        width: 100%;
    }
}

/* =========================================================
   BK – WIE ALLES BEGAN // NEXA ORIGIN GATEWAY
========================================================= */
#ueber-beatkonstruktor .bk-origin-gateway {
    isolation: isolate;
    background:
        radial-gradient(circle at 72% 14%, rgba(223,167,94,.11), transparent 32rem),
        radial-gradient(circle at 95% 78%, rgba(109,190,220,.07), transparent 24rem),
        linear-gradient(112deg, #080706 0%, #050606 48%, #071014 100%);
}

#ueber-beatkonstruktor .bk-origin-gateway > .bk-origin-grid {
    background-image: none;
    opacity: 0;
}

#ueber-beatkonstruktor .bk-origin-gateway::before {
    width: 8rem;
    height: 8rem;
    border-color: rgba(234,184,100,.78);
}

#ueber-beatkonstruktor .bk-origin-gateway::after {
    width: 8rem;
    height: 8rem;
    border-color: rgba(164,222,243,.55);
}

#ueber-beatkonstruktor .bk-origin-stage {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(19rem, .75fr);
    min-height: clamp(32rem, 46vw, 43rem);
    border-bottom: 1px solid rgba(223,167,94,.24);
}

#ueber-beatkonstruktor .bk-origin-stage::after {
    position: absolute;
    top: 9%;
    bottom: 8%;
    left: 61%;
    width: 1px;
    content: "";
    background: linear-gradient(transparent, rgba(255,214,143,.95) 18%, rgba(223,167,94,.35) 82%, transparent);
    box-shadow: 0 0 1.25rem rgba(223,167,94,.4);
}

#ueber-beatkonstruktor .bk-origin-stage__copy {
    display: flex;
    min-width: 0;
    flex-direction: column;
    justify-content: center;
    padding: clamp(3rem, 5.5vw, 6rem) clamp(2rem, 5vw, 5rem);
}

#ueber-beatkonstruktor .bk-origin-stage__copy .eyebrow {
    margin-bottom: clamp(1rem, 2vw, 1.75rem);
    color: #e6b561;
    font-size: clamp(.63rem, .82vw, .82rem);
    letter-spacing: .28em;
}

#ueber-beatkonstruktor .bk-origin-stage__copy h1 {
    max-width: 64rem;
    margin: 0;
    color: #f7f3ed;
    font-size: clamp(3.1rem, 5vw, 5.4rem);
    font-weight: 900;
    letter-spacing: -.072em;
    line-height: .9;
    text-wrap: balance;
}

#ueber-beatkonstruktor .bk-origin-stage__copy h1 span {
    white-space: nowrap;
}

#ueber-beatkonstruktor .bk-origin-stage__copy h1::after {
    display: block;
    width: 4.5rem;
    height: 1px;
    margin-top: 2.25rem;
    content: "";
    background: linear-gradient(90deg, #f1b950, transparent);
    box-shadow: 0 0 .9rem rgba(241,185,80,.55);
}

#ueber-beatkonstruktor .bk-origin-stage__copy > p:not(.eyebrow) {
    max-width: 47rem;
    margin: clamp(1.5rem, 2.5vw, 2.2rem) 0 0;
    color: #d0ccc5;
    font-size: clamp(1.05rem, 1.45vw, 1.4rem);
    line-height: 1.55;
}

#ueber-beatkonstruktor .bk-origin-principles {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    margin: clamp(2rem, 4vw, 3.6rem) 0 0;
    padding: 0;
    list-style: none;
}

#ueber-beatkonstruktor .bk-origin-principles li {
    display: flex;
    min-width: 8.5rem;
    align-items: center;
    gap: .75rem;
    padding: .35rem clamp(1rem, 2vw, 1.6rem);
    color: #d8d2c9;
    border-left: 1px solid rgba(223,167,94,.5);
    font: 700 .68rem/1.2 Consolas, "Courier New", monospace;
    letter-spacing: .17em;
    text-transform: uppercase;
}

#ueber-beatkonstruktor .bk-origin-principles li:first-child {
    padding-left: 0;
    border-left: 0;
}

#ueber-beatkonstruktor .bk-origin-principles svg {
    width: 1.8rem;
    height: 1.8rem;
    fill: none;
    stroke: #e9b349;
    stroke-width: 1.5;
}

#ueber-beatkonstruktor .bk-origin-stage__brand {
    position: relative;
    display: grid;
    overflow: hidden;
    align-content: center;
    justify-items: center;
    padding: 3rem 2rem;
    background:
        linear-gradient(132deg, transparent 0 21%, rgba(223,167,94,.2) 21.15%, transparent 21.35%),
        linear-gradient(48deg, transparent 0 68%, rgba(223,167,94,.14) 68.15%, transparent 68.4%),
        linear-gradient(90deg, transparent 0 13%, rgba(255,255,255,.055) 13.1%, transparent 13.35%, transparent 76%, rgba(223,167,94,.12) 76.15%, transparent 76.4%),
        linear-gradient(176deg, transparent 0 31%, rgba(255,255,255,.05) 31.15%, transparent 31.4%, transparent 73%, rgba(223,167,94,.1) 73.2%, transparent 73.45%),
        radial-gradient(circle at 53% 38%, rgba(223,167,94,.14), transparent 49%),
        linear-gradient(145deg, #080807 0%, #11100e 48%, #050708 100%);
    box-shadow: inset 1.25rem 0 3.5rem rgba(0,0,0,.4), inset 0 0 5rem rgba(223,167,94,.035);
}

#ueber-beatkonstruktor .bk-origin-stage__brand::before,
#ueber-beatkonstruktor .bk-origin-stage__brand::after {
    position: absolute;
    content: "";
    pointer-events: none;
}

#ueber-beatkonstruktor .bk-origin-stage__brand::before {
    inset: 7% 7%;
    border: 1px solid rgba(223,167,94,.12);
    background:
        linear-gradient(118deg, transparent 0 34%, rgba(223,167,94,.13) 34.2%, transparent 34.45%),
        linear-gradient(62deg, transparent 0 72%, rgba(255,255,255,.06) 72.15%, transparent 72.4%);
    clip-path: polygon(0 0, 36% 0, 36% 1px, 100% 1px, 100% 28%, calc(100% - 1px) 28%, calc(100% - 1px) 100%, 61% 100%, 61% calc(100% - 1px), 0 calc(100% - 1px));
}

#ueber-beatkonstruktor .bk-origin-stage__brand::after {
    right: -7rem;
    bottom: -8rem;
    width: 22rem;
    aspect-ratio: 1;
    border: 1px solid rgba(223,167,94,.16);
    background: linear-gradient(135deg, rgba(223,167,94,.025), transparent 62%);
    box-shadow: 0 0 0 2.5rem rgba(223,167,94,.012), 0 0 0 5rem rgba(223,167,94,.009);
    transform: rotate(45deg);
}

#ueber-beatkonstruktor .bk-origin-brandmark {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 2;
    display: grid;
    justify-items: center;
    margin: 0;
    transform: translateX(-50%);
}

#ueber-beatkonstruktor .bk-origin-brandmark strong {
    color: #c69b69;
    font-size: clamp(4.75rem, 7.2vw, 7.4rem);
    font-weight: 950;
    letter-spacing: -.1em;
    line-height: .78;
    text-shadow: 0 0 1px #fff, 0 1rem 3rem rgba(0,0,0,.7);
    background: linear-gradient(135deg, #fff4df 5%, #8b5c38 42%, #f4d7ac 69%, #704428 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

#ueber-beatkonstruktor .bk-origin-brandmark span {
    margin-top: .9rem;
    color: #d7aa77;
    font: 800 clamp(.78rem, 1vw, 1rem)/1 Consolas, monospace;
    letter-spacing: .08em;
}

#ueber-beatkonstruktor .bk-origin-stage__brand img {
    position: relative;
    z-index: 1;
    width: clamp(16rem, 27vw, 26rem);
    height: auto;
    margin: 0;
    opacity: .92;
    filter: sepia(.28) saturate(.72) drop-shadow(0 1.2rem 2.2rem rgba(0,0,0,.85));
    transform: translateY(.6rem);
}

#ueber-beatkonstruktor .bk-origin-stage__brand p {
    position: absolute;
    bottom: clamp(.55rem, 1vw, 1rem);
    left: 50%;
    z-index: 2;
    margin: 0;
    padding-top: 1.15rem;
    color: #e8d9c1;
    border-top: 1px solid rgba(223,167,94,.55);
    font: 700 .68rem/1.7 Consolas, monospace;
    letter-spacing: .25em;
    text-align: center;
    text-transform: uppercase;
    transform: translateX(-50%);
}

#ueber-beatkonstruktor .bk-origin-portals {
    position: relative;
    z-index: 3;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(1rem, 2vw, 1.5rem);
    padding: clamp(1.4rem, 2.5vw, 2.4rem);
}

#ueber-beatkonstruktor .bk-origin-portal {
    position: relative;
    display: grid;
    overflow: hidden;
    min-width: 0;
    color: #f4f0ea;
    border: 1px solid var(--portal-line);
    border-radius: .8rem;
    background: linear-gradient(135deg, rgba(16,16,15,.96), rgba(5,10,12,.98));
    box-shadow: inset 0 0 3rem rgba(255,255,255,.012), 0 1rem 2.5rem rgba(0,0,0,.22);
    transition: transform .32s var(--ease), border-color .32s, box-shadow .32s;
}

#ueber-beatkonstruktor .bk-origin-portal--gold { --portal-accent: #ecb64e; --portal-line: rgba(236,182,78,.72); --portal-glow: rgba(236,182,78,.16); }
#ueber-beatkonstruktor .bk-origin-portal--ice { --portal-accent: #c1e9f4; --portal-line: rgba(164,222,243,.65); --portal-glow: rgba(97,190,220,.14); }

#ueber-beatkonstruktor .bk-origin-portal::after {
    position: absolute;
    inset: 0;
    content: "";
    pointer-events: none;
    background: linear-gradient(105deg, transparent 38%, var(--portal-glow), transparent 62%);
    transform: translateX(-120%);
    transition: transform .75s ease;
}

#ueber-beatkonstruktor .bk-origin-portal:hover,
#ueber-beatkonstruktor .bk-origin-portal:focus-visible {
    border-color: var(--portal-accent);
    box-shadow: 0 0 0 1px var(--portal-accent), 0 0 2.2rem var(--portal-glow), 0 1.5rem 3rem rgba(0,0,0,.35);
    outline: none;
    transform: translateY(-.3rem);
}

#ueber-beatkonstruktor .bk-origin-portal:hover::after,
#ueber-beatkonstruktor .bk-origin-portal:focus-visible::after { transform: translateX(120%); }

#ueber-beatkonstruktor .bk-origin-portal__head {
    display: flex;
    min-height: 4.3rem;
    align-items: center;
    gap: 1.4rem;
    padding: .8rem 1.4rem;
    border-bottom: 1px solid rgba(255,255,255,.08);
    background: linear-gradient(90deg, var(--portal-glow), transparent 72%);
}

#ueber-beatkonstruktor .bk-origin-portal__head b {
    color: var(--portal-accent);
    font: 300 clamp(2rem, 3vw, 3rem)/1 Georgia, serif;
}

#ueber-beatkonstruktor .bk-origin-portal__head small {
    color: #ddd6cb;
    font: 700 .7rem/1 Consolas, monospace;
    letter-spacing: .35em;
    text-transform: uppercase;
}

#ueber-beatkonstruktor .bk-origin-portal__body {
    display: grid;
    grid-template-columns: minmax(13rem, .85fr) minmax(0, 1.15fr);
    min-height: 19rem;
}

#ueber-beatkonstruktor .bk-origin-portal__art {
    position: relative;
    display: block;
    overflow: hidden;
    border-right: 1px solid rgba(255,255,255,.09);
    background: #080908;
}

#ueber-beatkonstruktor .bk-origin-portal__art--company {
    background:
        linear-gradient(115deg, transparent 47%, rgba(233,177,77,.35) 48%, transparent 49%),
        repeating-linear-gradient(90deg, rgba(236,182,78,.09) 0 1px, transparent 1px 4rem),
        linear-gradient(160deg, #080706, #16100b 54%, #030403);
}

#ueber-beatkonstruktor .bk-origin-portal__art--company::before,
#ueber-beatkonstruktor .bk-origin-portal__art--company::after {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 28%;
    content: "";
    border-inline: 1px solid rgba(236,182,78,.18);
    background: linear-gradient(90deg, rgba(0,0,0,.75), transparent);
    transform: skewY(-12deg);
}

#ueber-beatkonstruktor .bk-origin-portal__art--company::before { left: 0; }
#ueber-beatkonstruktor .bk-origin-portal__art--company::after { right: 0; transform: skewY(12deg) scaleX(-1); }

#ueber-beatkonstruktor .bk-origin-portal__art--company i {
    position: absolute;
    inset: 9% 22%;
    z-index: 1;
    display: block;
    border: 1px solid rgba(236,182,78,.35);
    background: linear-gradient(145deg, rgba(48,36,24,.96), rgba(6,7,7,.98));
    box-shadow: .6rem .6rem 0 rgba(0,0,0,.35), 0 0 2rem rgba(236,182,78,.09);
}

#ueber-beatkonstruktor .bk-origin-portal__art--company b,
#ueber-beatkonstruktor .bk-origin-portal__art--company small {
    position: absolute;
    z-index: 2;
    left: 50%;
    transform: translateX(-50%);
}

#ueber-beatkonstruktor .bk-origin-portal__art--company b {
    top: 26%;
    color: #d8a65e;
    font-size: 2.6rem;
    letter-spacing: -.08em;
}

#ueber-beatkonstruktor .bk-origin-portal__art--company small {
    top: 48%;
    color: #c59653;
    font: 700 .54rem/1.65 Consolas, monospace;
    letter-spacing: .2em;
    text-align: center;
}

#ueber-beatkonstruktor .bk-origin-portal__art--founder {
    perspective: 40rem;
    background:
        radial-gradient(circle at 82% 28%, rgba(170,221,240,.13), transparent 24%),
        linear-gradient(150deg, #070a0c, #10161a 55%, #020303);
}

#ueber-beatkonstruktor .bk-origin-blueprint {
    position: absolute;
    inset: 10% 6% 8% 4%;
    display: block;
    border: 1px solid rgba(166,216,234,.15);
    background-image:
        linear-gradient(rgba(166,216,234,.08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(166,216,234,.08) 1px, transparent 1px),
        radial-gradient(circle at center, transparent 0 29%, rgba(166,216,234,.12) 30% 30.5%, transparent 31%);
    background-size: 1.4rem 1.4rem, 1.4rem 1.4rem, 100% 100%;
    transform: rotateX(56deg) rotateZ(-5deg) translateY(18%);
    box-shadow: 0 1.5rem 3rem rgba(0,0,0,.55);
}

#ueber-beatkonstruktor .bk-origin-notebook {
    position: absolute;
    z-index: 2;
    bottom: 19%;
    left: 14%;
    display: grid;
    width: 45%;
    height: 46%;
    place-items: center;
    color: #9e9d9b;
    border: 1px solid #222a2e;
    background: linear-gradient(145deg, #16191b, #050607);
    box-shadow: .8rem 1rem 2rem rgba(0,0,0,.7);
    font-size: 2rem;
    font-style: normal;
    transform: rotate(-8deg);
}

#ueber-beatkonstruktor .bk-origin-cup {
    position: absolute;
    z-index: 3;
    top: 17%;
    right: 13%;
    display: grid;
    width: 4.7rem;
    height: 5.4rem;
    place-items: center;
    color: #b1b4b5;
    border: 1px solid #30383b;
    border-radius: .4rem .4rem 1.4rem 1.4rem;
    background: linear-gradient(110deg, #111517, #030404);
    box-shadow: .6rem 1rem 1.4rem rgba(0,0,0,.6);
    font: italic 700 .52rem/1.4 Georgia, serif;
    text-align: center;
    transform: rotate(8deg);
}

#ueber-beatkonstruktor .bk-origin-portal__copy {
    display: flex;
    min-width: 0;
    flex-direction: column;
    padding: clamp(1.5rem, 2.5vw, 2.4rem);
}

#ueber-beatkonstruktor .bk-origin-portal__copy strong {
    color: #f4f0ea;
    font-size: clamp(1.4rem, 2vw, 2rem);
    line-height: 1.1;
}

#ueber-beatkonstruktor .bk-origin-portal__copy > span {
    margin-top: 1.15rem;
    color: #aaa9a6;
    font-size: .92rem;
    line-height: 1.65;
}

#ueber-beatkonstruktor .bk-origin-portal__copy em {
    display: flex;
    width: fit-content;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    margin-top: auto;
    padding: .85rem 1rem;
    color: var(--portal-accent);
    border: 1px solid var(--portal-accent);
    font: normal 700 .64rem/1 Consolas, monospace;
    letter-spacing: .13em;
    text-transform: uppercase;
}

#ueber-beatkonstruktor .bk-origin-portal__copy em svg {
    width: 1rem;
    height: 1rem;
    transition: transform .25s;
}

#ueber-beatkonstruktor .bk-origin-portal:hover .bk-origin-portal__copy em svg,
#ueber-beatkonstruktor .bk-origin-portal:focus-visible .bk-origin-portal__copy em svg { transform: translateX(.35rem); }

#ueber-beatkonstruktor .bk-origin-timeline {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    min-height: 7.5rem;
    align-items: center;
    padding: 1.25rem clamp(2rem, 5vw, 5rem) 1.5rem;
}

#ueber-beatkonstruktor .bk-origin-timeline__track {
    position: absolute;
    top: 1.65rem;
    right: 8%;
    left: 8%;
    height: 1px;
    overflow: hidden;
    background: linear-gradient(90deg, rgba(236,182,78,.2), #ecb64e, #c1e9f4, rgba(193,233,244,.2));
}

#ueber-beatkonstruktor .bk-origin-timeline__track span {
    position: absolute;
    top: -.1rem;
    left: 0;
    width: .3rem;
    height: .3rem;
    background: #fff3cf;
    border-radius: 50%;
    box-shadow: 0 0 .9rem #ecb64e;
    animation: bkOriginTimelineSignal 7s linear infinite;
}

#ueber-beatkonstruktor .bk-origin-timeline > div:not(.bk-origin-timeline__track) {
    position: relative;
    display: grid;
    justify-items: center;
    gap: .35rem;
    padding-top: 1.6rem;
    text-align: center;
}

#ueber-beatkonstruktor .bk-origin-timeline i {
    position: absolute;
    top: -.58rem;
    width: .72rem;
    height: .72rem;
    border: 1px solid #edbd62;
    background: #0a0907;
    box-shadow: 0 0 .8rem rgba(236,182,78,.5);
    transform: rotate(45deg);
}

#ueber-beatkonstruktor .bk-origin-timeline > div:last-child i {
    border-color: #c1e9f4;
    box-shadow: 0 0 .8rem rgba(193,233,244,.5);
}

#ueber-beatkonstruktor .bk-origin-timeline strong,
#ueber-beatkonstruktor .bk-origin-timeline small {
    font: 700 .62rem/1.2 Consolas, monospace;
    letter-spacing: .22em;
    text-transform: uppercase;
}

#ueber-beatkonstruktor .bk-origin-timeline strong { color: #ddd7cf; }
#ueber-beatkonstruktor .bk-origin-timeline small { color: #a8824d; }

@keyframes bkOriginTimelineSignal {
    from { transform: translateX(0); }
    to { transform: translateX(calc(84vw - 10rem)); }
}

@media (max-width: 1220px) {
    #ueber-beatkonstruktor .bk-origin-stage { grid-template-columns: minmax(0, 1.15fr) minmax(17rem, .85fr); }
    #ueber-beatkonstruktor .bk-origin-stage::after { left: 57%; }
    #ueber-beatkonstruktor .bk-origin-stage__copy h1 span { white-space: normal; }
    #ueber-beatkonstruktor .bk-origin-portal__body { grid-template-columns: 1fr; }
    #ueber-beatkonstruktor .bk-origin-portal__art { min-height: 15rem; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.09); }
}

@media (max-width: 900px) {
    #ueber-beatkonstruktor .bk-origin-stage { grid-template-columns: 1fr; }
    #ueber-beatkonstruktor .bk-origin-stage::after { display: none; }
    #ueber-beatkonstruktor .bk-origin-stage__brand { min-height: 30rem; border-top: 1px solid rgba(223,167,94,.25); }
    #ueber-beatkonstruktor .bk-origin-portals { grid-template-columns: 1fr; }
    #ueber-beatkonstruktor .bk-origin-portal__body { grid-template-columns: minmax(13rem, .8fr) minmax(0, 1.2fr); }
    #ueber-beatkonstruktor .bk-origin-portal__art { min-height: 18rem; border-right: 1px solid rgba(255,255,255,.09); border-bottom: 0; }
}

@media (max-width: 640px) {
    #ueber-beatkonstruktor .bk-origin-stage__copy { padding: 3rem 1.2rem; }
    #ueber-beatkonstruktor .bk-origin-stage__copy h1 { font-size: clamp(2.65rem, 14vw, 4.4rem); overflow-wrap: normal; }
    #ueber-beatkonstruktor .bk-origin-stage__copy h1 span { white-space: normal; }
    #ueber-beatkonstruktor .bk-origin-principles { display: grid; grid-template-columns: 1fr 1fr; width: 100%; }
    #ueber-beatkonstruktor .bk-origin-principles li { min-width: 0; padding: .75rem; border-top: 1px solid rgba(223,167,94,.22); border-left: 0; }
    #ueber-beatkonstruktor .bk-origin-principles li:nth-child(even) { border-left: 1px solid rgba(223,167,94,.22); }
    #ueber-beatkonstruktor .bk-origin-principles li:first-child { padding-left: .75rem; }
    #ueber-beatkonstruktor .bk-origin-stage__brand { min-height: 31rem; padding-inline: 1rem; }
    #ueber-beatkonstruktor .bk-origin-brandmark strong { font-size: 5.3rem; }
    #ueber-beatkonstruktor .bk-origin-brandmark { top: .65rem; }
    #ueber-beatkonstruktor .bk-origin-stage__brand img { width: 16rem; margin: 0 auto; }
    #ueber-beatkonstruktor .bk-origin-stage__brand p { bottom: .75rem; }
    #ueber-beatkonstruktor .bk-origin-portals { padding: .8rem; }
    #ueber-beatkonstruktor .bk-origin-portal__body { grid-template-columns: 1fr; }
    #ueber-beatkonstruktor .bk-origin-portal__art { min-height: 14rem; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.09); }
    #ueber-beatkonstruktor .bk-origin-portal__copy { min-height: 17rem; }
    #ueber-beatkonstruktor .bk-origin-timeline { padding-inline: .75rem; }
    #ueber-beatkonstruktor .bk-origin-timeline strong,
    #ueber-beatkonstruktor .bk-origin-timeline small { font-size: .52rem; letter-spacing: .15em; }
}

@media (prefers-reduced-motion: reduce) {
    #ueber-beatkonstruktor .bk-origin-timeline__track span,
    #ueber-beatkonstruktor .bk-origin-portal::after { animation: none; transition: none; }
}

/* =========================================================
   BK · BCU · CIU ECOSYSTEM
   ========================================================= */

#bk-oekosystem {
    padding: clamp(1rem, 2.4vw, 2.5rem);
    background:
        radial-gradient(circle at 86% 8%, rgba(151, 82, 255, .08), transparent 30rem),
        radial-gradient(circle at 12% 24%, rgba(0, 217, 255, .08), transparent 34rem),
        #030406;
}

#bk-oekosystem .bk-eco-shell {
    --eco-bg: #030508;
    --eco-panel: rgba(7, 12, 18, .88);
    --eco-cyan: #30ddf4;
    --eco-purple: #a86cff;
    --eco-red: #ff4d6d;
    --eco-green: #55f0a4;
    --eco-text: #eef7fb;
    --eco-muted: #91a2ad;
    --eco-line: rgba(198, 227, 239, .11);
    position: relative;
    width: min(100%, 96rem);
    margin: 0 auto;
    overflow: hidden;
    color: var(--eco-text);
    border: 1px solid rgba(126, 176, 193, .16);
    background:
        linear-gradient(rgba(48, 221, 244, .026) 1px, transparent 1px),
        linear-gradient(90deg, rgba(48, 221, 244, .026) 1px, transparent 1px),
        linear-gradient(145deg, rgba(10, 18, 25, .95), rgba(3, 5, 8, .99));
    background-size: 3.2rem 3.2rem, 3.2rem 3.2rem, auto;
    box-shadow: 0 2.4rem 7rem rgba(0, 0, 0, .36);
}

#bk-oekosystem .bk-eco-shell::before {
    content: "BK / BCU / CIU";
    position: absolute;
    top: 28rem;
    right: -1.5rem;
    z-index: 0;
    color: rgba(255, 255, 255, .018);
    font: 900 clamp(5rem, 11vw, 11rem)/.8 Arial, sans-serif;
    letter-spacing: -.08em;
    pointer-events: none;
    writing-mode: vertical-rl;
}

#bk-oekosystem .bk-eco-shell > * {
    position: relative;
    z-index: 1;
}

#bk-oekosystem .bk-eco-backlink {
    margin: 0;
    padding: clamp(1.4rem, 3vw, 2.3rem) clamp(1.3rem, 5vw, 5.2rem) 0;
}

#bk-oekosystem .bk-eco-backlink a {
    color: #aebac2;
}

#bk-oekosystem .bk-eco-backlink a:hover,
#bk-oekosystem .bk-eco-backlink a:focus-visible {
    color: var(--eco-cyan);
}

#bk-oekosystem .bk-eco-hero,
#bk-oekosystem .bk-eco-section {
    padding: clamp(4.8rem, 8vw, 8rem) clamp(1.3rem, 5vw, 5.2rem);
}

#bk-oekosystem .bk-eco-hero {
    min-height: clamp(38rem, 72vh, 50rem);
    display: grid;
    grid-template-columns: minmax(0, 1.22fr) minmax(20rem, .78fr);
    align-items: center;
    gap: clamp(2rem, 7vw, 7rem);
    border-bottom: 1px solid var(--eco-line);
    background:
        radial-gradient(circle at 73% 45%, rgba(48, 221, 244, .08), transparent 20rem),
        linear-gradient(100deg, rgba(1, 4, 7, .84), rgba(3, 8, 13, .5));
}

#bk-oekosystem .bk-eco-eyebrow {
    display: flex;
    align-items: center;
    gap: .8rem;
    margin: 0 0 1.1rem;
    color: var(--eco-cyan);
    font: 800 .72rem/1.4 Consolas, "Courier New", monospace;
    letter-spacing: .2em;
    text-transform: uppercase;
}

#bk-oekosystem .bk-eco-eyebrow::before {
    content: "";
    width: 2.2rem;
    height: 1px;
    flex: 0 0 auto;
    background: currentColor;
    box-shadow: 0 0 .8rem currentColor;
}

#bk-oekosystem .bk-eco-hero h1,
#bk-oekosystem .bk-eco-section h2,
#bk-oekosystem .bk-eco-section h3,
#bk-oekosystem .bk-eco-hero p,
#bk-oekosystem .bk-eco-section p {
    max-width: none;
}

#bk-oekosystem .bk-eco-hero h1 {
    margin: 0 0 2rem;
    color: var(--eco-text);
    font: 900 clamp(3.3rem, 6.7vw, 7rem)/.86 Arial, Helvetica, sans-serif;
    letter-spacing: -.065em;
    text-transform: uppercase;
}

#bk-oekosystem .bk-eco-hero h1 span {
    display: block;
    color: transparent;
    -webkit-text-stroke: 1px rgba(48, 221, 244, .78);
    text-shadow: 0 0 2.5rem rgba(48, 221, 244, .1);
}

#bk-oekosystem .bk-eco-hero__copy > p:last-child {
    max-width: 47rem;
    margin: 0;
    color: var(--eco-muted);
    font-size: clamp(1rem, 1.35vw, 1.2rem);
    line-height: 1.85;
    overflow-wrap: anywhere;
}

#bk-oekosystem .bk-eco-hero__copy,
#bk-oekosystem .bk-eco-bcu__content,
#bk-oekosystem .bk-eco-ciu__intro {
    min-width: 0;
}

#bk-oekosystem .bk-eco-hero__copy strong {
    color: var(--eco-text);
}

#bk-oekosystem .bk-eco-core {
    position: relative;
    display: grid;
    width: min(100%, 27rem);
    aspect-ratio: 1;
    place-items: center;
    margin: auto;
}

#bk-oekosystem .bk-eco-core::before,
#bk-oekosystem .bk-eco-core::after {
    content: "";
    position: absolute;
    inset: 6%;
    border: 1px solid rgba(48, 221, 244, .08);
    transform: rotate(45deg);
}

#bk-oekosystem .bk-eco-core::after {
    inset: 19%;
    border-color: rgba(168, 108, 255, .11);
    transform: rotate(22.5deg);
}

#bk-oekosystem .bk-eco-core__orbit {
    position: absolute;
    inset: 0;
    border: 1px solid rgba(48, 221, 244, .28);
    border-radius: 50%;
    animation: bkEcoOrbit 26s linear infinite;
}

#bk-oekosystem .bk-eco-core__orbit::before,
#bk-oekosystem .bk-eco-core__orbit::after {
    content: "";
    position: absolute;
    width: .58rem;
    height: .58rem;
    border-radius: 50%;
    background: var(--eco-cyan);
    box-shadow: 0 0 .55rem var(--eco-cyan), 0 0 1.4rem var(--eco-cyan);
}

#bk-oekosystem .bk-eco-core__orbit::before { top: 12%; left: 17%; }
#bk-oekosystem .bk-eco-core__orbit::after { right: 4%; bottom: 34%; }

#bk-oekosystem .bk-eco-core__orbit--inner {
    inset: 13%;
    border-color: rgba(168, 108, 255, .4);
    animation-duration: 18s;
    animation-direction: reverse;
}

#bk-oekosystem .bk-eco-core__orbit--inner::before,
#bk-oekosystem .bk-eco-core__orbit--inner::after {
    background: var(--eco-purple);
    box-shadow: 0 0 .55rem var(--eco-purple), 0 0 1.4rem var(--eco-purple);
}

#bk-oekosystem .bk-eco-core__axis {
    position: absolute;
    inset: 4%;
    border-top: 1px solid rgba(48, 221, 244, .1);
    border-bottom: 1px solid rgba(48, 221, 244, .1);
    border-radius: 50%;
    transform: rotate(-32deg);
}

#bk-oekosystem .bk-eco-core__center {
    position: relative;
    z-index: 2;
    display: grid;
    width: 47%;
    aspect-ratio: 1;
    place-content: center;
    text-align: center;
    border: 1px solid var(--eco-cyan);
    border-radius: 50%;
    background: radial-gradient(circle, rgba(48, 221, 244, .18), rgba(48, 221, 244, .025) 60%, #04080c 72%);
    box-shadow: 0 0 4rem rgba(48, 221, 244, .14), inset 0 0 2.4rem rgba(48, 221, 244, .13);
    animation: bkEcoCorePulse 3.4s ease-in-out infinite;
}

#bk-oekosystem .bk-eco-core__center strong {
    color: #fff;
    font: 900 clamp(1.8rem, 4vw, 3.2rem)/1 Arial, sans-serif;
    letter-spacing: .09em;
}

#bk-oekosystem .bk-eco-core__center small {
    margin-top: .6rem;
    color: var(--eco-cyan);
    font: 700 .58rem/1.2 Consolas, monospace;
    letter-spacing: .18em;
}

#bk-oekosystem .bk-eco-section {
    border-bottom: 1px solid var(--eco-line);
}

#bk-oekosystem .bk-eco-section__heading h2,
#bk-oekosystem .bk-eco-bcu h2,
#bk-oekosystem .bk-eco-ciu h2,
#bk-oekosystem .bk-eco-legal h2,
#bk-oekosystem .bk-eco-operator h2 {
    margin: 0;
    color: var(--eco-text);
    font: 900 clamp(2.5rem, 5.5vw, 5.7rem)/.95 Arial, sans-serif;
    letter-spacing: -.055em;
    text-transform: uppercase;
}

#bk-oekosystem .bk-eco-section h2 span {
    color: var(--eco-cyan);
    text-shadow: 0 0 2rem rgba(48, 221, 244, .18);
}

#bk-oekosystem .bk-eco-pillar-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    margin-top: clamp(2.5rem, 5vw, 4.8rem);
}

#bk-oekosystem .bk-eco-pillar {
    position: relative;
    min-height: 22rem;
    overflow: hidden;
    padding: 2.2rem;
    border: 1px solid var(--eco-line);
    background: linear-gradient(145deg, rgba(255, 255, 255, .038), rgba(255, 255, 255, .006));
    transition: transform .3s ease, border-color .3s ease, background .3s ease;
}

#bk-oekosystem .bk-eco-pillar::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background: var(--pillar-accent, var(--eco-cyan));
    box-shadow: 0 0 1.1rem var(--pillar-accent, var(--eco-cyan));
    transform: scaleX(.24);
    transform-origin: left;
    transition: transform .35s ease;
}

#bk-oekosystem .bk-eco-pillar:hover {
    transform: translateY(-.45rem);
    border-color: color-mix(in srgb, var(--pillar-accent, var(--eco-cyan)) 45%, transparent);
    background: rgba(8, 15, 22, .96);
}

#bk-oekosystem .bk-eco-pillar:hover::after { transform: scaleX(1); }
#bk-oekosystem .bk-eco-pillar--bcu { --pillar-accent: var(--eco-purple); }
#bk-oekosystem .bk-eco-pillar--ciu { --pillar-accent: var(--eco-cyan); }
#bk-oekosystem .bk-eco-pillar--legal { --pillar-accent: var(--eco-red); }

#bk-oekosystem .bk-eco-pillar__number {
    position: absolute;
    top: -.5rem;
    right: .8rem;
    color: rgba(255, 255, 255, .035);
    font: 900 6.5rem/1 Arial, sans-serif;
}

#bk-oekosystem .bk-eco-pillar__icon {
    display: grid;
    width: 3.5rem;
    height: 3.5rem;
    place-items: center;
    margin-bottom: 2.4rem;
    color: var(--pillar-accent);
    border: 1px solid color-mix(in srgb, var(--pillar-accent) 36%, transparent);
    font-size: 1.5rem;
    box-shadow: inset 0 0 1.2rem color-mix(in srgb, var(--pillar-accent) 7%, transparent);
}

#bk-oekosystem .bk-eco-pillar__code,
#bk-oekosystem .bk-eco-content-module > span {
    margin: 0;
    color: var(--pillar-accent, var(--eco-cyan));
    font: 800 .67rem/1.4 Consolas, monospace;
    letter-spacing: .16em;
    text-transform: uppercase;
}

#bk-oekosystem .bk-eco-pillar h3,
#bk-oekosystem .bk-eco-content-module h3,
#bk-oekosystem .bk-eco-security-grid h3 {
    margin: .8rem 0 .85rem;
    color: var(--eco-text);
    font: 800 clamp(1.3rem, 2vw, 1.7rem)/1.2 Arial, sans-serif;
    letter-spacing: -.025em;
}

#bk-oekosystem .bk-eco-pillar > p:last-child,
#bk-oekosystem .bk-eco-content-module p,
#bk-oekosystem .bk-eco-ciu__intro > p:last-child,
#bk-oekosystem .bk-eco-security-grid p,
#bk-oekosystem .bk-eco-legal > p,
#bk-oekosystem .bk-eco-operator > p {
    margin: 0;
    color: var(--eco-muted);
    line-height: 1.78;
}

#bk-oekosystem .bk-eco-bcu {
    display: grid;
    grid-template-columns: minmax(15rem, .72fr) minmax(0, 1.28fr);
    gap: clamp(2rem, 6vw, 6rem);
    background: linear-gradient(120deg, rgba(168, 108, 255, .045), transparent 46%);
}

#bk-oekosystem .bk-eco-bcu__mark {
    position: sticky;
    top: 8rem;
    align-self: start;
    color: transparent;
    -webkit-text-stroke: 1px rgba(168, 108, 255, .32);
    font: 900 clamp(6rem, 12vw, 11rem)/.82 Arial, sans-serif;
    letter-spacing: -.09em;
    text-shadow: 0 0 3rem rgba(168, 108, 255, .08);
}

#bk-oekosystem .bk-eco-bcu h2 { margin-bottom: 2.8rem; }
#bk-oekosystem .bk-eco-bcu h2 span { color: var(--eco-purple); }

#bk-oekosystem .bk-eco-content-module {
    position: relative;
    margin-top: 1rem;
    padding: 1.7rem 1.8rem 1.7rem 2rem;
    border-left: 1px solid rgba(168, 108, 255, .55);
    background: linear-gradient(90deg, rgba(168, 108, 255, .07), transparent);
}

#bk-oekosystem .bk-eco-content-module + .bk-eco-content-module { margin-top: 1.1rem; }
#bk-oekosystem .bk-eco-content-module > span { color: var(--eco-purple); }

#bk-oekosystem .bk-eco-ciu {
    background:
        linear-gradient(180deg, transparent, rgba(48, 221, 244, .035), transparent),
        rgba(2, 6, 9, .56);
}

#bk-oekosystem .bk-eco-ciu__intro { max-width: 58rem; }
#bk-oekosystem .bk-eco-ciu__intro h2 { margin-bottom: 1.8rem; }
#bk-oekosystem .bk-eco-ciu__intro > p:last-child { max-width: 54rem; font-size: 1.02rem; }

#bk-oekosystem .bk-eco-security-grid {
    display: grid;
    gap: 1px;
    margin-top: 3.8rem;
    padding: 1px;
    border: 1px solid rgba(48, 221, 244, .14);
    background: rgba(48, 221, 244, .11);
}

#bk-oekosystem .bk-eco-security-grid article {
    display: grid;
    grid-template-columns: 7rem 1fr;
    gap: 1rem;
    align-items: start;
    padding: clamp(1.6rem, 3vw, 2.5rem);
    background: #05090d;
    transition: background .25s ease;
}

#bk-oekosystem .bk-eco-security-grid article:hover { background: #071016; }

#bk-oekosystem .bk-eco-security-grid article > span {
    color: rgba(48, 221, 244, .64);
    font: 400 2.7rem/1 Consolas, monospace;
}

#bk-oekosystem .bk-eco-security-grid h3 { margin-top: 0; }

#bk-oekosystem .bk-eco-legal {
    position: relative;
    max-width: 78rem;
    overflow: hidden;
    padding: clamp(2rem, 5vw, 4.5rem);
    border: 1px solid rgba(255, 77, 109, .24);
    background:
        radial-gradient(circle at 100% 0, rgba(255, 77, 109, .1), transparent 36%),
        rgba(9, 7, 11, .86);
    box-shadow: inset .2rem 0 0 rgba(255, 77, 109, .6);
}

#bk-oekosystem .bk-eco-legal::after {
    content: "BK";
    position: absolute;
    right: -1rem;
    bottom: -4.5rem;
    color: rgba(255, 77, 109, .035);
    font: 900 15rem/1 Arial, sans-serif;
    pointer-events: none;
}

#bk-oekosystem .bk-eco-legal .bk-eco-eyebrow,
#bk-oekosystem .bk-eco-legal h2 span { color: var(--eco-red); }
#bk-oekosystem .bk-eco-legal h2 { margin-bottom: 1.8rem; }
#bk-oekosystem .bk-eco-legal > p { max-width: 55rem; }
#bk-oekosystem .bk-eco-legal > p + p { margin-top: 1rem; }
#bk-oekosystem .bk-eco-legal strong { color: #fff; }

#bk-oekosystem .bk-eco-operator {
    display: grid;
    justify-items: center;
    text-align: center;
    background: radial-gradient(circle at 50% 45%, rgba(48, 221, 244, .06), transparent 31rem);
}

#bk-oekosystem .bk-eco-operator .bk-eco-eyebrow { justify-content: center; }
#bk-oekosystem .bk-eco-operator h2 { max-width: 66rem; }
#bk-oekosystem .bk-eco-operator h2 span { display: block; color: transparent; -webkit-text-stroke: 1px rgba(48, 221, 244, .78); }
#bk-oekosystem .bk-eco-operator > p { max-width: 52rem; margin-top: 1.5rem; }

#bk-oekosystem .bk-eco-operator blockquote {
    position: relative;
    margin: 3.4rem 0 0;
    padding: 1.5rem clamp(1rem, 5vw, 4rem);
    color: var(--eco-cyan);
    border-top: 1px solid rgba(48, 221, 244, .2);
    border-bottom: 1px solid rgba(48, 221, 244, .2);
    font: 800 .74rem/1.9 Consolas, monospace;
    letter-spacing: .14em;
    text-transform: uppercase;
}

#bk-oekosystem .bk-eco-operator blockquote span { color: var(--eco-purple); }

#bk-oekosystem .bk-eco-status { background: #020406; }

#bk-oekosystem .bk-eco-terminal {
    max-width: 64rem;
    margin: 0 auto;
    overflow: hidden;
    border: 1px solid rgba(85, 240, 164, .24);
    background: #020503;
    box-shadow: 0 2rem 5rem rgba(0, 0, 0, .4), inset 0 0 3rem rgba(85, 240, 164, .025);
}

#bk-oekosystem .bk-eco-terminal__top {
    display: flex;
    align-items: center;
    gap: .45rem;
    padding: .85rem 1.1rem;
    color: #697a70;
    border-bottom: 1px solid rgba(255, 255, 255, .06);
    background: rgba(255, 255, 255, .025);
    font: 700 .62rem/1 Consolas, monospace;
    letter-spacing: .12em;
}

#bk-oekosystem .bk-eco-terminal__top i {
    width: .45rem;
    height: .45rem;
    border-radius: 50%;
    background: #37443d;
}

#bk-oekosystem .bk-eco-terminal__top span { margin-left: .35rem; }

#bk-oekosystem .bk-eco-terminal__body { padding: clamp(1.4rem, 4vw, 2.5rem); }

#bk-oekosystem .bk-eco-terminal__body p {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin: .65rem 0;
    color: #83958b;
    font: 700 clamp(.7rem, 1.3vw, .9rem)/1.5 Consolas, monospace;
    letter-spacing: .02em;
}

#bk-oekosystem .bk-eco-terminal__body p span { color: var(--eco-green); }

#bk-oekosystem .bk-eco-terminal__body strong {
    display: inline-flex;
    align-items: center;
    gap: .75rem;
    margin-top: 1.6rem;
    padding: .8rem 1rem;
    color: var(--eco-green);
    border: 1px solid rgba(85, 240, 164, .3);
    background: rgba(85, 240, 164, .08);
    font: 800 .72rem/1.2 Consolas, monospace;
    letter-spacing: .13em;
}

#bk-oekosystem .bk-eco-terminal__body strong i {
    width: .45rem;
    height: .45rem;
    border-radius: 50%;
    background: var(--eco-green);
    box-shadow: 0 0 .75rem var(--eco-green);
    animation: bkEcoStatus 2s ease-in-out infinite;
}

@keyframes bkEcoOrbit { to { transform: rotate(360deg); } }
@keyframes bkEcoCorePulse { 50% { transform: scale(1.025); box-shadow: 0 0 5.5rem rgba(48, 221, 244, .22), inset 0 0 2.8rem rgba(48, 221, 244, .16); } }
@keyframes bkEcoStatus { 50% { opacity: .35; } }

@media (max-width: 980px) {
    #bk-oekosystem .bk-eco-hero { grid-template-columns: minmax(0, 1fr); min-height: auto; }
    #bk-oekosystem .bk-eco-core { width: min(24rem, 75vw); }
    #bk-oekosystem .bk-eco-pillar-grid { grid-template-columns: 1fr; }
    #bk-oekosystem .bk-eco-pillar { min-height: 17rem; }
    #bk-oekosystem .bk-eco-bcu { grid-template-columns: minmax(0, 1fr); }
    #bk-oekosystem .bk-eco-bcu__mark { position: static; font-size: 7rem; }
}

@media (max-width: 640px) {
    #bk-oekosystem { padding: .5rem; }
    #bk-oekosystem .bk-eco-hero,
    #bk-oekosystem .bk-eco-section { padding: 4.2rem 1.05rem; }
    #bk-oekosystem .bk-eco-backlink { padding: 1.2rem 1rem 0; }
    #bk-oekosystem .bk-eco-hero { gap: 3.2rem; }
    #bk-oekosystem .bk-eco-hero h1 { font-size: clamp(2.35rem, 11vw, 3.1rem); }
    #bk-oekosystem .bk-eco-section__heading h2,
    #bk-oekosystem .bk-eco-bcu h2,
    #bk-oekosystem .bk-eco-ciu h2,
    #bk-oekosystem .bk-eco-legal h2,
    #bk-oekosystem .bk-eco-operator h2 { font-size: clamp(2.2rem, 11vw, 3.6rem); }
    #bk-oekosystem .bk-eco-pillar { min-height: 0; padding: 1.6rem; }
    #bk-oekosystem .bk-eco-pillar__icon { margin-bottom: 1.8rem; }
    #bk-oekosystem .bk-eco-bcu__mark { font-size: 5.5rem; }
    #bk-oekosystem .bk-eco-security-grid article { grid-template-columns: 1fr; }
    #bk-oekosystem .bk-eco-security-grid article > span { font-size: 1.6rem; }
    #bk-oekosystem .bk-eco-legal { padding: 2rem 1.4rem; }
    #bk-oekosystem .bk-eco-operator blockquote { width: 100%; letter-spacing: .09em; }
    #bk-oekosystem .bk-eco-terminal__body p { display: block; overflow-wrap: anywhere; }
    #bk-oekosystem .bk-eco-terminal__body p span { display: block; margin-top: .15rem; }
    #bk-oekosystem .bk-eco-terminal__body strong { width: 100%; letter-spacing: .08em; }
}

@media (prefers-reduced-motion: reduce) {
    #bk-oekosystem .bk-eco-core__orbit,
    #bk-oekosystem .bk-eco-core__center,
    #bk-oekosystem .bk-eco-terminal__body strong i {
        animation: none;
    }
    #bk-oekosystem .bk-eco-pillar { transition: none; }
}

/* =========================================================
   MUSEUM // CENTRAL NEXUS
   ========================================================= */

#museum {
    padding: clamp(1rem, 2.4vw, 2.5rem);
    background:
        radial-gradient(circle at 50% 0, rgba(66, 148, 205, .07), transparent 34rem),
        radial-gradient(circle at 12% 64%, rgba(229, 177, 82, .05), transparent 30rem),
        #050405;
}

#museum .museum-central {
    --museum-bg: #04070a;
    --museum-panel: rgba(7, 12, 16, .92);
    --museum-text: #f2f2ef;
    --museum-muted: #a1abb1;
    --museum-gold: #e7b95d;
    --museum-cyan: #56dcff;
    --museum-violet: #a86cff;
    --museum-red: #ff5874;
    --museum-line: rgba(176, 213, 229, .13);
    position: relative;
    width: min(100%, 98rem);
    margin: 0 auto;
    overflow: hidden;
    color: var(--museum-text);
    border: 1px solid rgba(102, 148, 168, .2);
    background:
        linear-gradient(rgba(86, 220, 255, .025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(86, 220, 255, .025) 1px, transparent 1px),
        linear-gradient(150deg, rgba(9, 15, 20, .98), rgba(3, 5, 8, .99));
    background-size: 3.3rem 3.3rem, 3.3rem 3.3rem, auto;
    box-shadow: 0 2.8rem 7rem rgba(0, 0, 0, .42);
}

#museum .museum-central::before {
    content: "ARCHIVE // MEMORY // EVOLUTION";
    position: absolute;
    top: 30rem;
    right: -15rem;
    z-index: 0;
    color: rgba(255, 255, 255, .018);
    font: 900 clamp(4rem, 9vw, 9rem)/.8 Arial, sans-serif;
    letter-spacing: -.04em;
    white-space: nowrap;
    transform: rotate(90deg);
    pointer-events: none;
}

#museum .museum-central > * {
    position: relative;
    z-index: 1;
}

#museum .museum-central__hero {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(16rem, .65fr);
    gap: clamp(2rem, 6vw, 6rem);
    align-items: end;
    padding: clamp(4rem, 7vw, 7rem) clamp(1.3rem, 5vw, 5.2rem) clamp(3rem, 5vw, 5rem);
    border-bottom: 1px solid var(--museum-line);
    background:
        radial-gradient(circle at 82% 22%, rgba(86, 220, 255, .07), transparent 22rem),
        linear-gradient(100deg, rgba(2, 5, 7, .88), rgba(7, 11, 15, .55));
}

#museum .museum-central__eyebrow {
    display: flex;
    align-items: center;
    gap: .8rem;
    margin: 0 0 1.2rem;
    color: var(--museum-gold);
    font: 800 .7rem/1.4 Consolas, "Courier New", monospace;
    letter-spacing: .21em;
    text-transform: uppercase;
}

#museum .museum-central__eyebrow::before {
    content: "";
    width: 2.2rem;
    height: 1px;
    flex: 0 0 auto;
    background: currentColor;
    box-shadow: 0 0 .8rem currentColor;
}

#museum .museum-central__hero h1,
#museum .museum-legacy__heading h2 {
    margin: 0;
    color: var(--museum-text);
    font: 900 clamp(3.25rem, 6.8vw, 7.2rem)/.88 Arial, Helvetica, sans-serif;
    letter-spacing: -.065em;
    text-transform: uppercase;
}

#museum .museum-central__hero h1 span {
    display: block;
    color: transparent;
    -webkit-text-stroke: 1px rgba(231, 185, 93, .78);
    text-shadow: 0 0 2.4rem rgba(231, 185, 93, .12);
}

#museum .museum-central__hero > div:first-child > p:last-child {
    max-width: 53rem;
    margin: 2rem 0 0;
    color: var(--museum-muted);
    font-size: clamp(1rem, 1.35vw, 1.2rem);
    line-height: 1.8;
}

#museum .museum-central__status {
    position: relative;
    display: grid;
    justify-items: end;
    gap: .8rem;
    padding: 1.5rem 0 1.5rem 1.8rem;
    text-align: right;
    border-left: 1px solid rgba(86, 220, 255, .28);
}

#museum .museum-central__status > span,
#museum .museum-central__status small {
    color: var(--museum-cyan);
    font: 800 .61rem/1.4 Consolas, monospace;
    letter-spacing: .16em;
}

#museum .museum-central__status > span {
    display: flex;
    align-items: center;
    gap: .55rem;
}

#museum .museum-central__status > span i {
    width: .45rem;
    height: .45rem;
    border-radius: 50%;
    background: var(--museum-cyan);
    box-shadow: 0 0 .9rem var(--museum-cyan);
    animation: museumStatusPulse 2.2s ease-in-out infinite;
}

#museum .museum-central__status strong {
    color: #fff;
    font: 900 clamp(1.8rem, 3vw, 3.2rem)/.9 Arial, sans-serif;
    letter-spacing: -.04em;
}

#museum .museum-central__status small { color: #788a94; }

#museum .museum-nexus {
    position: relative;
    margin: 0;
    overflow: hidden;
    border-bottom: 1px solid var(--museum-line);
    background: #020405;
}

#museum .museum-nexus::before {
    content: "";
    position: absolute;
    z-index: 3;
    inset: 0;
    pointer-events: none;
    border: 1px solid rgba(255, 255, 255, .06);
    box-shadow: inset 0 0 7rem rgba(0, 0, 0, .45);
}

#museum .museum-nexus img {
    display: block;
    width: 100%;
    min-height: 30rem;
    max-height: 58rem;
    object-fit: cover;
    object-position: center;
    filter: saturate(.93) contrast(1.04) brightness(.86);
}

#museum .museum-nexus__shade {
    position: absolute;
    z-index: 1;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(180deg, rgba(2, 5, 8, .6), transparent 18%, transparent 67%, rgba(2, 5, 8, .94)),
        linear-gradient(90deg, rgba(3, 5, 7, .22), transparent 18%, transparent 82%, rgba(3, 5, 7, .22));
}

#museum .museum-nexus__topline {
    position: absolute;
    z-index: 4;
    top: 1.2rem;
    left: clamp(1rem, 3vw, 2.8rem);
    right: clamp(1rem, 3vw, 2.8rem);
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 1rem;
    padding: .75rem 1rem;
    color: rgba(235, 243, 247, .72);
    border: 1px solid rgba(255, 255, 255, .13);
    background: rgba(2, 6, 9, .64);
    backdrop-filter: blur(.55rem);
    font: 800 .61rem/1.2 Consolas, monospace;
    letter-spacing: .15em;
    text-transform: uppercase;
}

#museum .museum-nexus__topline strong { color: #fff; text-align: center; }
#museum .museum-nexus__topline span:last-child { justify-self: end; color: var(--museum-cyan); }

#museum .museum-nexus__nodes {
    position: absolute;
    z-index: 4;
    left: clamp(1rem, 3vw, 2.8rem);
    right: clamp(1rem, 3vw, 2.8rem);
    bottom: 6.7rem;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .8rem;
    pointer-events: none;
}

#museum .museum-nexus__node {
    --node-color: var(--museum-cyan);
    position: relative;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: .12rem .6rem;
    align-items: center;
    padding: .78rem 1rem;
    color: #e9f0f3;
    border: 1px solid color-mix(in srgb, var(--node-color) 42%, transparent);
    background: rgba(2, 6, 9, .72);
    backdrop-filter: blur(.45rem);
    font: 800 .65rem/1.2 Consolas, monospace;
    letter-spacing: .14em;
}

#museum .museum-nexus__node::after {
    content: "";
    position: absolute;
    left: 0;
    right: 35%;
    bottom: 0;
    height: 1px;
    background: var(--node-color);
    box-shadow: 0 0 .8rem var(--node-color);
}

#museum .museum-nexus__node > i {
    grid-row: 1 / span 2;
    width: .55rem;
    height: .55rem;
    border-radius: 50%;
    background: var(--node-color);
    box-shadow: 0 0 .9rem var(--node-color);
}

#museum .museum-nexus__node small { color: rgba(210, 221, 227, .62); font-size: .51rem; }
#museum .museum-nexus__node--eloria { --node-color: var(--museum-gold); }
#museum .museum-nexus__node--lynxa { --node-color: var(--museum-cyan); }
#museum .museum-nexus__node--obsidian { --node-color: var(--museum-red); }

#museum .museum-nexus figcaption {
    position: absolute;
    z-index: 5;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(.7rem, 2vw, 1.5rem);
    min-height: 5.1rem;
    padding: 1.15rem clamp(1rem, 3vw, 2.8rem);
    color: #c6d0d5;
    text-align: center;
    border-top: 1px solid rgba(255, 255, 255, .12);
    background: rgba(2, 5, 8, .9);
    backdrop-filter: blur(.7rem);
}

#museum .museum-nexus figcaption strong {
    color: var(--museum-gold);
    font: 900 .72rem/1.3 Consolas, monospace;
    letter-spacing: .14em;
    white-space: nowrap;
}

#museum .museum-nexus figcaption span {
    color: #aab6bd;
    font-size: .88rem;
}

#museum .museum-legacy {
    padding: clamp(5rem, 8vw, 8rem) clamp(1.3rem, 5vw, 5.2rem);
    border-bottom: 1px solid var(--museum-line);
    background:
        radial-gradient(circle at 50% 58%, rgba(86, 220, 255, .055), transparent 30rem),
        rgba(3, 6, 9, .66);
}

#museum .museum-legacy__heading { max-width: 65rem; }

#museum .museum-legacy__heading h2 {
    font-size: clamp(2.65rem, 5.8vw, 5.8rem);
}

#museum .museum-legacy__heading h2 span {
    color: transparent;
    -webkit-text-stroke: 1px rgba(86, 220, 255, .78);
    text-shadow: 0 0 2.2rem rgba(86, 220, 255, .12);
}

#museum .museum-legacy__heading > p:last-child {
    max-width: 50rem;
    margin: 1.7rem 0 0;
    color: var(--museum-muted);
    line-height: 1.75;
}

#museum .museum-portal-network {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4.6rem 5.8rem;
    margin-top: clamp(4rem, 7vw, 7rem);
    isolation: isolate;
}

#museum .museum-frequency-map {
    position: absolute;
    z-index: -1;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: visible;
    pointer-events: none;
}

#museum .museum-frequency {
    fill: none;
    stroke-width: 2;
    stroke-dasharray: 7 12;
    vector-effect: non-scaling-stroke;
    filter: url(#museumFrequencyGlow);
    animation: museumFrequencyFlow 7s linear infinite;
}

#museum .museum-frequency--top { stroke: url(#museumFrequencyTop); }
#museum .museum-frequency--bottom { stroke: url(#museumFrequencyBottom); animation-direction: reverse; }
#museum .museum-frequency--axis { stroke: rgba(86, 220, 255, .28); stroke-width: 1; stroke-dasharray: 2 15; }

#museum .museum-frequency-pulse {
    fill: rgba(86, 220, 255, .16);
    stroke: var(--museum-cyan);
    filter: url(#museumFrequencyGlow);
    transform-origin: 500px 310px;
    animation: museumFrequencyPulse 2.8s ease-out infinite;
}

#museum .museum-frequency-pulse--two { animation-delay: 1.1s; }

#museum .museum-frequency-core {
    --core-accent: var(--museum-cyan);
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    display: grid;
    width: 7.7rem;
    aspect-ratio: 1;
    place-items: center;
    text-align: center;
    border-radius: 50%;
    background: radial-gradient(circle, color-mix(in srgb, var(--core-accent) 15%, transparent), rgba(4, 10, 14, .92) 43%, transparent 70%);
    filter: drop-shadow(0 0 1.4rem color-mix(in srgb, var(--core-accent) 24%, transparent));
    transform: translate(-50%, -50%);
    transition: filter .4s ease;
}

#museum .museum-frequency-core::before,
#museum .museum-frequency-core::after {
    content: "";
    position: absolute;
    z-index: -2;
    inset: -1.35rem;
    border-radius: 50%;
    background: conic-gradient(from 20deg, transparent 0 8%, var(--museum-gold) 9% 10%, transparent 11% 33%, var(--museum-cyan) 34% 35%, transparent 36% 58%, var(--museum-red) 59% 60%, transparent 61% 83%, var(--museum-violet) 84% 85%, transparent 86%);
    opacity: .65;
    -webkit-mask: radial-gradient(circle, transparent 64%, #000 65% 67%, transparent 68%);
    mask: radial-gradient(circle, transparent 64%, #000 65% 67%, transparent 68%);
    animation: museumAstrolabeSpin 24s linear infinite;
}

#museum .museum-frequency-core::after {
    inset: -2.05rem;
    background: repeating-conic-gradient(from 2deg, rgba(86, 220, 255, .38) 0 1deg, transparent 1deg 15deg);
    opacity: .35;
    -webkit-mask: radial-gradient(circle, transparent 69%, #000 70% 71%, transparent 72%);
    mask: radial-gradient(circle, transparent 69%, #000 70% 71%, transparent 72%);
    animation-direction: reverse;
    animation-duration: 38s;
}

#museum .museum-core-halo,
#museum .museum-core-runes,
#museum .museum-core-orbit,
#museum .museum-core-crystal,
#museum .museum-core-motes {
    position: absolute;
    inset: 0;
    display: block;
    border-radius: 50%;
}

#museum .museum-core-halo--outer {
    inset: -.68rem;
    border: 1px solid color-mix(in srgb, var(--core-accent) 36%, transparent);
    box-shadow: inset 0 0 1.7rem color-mix(in srgb, var(--core-accent) 8%, transparent), 0 0 1.4rem rgba(86, 220, 255, .1);
    animation: museumCoreBreathe 4.8s ease-in-out infinite;
}

#museum .museum-core-halo--outer::before,
#museum .museum-core-halo--outer::after {
    content: "";
    position: absolute;
    inset: .34rem;
    border: 1px solid transparent;
    border-top-color: var(--museum-gold);
    border-right-color: var(--museum-cyan);
    border-bottom-color: var(--museum-red);
    border-left-color: var(--museum-violet);
    border-radius: 50%;
    opacity: .75;
    animation: museumAstrolabeSpin 13s linear infinite;
}

#museum .museum-core-halo--outer::after {
    inset: 1.05rem;
    border-style: dashed;
    opacity: .36;
    animation-direction: reverse;
    animation-duration: 9s;
}

#museum .museum-core-halo--inner {
    inset: 1rem;
    border: 1px solid color-mix(in srgb, var(--core-accent) 55%, transparent);
    background: repeating-conic-gradient(from 45deg, color-mix(in srgb, var(--core-accent) 16%, transparent) 0 2deg, transparent 2deg 30deg);
    -webkit-mask: radial-gradient(circle, transparent 57%, #000 59%);
    mask: radial-gradient(circle, transparent 57%, #000 59%);
    animation: museumRuneCounterSpin 18s linear infinite;
}

#museum .museum-core-runes {
    inset: -.2rem;
    animation: museumAstrolabeSpin 31s linear infinite;
}

#museum .museum-core-runes i {
    position: absolute;
    left: 50%;
    top: 50%;
    color: color-mix(in srgb, var(--core-accent) 80%, white);
    font: normal 700 .62rem/1 Georgia, serif;
    text-shadow: 0 0 .6rem var(--core-accent);
    transform: translate(-50%, -50%) rotate(calc(var(--rune-index) * 90deg)) translateY(-4.3rem) rotate(calc(var(--rune-index) * -90deg));
}

#museum .museum-core-runes i:nth-child(1) { --rune-index: 0; }
#museum .museum-core-runes i:nth-child(2) { --rune-index: 1; }
#museum .museum-core-runes i:nth-child(3) { --rune-index: 2; }
#museum .museum-core-runes i:nth-child(4) { --rune-index: 3; }

#museum .museum-core-orbit {
    inset: -.9rem;
    border: 1px solid color-mix(in srgb, var(--orbit-color) 20%, transparent);
    animation: museumAstrolabeSpin var(--orbit-speed) linear infinite;
    transform: rotate(var(--orbit-start));
}

#museum .museum-core-orbit > i {
    position: absolute;
    top: -.25rem;
    left: calc(50% - .25rem);
    width: .5rem;
    height: .5rem;
    transform: rotate(45deg);
    border: 1px solid color-mix(in srgb, var(--orbit-color) 80%, white);
    background: var(--orbit-color);
    box-shadow: 0 0 .35rem var(--orbit-color), 0 0 1rem var(--orbit-color);
    animation: museumGemPulse 2.4s ease-in-out infinite;
}

#museum .museum-core-orbit--gold { --orbit-color: var(--museum-gold); --orbit-speed: 9s; --orbit-start: 12deg; }
#museum .museum-core-orbit--cyan { --orbit-color: var(--museum-cyan); --orbit-speed: 12s; --orbit-start: 102deg; animation-direction: reverse; }
#museum .museum-core-orbit--violet { --orbit-color: var(--museum-violet); --orbit-speed: 15s; --orbit-start: 192deg; }
#museum .museum-core-orbit--red { --orbit-color: var(--museum-red); --orbit-speed: 18s; --orbit-start: 282deg; animation-direction: reverse; }

#museum .museum-core-crystal {
    inset: 1.72rem;
    display: grid;
    place-content: center;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--core-accent) 82%, white 8%);
    border-radius: 28% 72% 30% 70% / 66% 28% 72% 34%;
    background: linear-gradient(135deg, rgba(255, 255, 255, .1), transparent 36%), radial-gradient(circle at 50% 34%, color-mix(in srgb, var(--core-accent) 28%, transparent), rgba(2, 8, 12, .97) 70%);
    box-shadow: 0 0 2rem color-mix(in srgb, var(--core-accent) 35%, transparent), inset 0 0 1.4rem color-mix(in srgb, var(--core-accent) 25%, transparent);
    transform: rotate(45deg);
    animation: museumCrystalMorph 7s ease-in-out infinite;
}

#museum .museum-core-crystal::before,
#museum .museum-core-crystal::after {
    content: "";
    position: absolute;
    inset: 10%;
    border: 1px solid color-mix(in srgb, var(--core-accent) 24%, transparent);
    border-radius: inherit;
}

#museum .museum-core-crystal::after {
    inset: -45% 42%;
    border: 0;
    border-radius: 0;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .3), transparent);
    transform: rotate(18deg);
    animation: museumCrystalSweep 5.2s ease-in-out infinite;
}

#museum .museum-core-crystal > i {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, transparent 49%, color-mix(in srgb, var(--core-accent) 30%, transparent) 50%, transparent 51%);
}

#museum .museum-core-label {
    position: absolute;
    z-index: 2;
    inset: -.7rem;
    display: grid;
    place-content: center;
    transform: rotate(-45deg);
}

#museum .museum-core-crystal b {
    display: block;
    color: #fff;
    font: 900 1.5rem/1 Arial, sans-serif;
    letter-spacing: .08em;
    text-shadow: 0 0 .8rem var(--core-accent);
}

#museum .museum-core-crystal small {
    display: block;
    width: 5.4rem;
    margin: .35rem -1rem 0;
    color: color-mix(in srgb, var(--core-accent) 82%, white);
    font: 800 .39rem/1.2 Consolas, monospace;
    letter-spacing: .12em;
}

#museum .museum-core-motes {
    inset: -1.5rem;
    opacity: .75;
    background: radial-gradient(circle at 15% 31%, var(--museum-gold) 0 .08rem, transparent .11rem), radial-gradient(circle at 79% 14%, var(--museum-cyan) 0 .07rem, transparent .1rem), radial-gradient(circle at 89% 72%, var(--museum-red) 0 .08rem, transparent .11rem), radial-gradient(circle at 22% 83%, var(--museum-violet) 0 .07rem, transparent .1rem);
    animation: museumMotesDrift 6s ease-in-out infinite;
}

#museum .museum-portal-network:has(.museum-portal-card--origin:is(:hover, :focus-visible)) .museum-frequency-core { --core-accent: var(--museum-gold); }
#museum .museum-portal-network:has(.museum-portal-card--evolution:is(:hover, :focus-visible)) .museum-frequency-core { --core-accent: var(--museum-cyan); }
#museum .museum-portal-network:has(.museum-portal-card--treasure:is(:hover, :focus-visible)) .museum-frequency-core { --core-accent: var(--museum-violet); }
#museum .museum-portal-network:has(.museum-portal-card--ancient:is(:hover, :focus-visible)) .museum-frequency-core { --core-accent: var(--museum-red); }

#museum .museum-portal-card {
    --portal-color: var(--museum-cyan);
    position: relative;
    z-index: 2;
    display: grid;
    min-width: 0;
    min-height: 20rem;
    align-content: start;
    overflow: hidden;
    padding: clamp(1.6rem, 3vw, 2.4rem);
    color: var(--museum-text);
    border: 1px solid color-mix(in srgb, var(--portal-color) 35%, transparent);
    background:
        radial-gradient(circle at 100% 0, color-mix(in srgb, var(--portal-color) 11%, transparent), transparent 14rem),
        linear-gradient(145deg, rgba(12, 18, 23, .97), rgba(3, 7, 10, .98));
    clip-path: polygon(.9rem 0, 100% 0, 100% calc(100% - .9rem), calc(100% - .9rem) 100%, 0 100%, 0 .9rem);
    box-shadow: inset 0 0 2.5rem color-mix(in srgb, var(--portal-color) 3%, transparent);
    transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;
}

#museum .museum-portal-card::before {
    content: "";
    position: absolute;
    left: 0;
    right: 56%;
    bottom: 0;
    height: 2px;
    background: var(--portal-color);
    box-shadow: 0 0 1rem var(--portal-color);
    transition: right .35s ease;
}

#museum .museum-portal-card::after {
    content: "";
    position: absolute;
    top: 50%;
    width: .55rem;
    height: .55rem;
    border: 1px solid var(--portal-color);
    border-radius: 50%;
    background: #05090c;
    box-shadow: 0 0 .9rem var(--portal-color);
}

#museum .museum-portal-card:nth-of-type(1)::after,
#museum .museum-portal-card:nth-of-type(3)::after { right: -.32rem; }

#museum .museum-portal-card:nth-of-type(2)::after,
#museum .museum-portal-card:nth-of-type(4)::after { left: -.32rem; }

#museum .museum-portal-card:hover,
#museum .museum-portal-card:focus-visible {
    color: #fff;
    border-color: var(--portal-color);
    box-shadow: 0 1.2rem 3rem rgba(0, 0, 0, .28), inset 0 0 3rem color-mix(in srgb, var(--portal-color) 8%, transparent);
    transform: translateY(-.42rem);
    outline: none;
}

#museum .museum-portal-card:hover::before,
#museum .museum-portal-card:focus-visible::before { right: 0; }

#museum .museum-portal-card--origin { --portal-color: var(--museum-gold); }
#museum .museum-portal-card--evolution { --portal-color: var(--museum-cyan); }
#museum .museum-portal-card--treasure { --portal-color: var(--museum-violet); }
#museum .museum-portal-card--ancient { --portal-color: var(--museum-red); }

#museum .museum-portal-card__number {
    position: absolute;
    top: -.6rem;
    right: .8rem;
    color: color-mix(in srgb, var(--portal-color) 8%, transparent);
    font: 900 7rem/1 Arial, sans-serif;
}

#museum .museum-portal-card__signal {
    display: flex;
    align-items: center;
    gap: .3rem;
    width: 5rem;
    height: 2.7rem;
    margin-bottom: 1.8rem;
}

#museum .museum-portal-card__signal i {
    display: block;
    width: .3rem;
    height: 35%;
    background: var(--portal-color);
    box-shadow: 0 0 .7rem var(--portal-color);
    animation: museumSignalBars 1.35s ease-in-out infinite;
}

#museum .museum-portal-card__signal i:nth-child(2) { height: 100%; animation-delay: -.3s; }
#museum .museum-portal-card__signal i:nth-child(3) { height: 62%; animation-delay: -.65s; }

#museum .museum-portal-card > small {
    position: relative;
    z-index: 1;
    color: var(--portal-color);
    font: 800 .65rem/1.3 Consolas, monospace;
    letter-spacing: .17em;
}

#museum .museum-portal-card h3 {
    position: relative;
    z-index: 1;
    margin: .65rem 0 1rem;
    color: #fff;
    font: 900 clamp(1.8rem, 3vw, 2.7rem)/1 Arial, sans-serif;
    letter-spacing: -.035em;
}

#museum .museum-portal-card p {
    position: relative;
    z-index: 1;
    max-width: 35rem;
    margin: 0;
    color: var(--museum-muted);
    line-height: 1.7;
}

#museum .museum-portal-card > strong {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: auto;
    padding-top: 2rem;
    color: var(--portal-color);
    font: 800 .68rem/1.3 Consolas, monospace;
    letter-spacing: .13em;
}

#museum .museum-portal-card > strong svg {
    width: 1.1rem;
    height: 1.1rem;
    transition: transform .25s ease;
}

#museum .museum-portal-card:hover > strong svg,
#museum .museum-portal-card:focus-visible > strong svg { transform: translateX(.35rem); }

#museum .museum-preservation-note {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1.2rem;
    align-items: center;
    margin: 0;
    padding: clamp(1.6rem, 3vw, 2.4rem) clamp(1.3rem, 5vw, 5.2rem);
    border-top: 1px solid rgba(231, 185, 93, .15);
    background: linear-gradient(90deg, rgba(231, 185, 93, .08), rgba(5, 9, 12, .92) 34%);
}

#museum .museum-preservation-note > span {
    display: grid;
    width: 3.3rem;
    height: 3.3rem;
    place-items: center;
    color: var(--museum-gold);
    border: 1px solid rgba(231, 185, 93, .5);
    border-radius: 50%;
    font: 400 1.5rem/1 Georgia, serif;
    box-shadow: inset 0 0 1rem rgba(231, 185, 93, .08);
}

#museum .museum-preservation-note strong {
    color: #fff;
    font-size: 1rem;
}

#museum .museum-preservation-note p {
    margin: .35rem 0 0;
    color: var(--museum-muted);
    line-height: 1.6;
}

@keyframes museumStatusPulse { 50% { opacity: .35; } }
@keyframes museumFrequencyFlow { to { stroke-dashoffset: -190; } }
@keyframes museumFrequencyPulse { 0% { opacity: .95; transform: scale(.3); } 100% { opacity: 0; transform: scale(3.5); } }
@keyframes museumAstrolabeSpin { to { transform: rotate(360deg); } }
@keyframes museumRuneCounterSpin { to { transform: rotate(-360deg); } }
@keyframes museumCoreBreathe { 50% { opacity: .58; transform: scale(1.045); } }
@keyframes museumGemPulse { 50% { opacity: .5; transform: rotate(45deg) scale(.62); } }
@keyframes museumCrystalMorph {
    0%, 100% { border-radius: 28% 72% 30% 70% / 66% 28% 72% 34%; transform: rotate(45deg) scale(1); }
    50% { border-radius: 58% 42% 62% 38% / 42% 63% 37% 58%; transform: rotate(45deg) scale(1.05); }
}
@keyframes museumCrystalSweep { 0%, 22% { transform: translateX(-190%) rotate(18deg); } 60%, 100% { transform: translateX(190%) rotate(18deg); } }
@keyframes museumMotesDrift { 50% { opacity: .4; transform: rotate(7deg) scale(1.08); } }
@keyframes museumSignalBars { 50% { transform: scaleY(.35); opacity: .45; } }

@media (max-width: 980px) {
    #museum .museum-central__hero { grid-template-columns: minmax(0, 1fr); }
    #museum .museum-central__status { justify-items: start; padding-left: 1.4rem; text-align: left; }
    #museum .museum-nexus img { min-height: 27rem; }
    #museum .museum-nexus__topline { grid-template-columns: 1fr auto; }
    #museum .museum-nexus__topline span:last-child { display: none; }
    #museum .museum-nexus__nodes { bottom: 7.4rem; }
    #museum .museum-nexus figcaption { flex-direction: column; gap: .35rem; }
    #museum .museum-portal-network { gap: 4.4rem 3.8rem; }
}

@media (max-width: 720px) {
    #museum { padding: .5rem; }
    #museum .museum-central__hero,
    #museum .museum-legacy { padding: 4.2rem 1.05rem; }
    #museum .museum-central__hero h1 { font-size: clamp(2.8rem, 14vw, 4.4rem); }
    #museum .museum-legacy__heading h2 { font-size: clamp(2.05rem, 9vw, 3.25rem); }
    #museum .museum-nexus img { min-height: 0; max-height: none; height: auto; object-fit: contain; object-position: center; }
    #museum .museum-nexus__topline { left: .8rem; right: .8rem; grid-template-columns: 1fr; text-align: center; }
    #museum .museum-nexus__topline span:first-child { display: none; }
    #museum .museum-nexus__nodes { position: relative; left: auto; right: auto; bottom: auto; grid-template-columns: 1fr; gap: .4rem; padding: .65rem .8rem; background: #030609; }
    #museum .museum-nexus figcaption { position: relative; min-height: 8.2rem; padding-inline: 1rem; }
    #museum .museum-nexus figcaption strong { white-space: normal; }
    #museum .museum-portal-network { grid-template-columns: minmax(0, 1fr); gap: 2.4rem; padding-left: 1.25rem; }
    #museum .museum-portal-network::before { content: ""; position: absolute; z-index: 0; top: 0; bottom: 0; left: .23rem; width: 1px; background: linear-gradient(var(--museum-gold), var(--museum-cyan), var(--museum-violet), var(--museum-red)); box-shadow: 0 0 .8rem rgba(86, 220, 255, .45); animation: museumMobileCurrent 2.6s ease-in-out infinite; }
    #museum .museum-frequency-map { display: none; }
    #museum .museum-frequency-core { top: 0; left: -.25rem; width: 2rem; transform: none; }
    #museum .museum-frequency-core::before,
    #museum .museum-frequency-core::after,
    #museum .museum-frequency-core > span { display: none; }
    #museum .museum-frequency-core::after { display: none; }
    #museum .museum-portal-card { min-height: 19rem; }
    #museum .museum-portal-card::after { left: -1.6rem !important; right: auto !important; top: 2.3rem; }
    #museum .museum-preservation-note { grid-template-columns: 1fr; }
}

@keyframes museumMobileCurrent {
    0%, 100% { opacity: .28; box-shadow: 0 0 .3rem var(--museum-cyan); }
    50% { opacity: .85; box-shadow: 0 0 1rem var(--museum-violet); }
}

@media (prefers-reduced-motion: reduce) {
    #museum .museum-central__status > span i,
    #museum .museum-frequency,
    #museum .museum-frequency-pulse,
    #museum .museum-frequency-core::before,
    #museum .museum-frequency-core::after,
    #museum .museum-core-halo--outer,
    #museum .museum-core-halo--outer::before,
    #museum .museum-core-halo--outer::after,
    #museum .museum-core-halo--inner,
    #museum .museum-core-runes,
    #museum .museum-core-orbit,
    #museum .museum-core-orbit > i,
    #museum .museum-core-crystal,
    #museum .museum-core-crystal::after,
    #museum .museum-core-motes,
    #museum .museum-portal-card__signal i,
    #museum .museum-portal-network::before {
        animation: none;
    }
    #museum .museum-portal-card,
    #museum .museum-portal-card::before,
    #museum .museum-portal-card > strong svg { transition: none; }
}

/* Unternehmensvorstellung // Human x System */
#ueber-uns.about-overview-view {
    --about-gold: #e0a94f;
    --about-gold-soft: #f2d39d;
    --about-cyan: #38d7f4;
    --about-violet: #a66cff;
    padding: clamp(.75rem, 1.35vw, 1.4rem);
    background:
        radial-gradient(circle at 84% 11%, rgba(56, 215, 244, .09), transparent 28rem),
        radial-gradient(circle at 14% 28%, rgba(224, 169, 79, .08), transparent 28rem),
        #050709;
}

#ueber-uns .about-overview {
    position: relative;
    isolation: isolate;
    width: min(100%, 96rem);
    margin-inline: auto;
    overflow: hidden;
    color: #f2f4f5;
    background:
        linear-gradient(rgba(255, 255, 255, .018) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .018) 1px, transparent 1px),
        linear-gradient(145deg, rgba(11, 13, 15, .97), rgba(4, 8, 11, .99));
    background-size: 2.2rem 2.2rem, 2.2rem 2.2rem, auto;
    border: 1px solid rgba(224, 169, 79, .24);
    box-shadow: inset 0 0 7rem rgba(0, 0, 0, .5), 0 1.5rem 5rem rgba(0, 0, 0, .25);
}

#ueber-uns .about-overview::before,
#ueber-uns .about-overview::after {
    content: "";
    position: absolute;
    z-index: 5;
    width: 5rem;
    height: 5rem;
    pointer-events: none;
}

#ueber-uns .about-overview::before { top: .8rem; left: .8rem; border-top: 2px solid var(--about-gold); border-left: 2px solid var(--about-gold); }
#ueber-uns .about-overview::after { right: .8rem; bottom: .8rem; border-right: 2px solid rgba(56, 215, 244, .65); border-bottom: 2px solid rgba(56, 215, 244, .65); }

#ueber-uns .about-overview-hero {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(25rem, .85fr);
    align-items: center;
    min-height: clamp(36rem, 52vw, 49rem);
    gap: clamp(2rem, 5vw, 6rem);
    padding: clamp(4rem, 7vw, 7rem) clamp(1.35rem, 5vw, 5.5rem);
    overflow: hidden;
    border-bottom: 1px solid rgba(224, 169, 79, .2);
}

#ueber-uns .about-overview-hero::before {
    content: "HUMAN / SYSTEM";
    position: absolute;
    right: -1.2rem;
    bottom: -1.5rem;
    color: transparent;
    font-family: Consolas, "Courier New", monospace;
    font-size: clamp(4.5rem, 10vw, 10rem);
    font-weight: 900;
    letter-spacing: -.08em;
    line-height: .8;
    white-space: nowrap;
    -webkit-text-stroke: 1px rgba(255, 255, 255, .035);
    pointer-events: none;
}

#ueber-uns .about-overview-copy { position: relative; z-index: 2; min-width: 0; }

#ueber-uns .about-overview-kicker,
#ueber-uns .about-principles-heading > p {
    display: flex;
    align-items: center;
    gap: .8rem;
    margin: 0 0 1.5rem;
    color: var(--about-gold);
    font-family: Consolas, "Courier New", monospace;
    font-size: clamp(.65rem, .8vw, .78rem);
    font-weight: 700;
    letter-spacing: .2em;
}

#ueber-uns .about-overview-kicker > span,
#ueber-uns .about-principles-heading > p::before {
    content: "";
    width: 2.2rem;
    border-top: 1px solid currentColor;
    box-shadow: 0 0 .6rem currentColor;
}

#ueber-uns .about-overview-copy h1 {
    display: grid;
    margin: 0;
    font-size: clamp(4.5rem, 8.7vw, 9rem);
    line-height: .76;
    letter-spacing: -.07em;
    text-transform: uppercase;
}

#ueber-uns .about-overview-copy h1 span:last-child {
    margin-left: clamp(1.25rem, 4vw, 4.4rem);
    color: transparent;
    font-size: .58em;
    letter-spacing: -.045em;
    -webkit-text-stroke: 1px rgba(242, 211, 157, .82);
    text-shadow: 0 0 1.4rem rgba(224, 169, 79, .08);
}

#ueber-uns .about-overview-copy h1 sup {
    position: relative;
    top: -.48em;
    margin-left: .12em;
    color: var(--about-gold-soft);
    font-size: .2em;
    -webkit-text-stroke: 0;
}

#ueber-uns .about-overview-lead {
    max-width: 44rem;
    margin: clamp(2rem, 4vw, 3.5rem) 0 0;
    color: #bdc7cd;
    font-size: clamp(1.05rem, 1.45vw, 1.32rem);
    line-height: 1.72;
}

#ueber-uns .about-overview-status {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem 1.5rem;
    margin-top: 2rem;
    color: #84959f;
    font-family: Consolas, "Courier New", monospace;
    font-size: .6rem;
    letter-spacing: .14em;
}

#ueber-uns .about-overview-status span { display: inline-flex; align-items: center; gap: .5rem; }
#ueber-uns .about-overview-status i { width: .33rem; height: .33rem; background: var(--about-cyan); border-radius: 50%; box-shadow: 0 0 .65rem var(--about-cyan); }
#ueber-uns .about-overview-status span:first-child i { background: var(--about-gold); box-shadow: 0 0 .65rem var(--about-gold); }
#ueber-uns .about-overview-status span:last-child i { background: var(--about-violet); box-shadow: 0 0 .65rem var(--about-violet); }

#ueber-uns .about-core {
    position: relative;
    justify-self: center;
    width: min(100%, 29rem);
    aspect-ratio: 1;
    filter: drop-shadow(0 1.5rem 2.5rem rgba(0, 0, 0, .45));
}

#ueber-uns .about-core-grid {
    position: absolute;
    inset: 10%;
    opacity: .34;
    background: linear-gradient(rgba(56, 215, 244, .11) 1px, transparent 1px), linear-gradient(90deg, rgba(56, 215, 244, .11) 1px, transparent 1px);
    background-size: 2rem 2rem;
    clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
    transform: rotate(45deg);
}

#ueber-uns .about-core-orbit,
#ueber-uns .about-core-axis,
#ueber-uns .about-core-pulse,
#ueber-uns .about-core-point,
#ueber-uns .about-core-node { position: absolute; }

#ueber-uns .about-core-orbit { border: 1px solid rgba(56, 215, 244, .35); border-radius: 50%; }
#ueber-uns .about-core-orbit--outer { inset: 9%; animation: aboutOrbitSpin 24s linear infinite; }
#ueber-uns .about-core-orbit--outer::before,
#ueber-uns .about-core-orbit--outer::after {
    content: "";
    position: absolute;
    width: .55rem;
    height: .55rem;
    background: var(--about-cyan);
    border: 2px solid #081117;
    border-radius: 50%;
    box-shadow: 0 0 .85rem var(--about-cyan);
}
#ueber-uns .about-core-orbit--outer::before { top: 8%; left: 18%; }
#ueber-uns .about-core-orbit--outer::after { right: 8%; bottom: 18%; background: var(--about-gold); box-shadow: 0 0 .85rem var(--about-gold); }
#ueber-uns .about-core-orbit--inner { inset: 25%; border-color: rgba(224, 169, 79, .45); border-style: dashed; animation: aboutOrbitSpinReverse 18s linear infinite; }
#ueber-uns .about-core-axis { top: 50%; left: 50%; opacity: .45; background: linear-gradient(90deg, transparent, var(--about-cyan), transparent); transform-origin: center; }
#ueber-uns .about-core-axis--x { width: 82%; height: 1px; transform: translate(-50%, -50%); }
#ueber-uns .about-core-axis--y { width: 82%; height: 1px; transform: translate(-50%, -50%) rotate(90deg); }

#ueber-uns .about-core-node {
    z-index: 3;
    inset: 34%;
    display: grid;
    place-content: center;
    text-align: center;
    background: radial-gradient(circle, rgba(18, 59, 70, .98), rgba(5, 15, 21, .98) 68%);
    border: 1px solid var(--about-cyan);
    border-radius: 50%;
    box-shadow: inset 0 0 2rem rgba(56, 215, 244, .18), 0 0 2rem rgba(56, 215, 244, .22);
    animation: aboutCoreBreathe 4.8s ease-in-out infinite;
}
#ueber-uns .about-core-node::before { content: ""; position: absolute; inset: -.6rem; border: 1px solid rgba(224, 169, 79, .25); border-radius: inherit; }
#ueber-uns .about-core-node strong { font-size: clamp(2rem, 4vw, 3.2rem); line-height: .8; letter-spacing: -.06em; }
#ueber-uns .about-core-node small { margin-top: .65rem; color: var(--about-cyan); font-family: Consolas, "Courier New", monospace; font-size: .46rem; letter-spacing: .2em; }

#ueber-uns .about-core-point {
    z-index: 2;
    display: grid;
    gap: .2rem;
    color: #d5dee2;
    font-family: Consolas, "Courier New", monospace;
    font-size: clamp(.5rem, .75vw, .66rem);
    letter-spacing: .14em;
    text-shadow: 0 .1rem .6rem #000;
}
#ueber-uns .about-core-point b { color: var(--about-gold); font-size: .52rem; font-weight: 400; }
#ueber-uns .about-core-point--people { top: 3%; left: 50%; text-align: center; transform: translateX(-50%); }
#ueber-uns .about-core-point--ideas { top: 50%; right: -1%; transform: translateY(-50%); }
#ueber-uns .about-core-point--solutions { bottom: 3%; left: 50%; text-align: center; transform: translateX(-50%); }
#ueber-uns .about-core-point--future { top: 50%; left: -1%; text-align: right; transform: translateY(-50%); }

#ueber-uns .about-core-pulse { z-index: 1; inset: 42%; border: 1px solid var(--about-cyan); border-radius: 50%; opacity: 0; animation: aboutSignalPulse 4.5s ease-out infinite; }
#ueber-uns .about-core-pulse--two { border-color: var(--about-gold); animation-delay: -1.5s; }
#ueber-uns .about-core-pulse--three { border-color: var(--about-violet); animation-delay: -3s; }

#ueber-uns .about-principles { padding: clamp(4rem, 7vw, 7rem) clamp(1.35rem, 5vw, 5.5rem); }
#ueber-uns .about-principles-heading { display: grid; grid-template-columns: minmax(0, 1fr) minmax(18rem, .75fr); align-items: end; gap: 1.5rem 4rem; margin-bottom: clamp(2.5rem, 5vw, 4.5rem); }
#ueber-uns .about-principles-heading > p { grid-column: 1 / -1; margin-bottom: 0; color: var(--about-cyan); }
#ueber-uns .about-principles-heading h2 { margin: 0; font-size: clamp(2.6rem, 5.5vw, 5.8rem); line-height: .88; letter-spacing: -.055em; text-transform: uppercase; }
#ueber-uns .about-principles-heading > span { max-width: 34rem; color: #98a8b1; line-height: 1.75; }

#ueber-uns .about-principles-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border: 1px solid rgba(255, 255, 255, .09); }
#ueber-uns .about-principle {
    --principle-accent: var(--about-gold);
    position: relative;
    min-height: 21rem;
    padding: clamp(1.45rem, 3vw, 2.8rem);
    overflow: hidden;
    background: linear-gradient(155deg, color-mix(in srgb, var(--principle-accent) 7%, #090c0f), rgba(5, 8, 10, .98));
    transition: background-color .3s, box-shadow .3s, transform .3s var(--ease);
}
#ueber-uns .about-principle + .about-principle { border-left: 1px solid rgba(255, 255, 255, .09); }
#ueber-uns .about-principle--cyan { --principle-accent: var(--about-cyan); }
#ueber-uns .about-principle--violet { --principle-accent: var(--about-violet); }
#ueber-uns .about-principle::before { content: ""; position: absolute; inset: 0; opacity: 0; background: radial-gradient(circle at 18% 4%, color-mix(in srgb, var(--principle-accent) 18%, transparent), transparent 58%); transition: opacity .3s; }
#ueber-uns .about-principle:hover { z-index: 2; transform: translateY(-.3rem); box-shadow: 0 1.5rem 3rem rgba(0, 0, 0, .35), inset 0 2px var(--principle-accent); }
#ueber-uns .about-principle:hover::before { opacity: 1; }
#ueber-uns .about-principle-index { position: absolute; top: .8rem; right: 1rem; color: color-mix(in srgb, var(--principle-accent) 15%, transparent); font-size: clamp(5rem, 8vw, 8rem); font-weight: 900; line-height: .8; letter-spacing: -.08em; }
#ueber-uns .about-principle-label { position: relative; margin: 0 0 3.4rem; color: var(--principle-accent); font-family: Consolas, "Courier New", monospace; font-size: .62rem; letter-spacing: .18em; }
#ueber-uns .about-principle h3 { position: relative; max-width: 22rem; margin: 0; font-size: clamp(1.45rem, 2.5vw, 2.35rem); line-height: 1.05; }
#ueber-uns .about-principle > p:not(.about-principle-label) { position: relative; margin: 1.2rem 0 0; color: #aebbc1; line-height: 1.7; }
#ueber-uns .about-principle > i { position: absolute; right: 0; bottom: 0; left: 0; height: 2px; background: linear-gradient(90deg, var(--principle-accent), transparent 55%); box-shadow: 0 0 .8rem color-mix(in srgb, var(--principle-accent) 65%, transparent); transform-origin: left; transition: transform .3s; }
#ueber-uns .about-principle:hover > i { transform: scaleX(1.5); }

#ueber-uns .about-paths { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid rgba(224, 169, 79, .2); border-bottom: 1px solid rgba(224, 169, 79, .2); }
#ueber-uns .about-path {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: clamp(1rem, 2.5vw, 2rem);
    min-height: 9rem;
    padding: clamp(1.35rem, 2.8vw, 2.4rem);
    color: #eef2f4;
    background: rgba(4, 9, 12, .82);
    border-top: 1px solid rgba(255, 255, 255, .07);
    transition: background-color .28s, color .28s, box-shadow .28s;
}
#ueber-uns .about-path--primary { grid-column: 1 / -1; min-height: 11rem; background: linear-gradient(100deg, rgba(42, 29, 13, .42), rgba(5, 13, 17, .9) 68%); border-top: 0; }
#ueber-uns .about-path:not(.about-path--primary):last-child { border-left: 1px solid rgba(255, 255, 255, .07); }
#ueber-uns .about-path:hover,
#ueber-uns .about-path:focus-visible { color: var(--about-gold-soft); background-color: rgba(20, 30, 34, .9); box-shadow: inset .22rem 0 var(--about-gold); outline: none; }
#ueber-uns .about-path-number { color: var(--about-cyan); font-family: Consolas, "Courier New", monospace; font-size: .58rem; letter-spacing: .13em; writing-mode: vertical-rl; transform: rotate(180deg); }
#ueber-uns .about-path--primary .about-path-number { color: var(--about-gold); }
#ueber-uns .about-path-copy { display: grid; gap: .55rem; }
#ueber-uns .about-path-copy small { color: #84969f; font-family: Consolas, "Courier New", monospace; font-size: .61rem; letter-spacing: .15em; }
#ueber-uns .about-path-copy strong { font-size: clamp(1.15rem, 2.4vw, 2.15rem); line-height: 1.08; text-transform: uppercase; }
#ueber-uns .about-path--primary .about-path-copy strong { font-size: clamp(1.55rem, 3.5vw, 3.4rem); }
#ueber-uns .about-path-arrow { display: grid; place-items: center; width: 2.7rem; height: 2.7rem; color: var(--about-gold); border: 1px solid currentColor; border-radius: 50%; transition: color .28s, transform .28s; }
#ueber-uns .about-path-arrow svg { width: 1rem; height: 1rem; }
#ueber-uns .about-path:hover .about-path-arrow,
#ueber-uns .about-path:focus-visible .about-path-arrow { color: var(--about-cyan); transform: translateX(.25rem); }

#ueber-uns .about-overview-footer { display: grid; grid-template-columns: auto minmax(2rem, 1fr) auto minmax(2rem, 1fr) auto; align-items: center; gap: 1rem; padding: 1.35rem clamp(1.35rem, 5vw, 5.5rem); color: #687c86; font-family: Consolas, "Courier New", monospace; font-size: .55rem; letter-spacing: .14em; }
#ueber-uns .about-overview-footer i { border-top: 1px solid rgba(56, 215, 244, .2); }
#ueber-uns .about-overview-footer b { color: var(--about-gold); font-size: 1rem; font-weight: 400; }

@keyframes aboutOrbitSpin { to { transform: rotate(360deg); } }
@keyframes aboutOrbitSpinReverse { to { transform: rotate(-360deg); } }
@keyframes aboutCoreBreathe { 50% { box-shadow: inset 0 0 2.5rem rgba(56, 215, 244, .3), 0 0 2.8rem rgba(56, 215, 244, .34); transform: scale(1.035); } }
@keyframes aboutSignalPulse { 0% { opacity: .75; transform: scale(.4); } 100% { opacity: 0; transform: scale(4.3); } }

@media (max-width: 980px) {
    #ueber-uns .about-overview-hero { grid-template-columns: minmax(0, 1fr); }
    #ueber-uns .about-overview-copy { max-width: 52rem; }
    #ueber-uns .about-core { width: min(100%, 25rem); }
    #ueber-uns .about-principles-heading { grid-template-columns: 1fr; }
    #ueber-uns .about-principles-heading > p { grid-column: auto; }
    #ueber-uns .about-principles-heading > span { max-width: 48rem; }
}

@media (max-width: 720px) {
    #ueber-uns.about-overview-view { padding: .5rem; }
    #ueber-uns .about-overview-hero { min-height: 0; padding: 4.5rem 1.1rem 3.5rem; }
    #ueber-uns .about-overview-copy h1 { font-size: clamp(3.6rem, 20vw, 6.8rem); }
    #ueber-uns .about-overview-copy h1 span:last-child { margin-top: .3rem; margin-left: 0; font-size: .46em; }
    #ueber-uns .about-overview-lead { margin-top: 2rem; }
    #ueber-uns .about-core { width: min(92vw, 22rem); }
    #ueber-uns .about-core-point--ideas { right: 1%; }
    #ueber-uns .about-core-point--future { left: 1%; }
    #ueber-uns .about-principles { padding: 4rem 1.1rem; }
    #ueber-uns .about-principles-heading h2 { font-size: clamp(2.45rem, 13vw, 4rem); }
    #ueber-uns .about-principles-grid { grid-template-columns: 1fr; }
    #ueber-uns .about-principle { min-height: 17rem; }
    #ueber-uns .about-principle + .about-principle { border-top: 1px solid rgba(255, 255, 255, .09); border-left: 0; }
    #ueber-uns .about-paths { grid-template-columns: 1fr; }
    #ueber-uns .about-path--primary { grid-column: auto; }
    #ueber-uns .about-path:not(.about-path--primary):last-child { border-left: 0; }
    #ueber-uns .about-path { grid-template-columns: minmax(0, 1fr) auto; min-height: 8rem; }
    #ueber-uns .about-path-number { grid-column: 1 / -1; writing-mode: initial; transform: none; }
    #ueber-uns .about-path--primary .about-path-copy strong { font-size: clamp(1.4rem, 8vw, 2.25rem); }
    #ueber-uns .about-path--primary { grid-template-columns: minmax(0, 1fr); }
    #ueber-uns .about-path--primary .about-path-arrow { justify-self: end; }
    #ueber-uns .about-overview-footer { grid-template-columns: 1fr; justify-items: center; text-align: center; }
    #ueber-uns .about-overview-footer i { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
    #ueber-uns .about-core-orbit,
    #ueber-uns .about-core-node,
    #ueber-uns .about-core-pulse { animation: none; }
    #ueber-uns .about-principle,
    #ueber-uns .about-principle::before,
    #ueber-uns .about-principle > i,
    #ueber-uns .about-path,
    #ueber-uns .about-path-arrow { transition: none; }
}

/* Technologieübersicht: Werkzeug 01 – sichtbare BK / BCU / CIU Systemoberfläche */
#technologie .technology-start-tool {
  width: min(100%, 92rem);
  margin: clamp(1.4rem, 3vw, 2.75rem) auto 0;
}

#technologie .technology-start-heading {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(16rem, .75fr);
  gap: 1rem 3rem;
  align-items: end;
  padding: clamp(1.4rem, 3.5vw, 2.6rem);
  background: linear-gradient(120deg, rgba(5, 22, 31, .98), rgba(4, 13, 19, .97));
  border: 1px solid rgba(53, 200, 232, .26);
  border-bottom: 0;
}

#technologie .technology-start-heading p {
  grid-column: 1 / -1;
  margin: 0;
  color: #35c8e8;
  font: 700 .63rem/1.5 Consolas, "Courier New", monospace;
  letter-spacing: .2em;
}

#technologie .technology-start-heading h2 {
  margin: 0;
  color: #f4f8f9;
  font-size: clamp(1.8rem, 4vw, 3.7rem);
  letter-spacing: -.045em;
  line-height: 1;
}

#technologie .technology-start-heading > span {
  max-width: 34rem;
  color: #8fa4ae;
  font-size: .92rem;
  line-height: 1.65;
}

#technologie .bk-start {
  --bks-bg: #050b10;
  --bks-blue: #26bfff;
  --bks-cyan: #58e4ff;
  --bks-orange: #f06428;
  --bks-text: #f4f7f9;
  --bks-muted: #9eafb9;
  --bks-line: rgba(255, 255, 255, .11);
  position: relative;
  width: 100%;
  color: var(--bks-text);
  background: var(--bks-bg);
  border: 1px solid rgba(53, 200, 232, .26);
  box-shadow: 0 2rem 5rem rgba(0, 0, 0, .38);
}

#technologie .bk-start *,
#technologie .bk-start *::before,
#technologie .bk-start *::after { box-sizing: border-box; }

#technologie .bk-cover {
  position: relative;
  height: clamp(25rem, 48vw, 43rem);
  overflow: hidden;
  background: #02070b;
  border-bottom: 1px solid rgba(38, 191, 255, .18);
}

#technologie .bk-cover-image {
  position: absolute;
  inset: 0;
  background: url("assets/technology/bk-anomaly-detected.png") center / cover no-repeat;
  transform: scale(1.015);
  animation: bkStartCoverReveal 1.35s ease-out both;
}

#technologie .bk-cover-shade {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(2, 7, 11, .04), transparent 48%, rgba(2, 7, 11, .94)), linear-gradient(90deg, rgba(2, 7, 11, .18), transparent 22%, transparent 78%, rgba(2, 7, 11, .18));
}

#technologie .bk-cover-scanlines,
#technologie .bk-start-scanlines {
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .045;
  background: repeating-linear-gradient(0deg, transparent, transparent 3px, rgba(255, 255, 255, .18) 4px);
}

#technologie .bk-cover-interface { position: absolute; z-index: 3; bottom: 3.2rem; left: 2rem; max-width: calc(100% - 4rem); }
#technologie .bk-cover-status {
  display: inline-flex;
  align-items: center;
  gap: .65rem;
  padding: .75rem .9rem;
  color: #dff7ff;
  background: rgba(3, 11, 16, .78);
  border: 1px solid rgba(88, 228, 255, .3);
  box-shadow: 0 .5rem 1.6rem rgba(0, 0, 0, .28);
  backdrop-filter: blur(7px);
  font: 700 .5rem/1.2 Consolas, "Courier New", monospace;
  letter-spacing: .22em;
  white-space: nowrap;
}

#technologie .bk-cover-status span,
#technologie .bk-start-status-dot {
  width: .42rem;
  height: .42rem;
  flex: 0 0 .42rem;
  background: var(--bks-cyan);
  border-radius: 50%;
  box-shadow: 0 0 .55rem var(--bks-cyan), 0 0 1.1rem var(--bks-blue);
  animation: bkStartPulse 2s ease-in-out infinite;
}

#technologie .bk-cover-bottom {
  position: absolute;
  z-index: 3;
  right: 2rem;
  bottom: 1.5rem;
  left: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .8rem;
  color: #dff7ff;
  font: 700 .48rem/1 Consolas, "Courier New", monospace;
  letter-spacing: .2em;
}

#technologie .bk-cover-bottom span { width: min(10vw, 5rem); height: 1px; background: linear-gradient(90deg, transparent, var(--bks-blue)); }
#technologie .bk-cover-bottom span:last-child { background: linear-gradient(90deg, var(--bks-blue), transparent); }
#technologie .bk-cover-bottom i { color: var(--bks-cyan); font-style: normal; }

#technologie .bk-start-hero {
  position: relative;
  display: grid;
  min-height: 36rem;
  place-items: center;
  overflow: hidden;
  background: radial-gradient(circle at 50% 45%, rgba(25, 162, 255, .18), transparent 29%), radial-gradient(circle at 12% 70%, rgba(240, 100, 40, .09), transparent 27%), linear-gradient(135deg, rgba(4, 12, 18, .98), rgba(7, 19, 27, .94));
  border-bottom: 1px solid rgba(61, 190, 255, .18);
}

#technologie .bk-start-gridfx {
  position: absolute;
  inset: 0;
  opacity: .18;
  background-image: linear-gradient(rgba(55, 190, 255, .13) 1px, transparent 1px), linear-gradient(90deg, rgba(55, 190, 255, .13) 1px, transparent 1px);
  background-size: 3rem 3rem;
  transform: perspective(31rem) rotateX(63deg) scale(1.5);
  transform-origin: center bottom;
}

#technologie .bk-start-hero::before {
  position: absolute;
  top: -35%;
  right: 0;
  left: 0;
  height: 35%;
  content: "";
  background: linear-gradient(transparent, rgba(40, 195, 255, .09), transparent);
  animation: bkStartScanner 7s linear infinite;
}

#technologie .bk-start-hero-inner { position: relative; z-index: 2; max-width: 62rem; padding: clamp(3.2rem, 7vw, 5.5rem) clamp(1.3rem, 5vw, 3rem); text-align: center; }
#technologie .bk-start-systemline { display: inline-flex; align-items: center; gap: .65rem; margin-bottom: 1.9rem; color: var(--bks-cyan); font: 700 .63rem/1.4 Consolas, "Courier New", monospace; letter-spacing: .25em; }
#technologie .bk-start-hero h3 { margin: 0 0 1.8rem; color: #fff; font-size: clamp(2.25rem, 5vw, 4.4rem); font-weight: 850; letter-spacing: -.045em; line-height: 1.02; }
#technologie .bk-start-hero h3 span { color: transparent; -webkit-text-stroke: 1px #8edafc; text-shadow: 0 0 2.3rem rgba(0, 150, 255, .12); }
#technologie .bk-start-hero-lead { max-width: 50rem; margin: 0 auto 1.2rem; color: #dce8ee; font-size: clamp(1rem, 1.45vw, 1.15rem); line-height: 1.75; }
#technologie .bk-start-hero-text { max-width: 49rem; margin: 0 auto; color: var(--bks-muted); font-size: .9rem; line-height: 1.8; }
#technologie .bk-start-core-message { display: flex; align-items: center; justify-content: center; gap: .9rem; margin-top: 2.3rem; color: #dff5ff; font: 700 .55rem/1.4 Consolas, "Courier New", monospace; letter-spacing: .18em; }
#technologie .bk-start-core-message > span { width: 4rem; height: 1px; background: linear-gradient(90deg, transparent, var(--bks-blue)); }
#technologie .bk-start-core-message > span:last-child { background: linear-gradient(90deg, var(--bks-blue), transparent); }
#technologie .bk-start-core-message i { color: var(--bks-blue); font-style: normal; }

#technologie .bk-start-system { position: relative; padding: clamp(3rem, 5vw, 4.5rem) clamp(.9rem, 3vw, 2rem); overflow: hidden; background: linear-gradient(180deg, rgba(5, 13, 18, .97), rgba(4, 10, 15, .99)); border-bottom: 1px solid var(--bks-line); }
#technologie .bk-start-system-header { margin-bottom: 3rem; text-align: center; }
#technologie .bk-start-system-header > span { color: var(--bks-blue); font: 700 .56rem/1.4 Consolas, "Courier New", monospace; letter-spacing: .25em; }
#technologie .bk-start-system-header h3 { margin: .8rem 0 .65rem; color: #fff; font-size: clamp(2rem, 4vw, 3.2rem); letter-spacing: -.04em; }
#technologie .bk-start-system-header p { margin: 0; color: var(--bks-muted); font-size: .9rem; }
#technologie .bk-start-system-map { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) 8rem minmax(0, 1fr); gap: 1.1rem; align-items: center; }

#technologie .bk-start-world { position: relative; min-height: 37rem; padding: 2.3rem; overflow: hidden; background: linear-gradient(145deg, rgba(10, 25, 34, .97), rgba(5, 13, 18, .99)); border: 1px solid rgba(255, 255, 255, .11); transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease; }
#technologie .bk-start-world:hover { transform: translateY(-.3rem); }
#technologie .bk-start-world--bcu:hover { border-color: rgba(240, 100, 40, .55); box-shadow: 0 1.1rem 3.4rem rgba(240, 100, 40, .08); }
#technologie .bk-start-world--ciu:hover { border-color: rgba(38, 191, 255, .55); box-shadow: 0 1.1rem 3.4rem rgba(38, 191, 255, .09); }
#technologie .bk-start-world::before { position: absolute; top: 0; bottom: 0; width: 3px; content: ""; }
#technologie .bk-start-world--bcu::before { left: 0; background: linear-gradient(var(--bks-orange), #8b2615, transparent); }
#technologie .bk-start-world--ciu::before { right: 0; background: linear-gradient(var(--bks-blue), #075c9d, transparent); }
#technologie .bk-start-world-glow { position: absolute; top: -8rem; width: 22rem; height: 22rem; border-radius: 50%; }
#technologie .bk-start-world--bcu .bk-start-world-glow { left: -10rem; background: radial-gradient(circle, rgba(240, 100, 40, .14), transparent 68%); }
#technologie .bk-start-world--ciu .bk-start-world-glow { right: -10rem; background: radial-gradient(circle, rgba(38, 191, 255, .15), transparent 68%); }
#technologie .bk-start-world-code { position: absolute; top: 1.15rem; right: 1.25rem; color: #8edafc; font: 700 .48rem/1 Consolas, "Courier New", monospace; letter-spacing: .2em; }
#technologie .bk-start-world--bcu .bk-start-world-code,
#technologie .bk-start-world--bcu .bk-start-world-type { color: #ff9b70; }
#technologie .bk-start-world-node { position: absolute; top: 1.7rem; left: 1.7rem; display: grid; width: 1.5rem; height: 1.5rem; place-items: center; border: 1px solid currentColor; border-radius: 50%; }
#technologie .bk-start-world-node span { width: .38rem; height: .38rem; background: var(--bks-blue); border-radius: 50%; box-shadow: 0 0 .9rem currentColor; animation: bkStartPulse 2.4s ease-in-out infinite; }
#technologie .bk-start-world--bcu .bk-start-world-node { color: var(--bks-orange); }
#technologie .bk-start-world--bcu .bk-start-world-node span { background: var(--bks-orange); }
#technologie .bk-start-world--ciu .bk-start-world-node { color: var(--bks-blue); }
#technologie .bk-start-world-content { position: relative; z-index: 2; padding-top: 3.4rem; }
#technologie .bk-start-world-type { margin-bottom: .8rem; color: var(--bks-cyan); font: 700 .55rem/1.4 Consolas, "Courier New", monospace; letter-spacing: .25em; }
#technologie .bk-start-world h4 { margin: 0; color: rgba(255, 255, 255, .075); font-size: clamp(4.8rem, 8vw, 7.5rem); font-weight: 900; letter-spacing: -.08em; line-height: .82; }
#technologie .bk-start-world h5 { margin: 1.2rem 0 1.4rem; color: #fff; font-size: clamp(1.45rem, 2.4vw, 2rem); line-height: 1.2; }
#technologie .bk-start-world p { margin: 0 0 1rem; color: var(--bks-muted); font-size: .82rem; line-height: 1.75; }
#technologie .bk-start-world p strong { color: #dcecf4; }
#technologie .bk-start-world-tags { display: flex; flex-wrap: wrap; gap: .4rem; margin-top: 1.5rem; }
#technologie .bk-start-world-tags span { padding: .42rem .55rem; color: #c3d3dc; border: 1px solid rgba(255, 255, 255, .12); font: 700 .44rem/1 Consolas, "Courier New", monospace; letter-spacing: .12em; }
#technologie .bk-start-world-button { display: flex; align-items: center; justify-content: space-between; width: 100%; margin-top: 1.8rem; padding: 1rem 1.1rem; color: #fff; border: 1px solid rgba(255, 255, 255, .18); font: 700 .56rem/1.3 Consolas, "Courier New", monospace; letter-spacing: .13em; transition: background .2s, border-color .2s; }
#technologie .bk-start-world--bcu .bk-start-world-button:hover,
#technologie .bk-start-world--bcu .bk-start-world-button:focus-visible { background: rgba(240, 100, 40, .09); border-color: var(--bks-orange); outline: none; }
#technologie .bk-start-world--ciu .bk-start-world-button:hover,
#technologie .bk-start-world--ciu .bk-start-world-button:focus-visible { background: rgba(38, 191, 255, .08); border-color: var(--bks-blue); outline: none; }
#technologie .bk-start-world-button b { font-size: 1.2rem; }

#technologie .bk-start-center-core { position: relative; display: grid; width: 8rem; height: 8rem; place-items: center; }
#technologie .bk-start-core-ring { position: absolute; border: 1px solid rgba(60, 200, 255, .25); border-radius: 50%; }
#technologie .bk-start-ring--one { inset: 0; animation: bkStartRotate 18s linear infinite; }
#technologie .bk-start-ring--two { inset: .75rem; border-style: dashed; animation: bkStartRotateReverse 13s linear infinite; }
#technologie .bk-start-ring--three { inset: 1.55rem; border-color: rgba(240, 100, 40, .4); animation: bkStartRingPulse 3s ease-in-out infinite; }
#technologie .bk-start-core-inner { position: relative; z-index: 2; display: grid; width: 4.9rem; height: 4.9rem; place-content: center; place-items: center; background: radial-gradient(circle, rgba(21, 73, 101, .88), rgba(5, 14, 20, .99)); border: 1px solid rgba(70, 205, 255, .45); border-radius: 50%; box-shadow: 0 0 1.6rem rgba(38, 191, 255, .13); }
#technologie .bk-start-core-inner small { color: #a6cddd; font: 700 .28rem/1 Consolas, "Courier New", monospace; letter-spacing: .12em; }
#technologie .bk-start-core-inner strong { color: #fff; font-size: 1.7rem; line-height: 1.1; }
#technologie .bk-start-core-inner span { color: var(--bks-cyan); font: 700 .36rem/1 Consolas, "Courier New", monospace; letter-spacing: .22em; }
#technologie .bk-start-core-line { position: absolute; top: 50%; width: 2.5rem; height: 1px; }
#technologie .bk-start-core-line--left { right: 100%; background: linear-gradient(90deg, var(--bks-orange), transparent); }
#technologie .bk-start-core-line--right { left: 100%; background: linear-gradient(90deg, transparent, var(--bks-blue)); }

#technologie .bk-start-connection { padding: clamp(3.2rem, 6vw, 5rem) clamp(1.3rem, 4vw, 3rem); text-align: center; background: radial-gradient(circle at center, rgba(24, 119, 170, .13), transparent 42%), rgba(5, 13, 18, .97); border-bottom: 1px solid var(--bks-line); }
#technologie .bk-start-connection-line { display: flex; align-items: center; max-width: 40rem; margin: 0 auto 2.3rem; }
#technologie .bk-start-connection-line span { flex: 1; height: 1px; background: linear-gradient(90deg, transparent, rgba(60, 200, 255, .65)); }
#technologie .bk-start-connection-line span:last-child { background: linear-gradient(90deg, rgba(60, 200, 255, .65), transparent); }
#technologie .bk-start-connection-line i { width: .7rem; height: .7rem; background: var(--bks-blue); box-shadow: 0 0 1rem var(--bks-blue); transform: rotate(45deg); animation: bkStartPulse 2s ease-in-out infinite; }
#technologie .bk-start-mini-label { margin-bottom: .9rem; color: var(--bks-cyan); font: 700 .5rem/1.4 Consolas, "Courier New", monospace; letter-spacing: .25em; }
#technologie .bk-start-connection h3 { margin: 0 0 1.3rem; color: #fff; font-size: clamp(2rem, 4vw, 3.2rem); letter-spacing: -.04em; }
#technologie .bk-start-connection p { max-width: 50rem; margin: 0 auto; color: var(--bks-muted); font-size: .9rem; line-height: 1.8; }
#technologie .bk-start-connection strong { display: block; margin-top: 1.7rem; color: #d8e9f1; font-size: clamp(1rem, 1.7vw, 1.2rem); font-weight: 500; }

#technologie .bk-start-values { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); background: rgba(5, 13, 18, .98); border-bottom: 1px solid var(--bks-line); }
#technologie .bk-start-values article { display: flex; min-height: 9rem; flex-direction: column; justify-content: center; padding: 1.5rem; border-right: 1px solid var(--bks-line); transition: background .2s; }
#technologie .bk-start-values article:last-child { border-right: 0; }
#technologie .bk-start-values article:hover { background: rgba(38, 191, 255, .04); }
#technologie .bk-start-values span { margin-bottom: .8rem; color: var(--bks-blue); font: 700 .5rem/1 Consolas, "Courier New", monospace; letter-spacing: .2em; }
#technologie .bk-start-values strong { color: #fff; font: 700 .67rem/1.2 Consolas, "Courier New", monospace; letter-spacing: .13em; }
#technologie .bk-start-values small { margin-top: .5rem; color: var(--bks-muted); font-size: .62rem; line-height: 1.4; }

#technologie .bk-start-final { padding: 3.4rem 1.8rem; text-align: center; background: linear-gradient(135deg, rgba(8, 21, 29, .98), rgba(4, 11, 16, .99)); }
#technologie .bk-start-final > div { margin-bottom: .9rem; color: var(--bks-blue); font: 700 .5rem/1.4 Consolas, "Courier New", monospace; letter-spacing: .25em; }
#technologie .bk-start-final h3 { margin: 0 0 .8rem; color: #fff; font-size: clamp(2rem, 4vw, 3rem); letter-spacing: -.04em; }
#technologie .bk-start-final p { margin: 0; color: var(--bks-muted); font-size: .82rem; }
#technologie .bk-start-final > span { display: flex; align-items: center; justify-content: center; gap: .8rem; margin-top: 1.6rem; color: var(--bks-cyan); font: 700 .45rem/1 Consolas, "Courier New", monospace; letter-spacing: .25em; }
#technologie .bk-start-final > span i { width: 1.9rem; height: 1px; background: var(--bks-blue); }

@keyframes bkStartCoverReveal { from { opacity: 0; transform: scale(1.055); } to { opacity: 1; transform: scale(1.015); } }
@keyframes bkStartScanner { from { top: -35%; } to { top: 115%; } }
@keyframes bkStartPulse { 0%, 100% { opacity: .42; transform: scale(.82); } 50% { opacity: 1; transform: scale(1.18); } }
@keyframes bkStartRotate { to { transform: rotate(360deg); } }
@keyframes bkStartRotateReverse { to { transform: rotate(-360deg); } }
@keyframes bkStartRingPulse { 50% { opacity: 1; box-shadow: 0 0 1.3rem rgba(38, 191, 255, .16); } }

@media (max-width: 1050px) {
  #technologie .bk-start-system-map { grid-template-columns: 1fr; }
  #technologie .bk-start-center-core { margin: .5rem auto; }
  #technologie .bk-start-core-line { display: none; }
  #technologie .bk-start-world { min-height: 0; }
  #technologie .bk-start-values { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #technologie .bk-start-values article { border-bottom: 1px solid var(--bks-line); }
  #technologie .bk-start-values article:nth-child(2n) { border-right: 0; }
  #technologie .bk-start-values article:last-child { grid-column: 1 / -1; border-bottom: 0; }
}

@media (max-width: 720px) {
  #technologie .technology-start-heading { grid-template-columns: 1fr; padding: 1.6rem 1.15rem; }
  #technologie .technology-start-heading p { grid-column: auto; }
  #technologie .technology-start-heading > span { font-size: .84rem; }
  #technologie .bk-cover { height: 18rem; }
  #technologie .bk-cover-interface { bottom: 2.15rem; left: 1rem; max-width: calc(100% - 2rem); }
  #technologie .bk-cover-status { max-width: 100%; padding: .6rem .65rem; font-size: .38rem; letter-spacing: .13em; white-space: normal; }
  #technologie .bk-cover-bottom { right: .8rem; bottom: .8rem; left: .8rem; gap: .4rem; font-size: .34rem; letter-spacing: .1em; }
  #technologie .bk-start-hero { min-height: 0; }
  #technologie .bk-start-hero h3 { font-size: clamp(2rem, 10.5vw, 3.2rem); }
  #technologie .bk-start-hero h3 span { -webkit-text-stroke-width: .7px; }
  #technologie .bk-start-systemline { font-size: .5rem; letter-spacing: .16em; }
  #technologie .bk-start-core-message { flex-direction: column; }
  #technologie .bk-start-core-message span,
  #technologie .bk-start-core-message i { display: none; }
  #technologie .bk-start-world { padding: 1.6rem 1.3rem; }
  #technologie .bk-start-world h4 { font-size: 4.7rem; }
  #technologie .bk-start-world h5 { font-size: 1.45rem; }
  #technologie .bk-start-values { grid-template-columns: 1fr; }
  #technologie .bk-start-values article,
  #technologie .bk-start-values article:nth-child(2n),
  #technologie .bk-start-values article:last-child { grid-column: auto; border-right: 0; border-bottom: 1px solid var(--bks-line); }
  #technologie .bk-start-values article:last-child { border-bottom: 0; }
}

@media (prefers-reduced-motion: reduce) {
  #technologie .bk-cover-image,
  #technologie .bk-cover-status span,
  #technologie .bk-start-hero::before,
  #technologie .bk-start-status-dot,
  #technologie .bk-start-world-node span,
  #technologie .bk-start-core-ring,
  #technologie .bk-start-connection-line i { animation: none; }
  #technologie .bk-start-world,
  #technologie .bk-start-world-button { transition: none; }
}