@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600&family=Inter:wght@300;400;500;600&display=swap');

:root {
  --ink: #05030a;
  --ink-soft: #0b0711;
  --panel: rgba(12, 7, 18, .82);
  --ivory: #f2eadc;
  --muted: #aaa0ad;
  --gold: #d3ae68;
  --gold-light: #f0d69c;
  --violet: #8a39c9;
  --violet-bright: #bb72ef;
  --line: rgba(222, 188, 119, .2);
  --line-soft: rgba(255,255,255,.09);
  --serif: 'Cinzel', Georgia, serif;
  --sans: 'Inter', 'Segoe UI', sans-serif;
  --shell: min(1180px, calc(100vw - 48px));
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ivory); background: var(--ink); font-family: var(--sans); font-weight: 300; line-height: 1.7; overflow-x: hidden; }
body::before { content: ''; position: fixed; inset: 0; z-index: -3; background: radial-gradient(circle at 20% 20%, rgba(80, 24, 112, .12), transparent 28%), radial-gradient(circle at 80% 70%, rgba(35, 48, 106, .1), transparent 32%), #05030a; }
a { color: inherit; }
img { max-width: 100%; }
button, input, textarea, select { font: inherit; }
::selection { background: rgba(187,114,239,.35); color: #fff; }

.topbar { position: fixed; inset: 0 0 auto; z-index: 100; height: 80px; display: flex; align-items: center; justify-content: space-between; gap: 32px; padding: 0 max(24px, 4vw); background: linear-gradient(180deg, rgba(3,2,7,.96), rgba(3,2,7,.72)); border-bottom: 1px solid rgba(255,255,255,.06); backdrop-filter: blur(18px); }
.brand { display: flex; align-items: center; gap: 13px; color: var(--gold-light); text-decoration: none; }
.brand__sigil { display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid var(--line); border-radius: 50%; color: var(--violet-bright); font-size: 20px; box-shadow: inset 0 0 16px rgba(140,57,201,.18), 0 0 22px rgba(140,57,201,.12); }
.brand__word { font: 500 16px/1 var(--serif); letter-spacing: .2em; text-transform: uppercase; }
.brand__word small { display: block; margin-top: 7px; color: #8f8492; font: 400 8px/1 var(--sans); letter-spacing: .23em; }
.nav { display: flex; align-items: center; gap: 5px; }
.nav > a, .nav-group__trigger { border: 0; background: none; color: #c9c0c9; padding: 11px 14px; text-decoration: none; text-transform: uppercase; letter-spacing: .12em; font-size: 11px; cursor: pointer; transition: color .2s ease, background .2s ease; }
.nav > a:hover, .nav-group__trigger:hover, .nav > a:focus-visible, .nav-group__trigger:focus-visible { color: var(--gold-light); background: rgba(255,255,255,.035); outline: none; }
.nav-search { margin-left: 5px; font-size: 21px !important; line-height: 1; }
.nav-account { border: 1px solid var(--line) !important; border-radius: 999px; }
.nav-messages { position: relative; }
.nav-messages span { display: inline-grid; min-width: 18px; height: 18px; place-items: center; margin-left: 5px; padding-inline: 4px; color: #130c05; background: var(--gold); border-radius: 999px; font-size: 9px; font-weight: 700; }
.nav-group { position: relative; }
.nav-group__trigger span { color: var(--gold); margin-left: 4px; }
.nav-dropdown { position: absolute; top: calc(100% + 14px); left: 50%; width: 220px; padding: 10px; opacity: 0; visibility: hidden; transform: translate(-50%, -8px); background: rgba(7,4,11,.97); border: 1px solid var(--line); box-shadow: 0 24px 70px rgba(0,0,0,.65); transition: .2s ease; }
.nav-dropdown::before { content: ''; position: absolute; inset: -15px 0 auto; height: 15px; }
.nav-group:hover .nav-dropdown, .nav-group:focus-within .nav-dropdown, .nav-group.open .nav-dropdown { opacity: 1; visibility: visible; transform: translate(-50%, 0); }
.nav-dropdown a { display: block; padding: 11px 12px; color: var(--ivory); text-decoration: none; font-family: var(--serif); font-size: 13px; border-bottom: 1px solid rgba(255,255,255,.05); }
.nav-dropdown a:last-child { border: 0; }
.nav-dropdown a:hover { color: var(--gold-light); background: rgba(211,174,104,.06); }
.nav-dropdown small { display: block; margin-bottom: 1px; color: #776d79; font: 500 8px/1.3 var(--sans); text-transform: uppercase; letter-spacing: .18em; }
.nav-toggle { display: none; width: 42px; height: 42px; padding: 10px; border: 1px solid var(--line); background: transparent; }
.nav-toggle span { display: block; width: 100%; height: 1px; margin: 6px 0; background: var(--gold-light); transition: transform .2s ease; }

.site-main { min-height: 80vh; }
.content-shell { width: var(--shell); margin-inline: auto; }
.kicker, .eyebrow { margin: 0 0 15px; color: var(--gold); font-size: 10px; font-weight: 600; letter-spacing: .32em; text-transform: uppercase; }
h1, h2, h3 { font-family: var(--serif); font-weight: 400; }
.portal-hero { position: relative; min-height: 100svh; display: flex; align-items: center; isolation: isolate; overflow: hidden; background: url('../assets/backgrounds/bg-2.png') center/cover no-repeat; }
.portal-hero::before { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(3,2,7,.9) 0%, rgba(3,2,7,.62) 38%, rgba(3,2,7,.18) 63%, rgba(3,2,7,.45) 100%), linear-gradient(180deg, rgba(3,2,7,.25), rgba(3,2,7,.2) 66%, var(--ink)); }
.portal-hero__mist { position: absolute; inset: auto -15% -20% 20%; z-index: -1; height: 55%; background: radial-gradient(ellipse, rgba(100,48,159,.17), transparent 65%); filter: blur(40px); }
.portal-hero__content { width: var(--shell); margin: 65px auto 0; }
.portal-hero h1 { max-width: 780px; margin: 0; font-size: clamp(52px, 7vw, 104px); line-height: .98; letter-spacing: -.025em; text-transform: uppercase; text-shadow: 0 10px 70px #000; }
.portal-hero h1 em { color: var(--gold-light); font-style: normal; font-size: .7em; letter-spacing: .07em; }
.hero-lead { max-width: 590px; margin: 28px 0 0; color: #c6bdc7; font-size: clamp(16px, 1.4vw, 19px); line-height: 1.8; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px; }
.button, .btn { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 22px; border: 1px solid var(--line); border-radius: 0; color: var(--ivory); background: rgba(255,255,255,.035); text-decoration: none; text-transform: uppercase; letter-spacing: .14em; font-size: 10px; font-weight: 600; transition: transform .2s ease, color .2s ease, border-color .2s ease, background .2s ease; }
.button:hover, .btn:hover { transform: translateY(-2px); border-color: var(--gold); color: #fff; }
.button--gold, .btn.primary { color: #130c05; border-color: var(--gold); background: linear-gradient(135deg, #9e7737, #e1c17d); box-shadow: 0 12px 40px rgba(166,116,45,.18); }
.button--quiet, .btn.ghost { backdrop-filter: blur(10px); }
.scroll-cue { position: absolute; left: 50%; bottom: 28px; display: grid; justify-items: center; gap: 7px; color: #746b77; text-decoration: none; text-transform: uppercase; letter-spacing: .24em; font-size: 8px; transform: translateX(-50%); }
.scroll-cue span { display: block; width: 1px; height: 34px; background: linear-gradient(var(--gold), transparent); }

.world-intro { padding: 120px 0 140px; }
.section-heading { max-width: 700px; margin-bottom: 48px; }
.section-heading--center { margin-inline: auto; text-align: center; }
.section-heading h2, .soulbook-manifesto h2, .final-portal h2, .page-hero h1 { margin: 0; font-size: clamp(34px, 4.5vw, 62px); line-height: 1.1; text-transform: uppercase; letter-spacing: .025em; }
.section-heading p:last-child { max-width: 610px; margin: 20px auto 0; color: var(--muted); }
.world-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: rgba(222,188,119,.15); border: 1px solid rgba(222,188,119,.15); }
.world-card { position: relative; min-height: 330px; display: flex; flex-direction: column; justify-content: space-between; padding: 24px 26px 28px; overflow: hidden; isolation: isolate; color: var(--ivory); background: #0a0710 center/cover; text-decoration: none; }
.world-card::before { content: ''; position: absolute; inset: 0; z-index: -2; opacity: .3; filter: saturate(.65); transform: scale(1.03); transition: opacity .45s ease, transform .7s ease, filter .45s ease; }
.world-card::after { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(5,3,10,.32), rgba(5,3,10,.7) 56%, rgba(5,3,10,.98)); transition: background .4s ease; }
.world-card:hover::before { opacity: .68; filter: saturate(1); transform: scale(1.08); }
.world-card:hover::after { background: linear-gradient(180deg, rgba(5,3,10,.14), rgba(5,3,10,.5) 55%, rgba(5,3,10,.96)); }
.world-card--books::before { background: url('../assets/books/edda-de.png') center 25%/cover; }
.world-card--audio::before { background: url('../assets/albums/wege-durch-die-dunkelheit.jpg') center/cover; }
.world-card--comics::before { background: url('../assets/backgrounds/bg-3.png') center/cover; }
.world-card--anime::before { background: url('../assets/anime/fenrir_edda_anime.webp') center/cover; }
.world-card--games::before { background: url('../assets/games/fenrirs_ragnarok_cardgame.jpg') center/cover; }
.world-card--lore::before { background: url('../assets/realms/asgard.webp') center/cover; }
.world-card__number { align-self: flex-end; color: rgba(255,255,255,.35); font: 400 9px/1 var(--sans); letter-spacing: .2em; }
.world-card__icon { color: var(--gold-light); font: 400 34px/1 var(--serif); text-shadow: 0 0 28px rgba(187,114,239,.8); }
.world-card p { margin: 0 0 3px; color: #9c919e; font-size: 9px; font-weight: 500; letter-spacing: .22em; text-transform: uppercase; }
.world-card h3 { margin: 0 0 17px; font-size: 27px; text-transform: uppercase; letter-spacing: .06em; }
.world-card__link { color: var(--gold); font-size: 9px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; opacity: .75; }

.soulbook-manifesto { min-height: 720px; display: grid; grid-template-columns: 1.15fr .85fr; align-items: stretch; background: #08050d; border-block: 1px solid rgba(255,255,255,.05); }
.soulbook-manifesto__visual { min-height: 620px; background: linear-gradient(90deg, transparent 65%, #08050d), linear-gradient(0deg, rgba(5,3,10,.45), transparent), url('../assets/backgrounds/bg-4.png') center/cover; }
.soulbook-manifesto__copy { align-self: center; max-width: 570px; padding: 80px 9vw 80px 40px; }
.soulbook-mark { width: min(390px, 100%); margin: 2px 0 28px; filter: drop-shadow(0 0 26px rgba(142,60,199,.22)); }
.soulbook-manifesto h2 { font-size: clamp(36px, 4.2vw, 64px); }
.soulbook-manifesto__copy > p:not(.kicker) { margin: 27px 0; color: var(--muted); }
.text-arrow { display: inline-flex; gap: 22px; color: var(--gold-light); text-decoration: none; text-transform: uppercase; letter-spacing: .17em; font-size: 10px; font-weight: 600; }
.text-arrow span { transition: transform .2s ease; }
.text-arrow:hover span { transform: translateX(6px); }

.featured { padding: 130px 0; }
.feature-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.feature-tile { position: relative; min-height: 480px; overflow: hidden; isolation: isolate; background: #0b0711; text-decoration: none; }
.feature-tile img { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; filter: saturate(.75); transition: transform .7s ease, filter .4s ease; }
.feature-tile__shade { position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, transparent 20%, rgba(5,3,10,.25) 45%, rgba(5,3,10,.97)); }
.feature-tile > div { position: absolute; inset: auto 28px 28px; }
.feature-tile p { margin: 0; color: var(--gold); font-size: 9px; font-weight: 600; letter-spacing: .22em; text-transform: uppercase; }
.feature-tile h3 { margin: 5px 0 13px; font-size: 25px; line-height: 1.25; }
.feature-tile div span { color: #a59ba8; font-size: 9px; font-weight: 600; letter-spacing: .13em; text-transform: uppercase; }
.feature-tile:hover img { transform: scale(1.06); filter: saturate(1.05); }

.community-callout {
  position: relative;
  padding: 125px 0 135px;
  overflow: hidden;
  border-block: 1px solid rgba(211,174,104,.13);
  background:
    radial-gradient(circle at 12% 18%, rgba(138,57,201,.17), transparent 32%),
    radial-gradient(circle at 88% 78%, rgba(211,174,104,.1), transparent 28%),
    #08050d;
}
.community-callout::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .25;
  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: 70px 70px;
  mask-image: linear-gradient(to bottom, transparent, #000 18%, #000 82%, transparent);
}
.community-callout .content-shell { position: relative; }
.community-callout__heading { margin-bottom: 45px; }
.community-callout__heading h2 { max-width: 900px; }
.community-callout__layout {
  display: grid;
  grid-template-columns: minmax(0,1.48fr) minmax(300px,.72fr);
  gap: 18px;
}
.community-join,
.community-support {
  position: relative;
  min-width: 0;
  padding: clamp(30px,4.5vw,60px);
  border: 1px solid rgba(211,174,104,.2);
  background: linear-gradient(145deg, rgba(25,13,34,.94), rgba(8,5,13,.98));
}
.community-join { overflow: hidden; }
.community-join::after {
  content: '';
  position: absolute;
  top: -110px;
  right: -90px;
  width: 340px;
  height: 340px;
  border: 1px solid rgba(211,174,104,.11);
  border-radius: 50%;
  box-shadow: 0 0 0 38px rgba(138,57,201,.025), 0 0 0 76px rgba(211,174,104,.018);
}
.community-join__mark {
  position: absolute;
  top: 26px;
  right: 34px;
  color: rgba(240,214,156,.32);
  font: 400 54px/1 var(--serif);
}
.community-join h3,
.community-support h3 {
  position: relative;
  margin: 0;
  font-size: clamp(30px,3.5vw,48px);
  line-height: 1.15;
  text-wrap: balance;
}
.community-join > p:not(.kicker),
.community-support > p:not(.kicker) {
  position: relative;
  max-width: 750px;
  margin: 23px 0 0;
  color: #bdb3c0;
  font-size: 14px;
  line-height: 1.8;
}
.community-benefits {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 1px;
  margin: 34px 0 0;
  padding: 1px;
  list-style: none;
  background: rgba(211,174,104,.13);
}
.community-benefits li {
  min-height: 102px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
  padding: 18px;
  background: rgba(8,5,13,.94);
}
.community-benefits span {
  color: var(--gold);
  font-size: 8px;
  font-weight: 600;
  letter-spacing: .18em;
}
.community-benefits strong {
  color: #ddd3df;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.45;
}
.community-join .hero-actions { position: relative; }
.community-support {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(8,5,13,.38), rgba(8,5,13,.96)),
    radial-gradient(circle at 70% 12%, rgba(52,113,194,.26), transparent 44%),
    #0c0912;
}
.community-support::before {
  content: '';
  position: absolute;
  inset: 0;
  border: 1px solid transparent;
  box-shadow: inset 0 0 70px rgba(72,126,198,.08);
  pointer-events: none;
}
.community-support__symbol {
  width: 66px;
  height: 66px;
  display: grid;
  place-items: center;
  margin-bottom: 45px;
  color: #fff;
  border: 1px solid rgba(111,167,238,.45);
  border-radius: 50%;
  background: linear-gradient(145deg, #153c72, #2783c5);
  box-shadow: 0 18px 45px rgba(25,102,171,.25);
  font: 600 31px/1 var(--serif);
}
.community-support h3 { font-size: clamp(28px,2.8vw,39px); }
.community-support__button {
  width: 100%;
  justify-content: space-between;
  margin-top: 28px;
  color: #fff;
  border-color: rgba(102,165,232,.55);
  background: linear-gradient(135deg, #153f7b, #1d8ac7);
  box-shadow: 0 12px 35px rgba(18,104,172,.2);
}
.community-support__button:hover { border-color: #8bc7f5; }
.community-support > small {
  margin-top: 13px;
  color: #77707d;
  font-size: 9px;
  letter-spacing: .06em;
}
.community-stats {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 1px;
  margin-top: 18px;
  padding: 1px;
  background: rgba(211,174,104,.16);
}
.community-stats article {
  position: relative;
  min-height: 210px;
  padding: 32px;
  overflow: hidden;
  background: rgba(7,4,11,.96);
}
.community-stats__icon {
  position: absolute;
  top: 31px;
  right: 31px;
  color: rgba(211,174,104,.32);
  font: 400 25px/1 var(--serif);
}
.community-stats strong {
  display: block;
  color: var(--gold-light);
  font: 400 clamp(48px,5vw,72px)/1 var(--serif);
  letter-spacing: -.04em;
}
.community-stats p {
  margin: 18px 0 2px;
  color: var(--ivory);
  font: 400 16px/1.3 var(--serif);
  letter-spacing: .04em;
}
.community-stats small {
  color: #837987;
  font-size: 10px;
}

.final-portal { min-height: 620px; display: grid; place-items: center; padding: 90px 24px; text-align: center; background: linear-gradient(180deg, var(--ink), transparent 20%, rgba(5,3,10,.7)), linear-gradient(90deg, rgba(5,3,10,.8), rgba(5,3,10,.24), rgba(5,3,10,.8)), url('../assets/backgrounds/bg-1.png') center/cover; }
.final-portal > div { max-width: 800px; }
.final-portal .hero-actions { justify-content: center; }

.footer { display: flex; justify-content: space-between; gap: 40px; width: var(--shell); margin: 0 auto; padding: 42px 0; border-top: 1px solid var(--line-soft); color: #716875; }
.footer strong { display: block; color: var(--gold-light); font: 500 14px/1.3 var(--serif); letter-spacing: .16em; text-transform: uppercase; }
.footer span { display: block; margin-top: 7px; font-size: 10px; letter-spacing: .08em; }
.footer nav { display: flex; flex-wrap: wrap; align-items: center; gap: 20px; }
.footer a { color: #8c828f; text-decoration: none; font-size: 9px; letter-spacing: .12em; text-transform: uppercase; }
.footer a:hover { color: var(--gold-light); }

/* Innenseiten */
.page-hero { position: relative; min-height: 510px; display: flex; align-items: flex-end; padding: 150px max(24px, calc((100vw - 1180px)/2)) 70px; overflow: hidden; isolation: isolate; background: #09060e center/cover; }
.page-hero::after { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(5,3,10,.94), rgba(5,3,10,.48) 58%, rgba(5,3,10,.2)), linear-gradient(0deg, var(--ink), transparent 70%); }
.page-hero--books { background-image: url('../assets/backgrounds/bg-4.png'); }
.page-hero--audio { background-image: url('../assets/backgrounds/bg-3.png'); }
.page-hero--comics { background-image: url('../assets/backgrounds/bg-1.png'); }
.page-hero--anime { background-image: url('../assets/anime/fenrir_edda_anime.webp'); }
.page-hero--games { background-image: url('../assets/games/fenrirs_ragnarok_cardgame.jpg'); background-position: center 25%; }
.page-hero > div { max-width: 700px; }
.page-hero p:last-child { max-width: 610px; color: #b7adb9; }
.catalog { width: var(--shell); margin: 0 auto; padding: 90px 0 130px; }
.catalog-head { display: flex; justify-content: space-between; align-items: end; gap: 30px; margin-bottom: 36px; }
.catalog-head h2 { margin: 0; font-size: clamp(28px, 3vw, 42px); text-transform: uppercase; }
.catalog-head p { max-width: 500px; margin: 0; color: var(--muted); font-size: 13px; }
.catalog-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 34px 20px; }
.media-card { background: rgba(255,255,255,.018); border-bottom: 1px solid var(--line); }
.media-card__image { position: relative; display: block; overflow: hidden; aspect-ratio: 4/3; background: #100a15; }
.media-card--portrait .media-card__image { aspect-ratio: 2/3; }
.media-card__image img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.82); transition: transform .55s ease, filter .4s ease; }
.media-card:hover .media-card__image img { transform: scale(1.035); filter: saturate(1); }
.media-card__body { padding: 22px 4px 26px; }
.media-card__meta, .badge, .tag { display: inline-block; margin-bottom: 9px; color: var(--gold); font-size: 9px; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; }
.media-card h3 { margin: 0 0 9px; font-size: 21px; }
.media-card p { margin: 0 0 18px; color: #978e9a; font-size: 13px; line-height: 1.65; }
.media-card__links { display: flex; flex-wrap: wrap; gap: 14px; }
.media-card__links a { color: var(--gold-light); text-decoration: none; font-size: 9px; font-weight: 600; letter-spacing: .13em; text-transform: uppercase; }
.track-list { display: grid; gap: 1px; margin-top: 18px; background: rgba(255,255,255,.06); }
.track { display: grid; grid-template-columns: 34px 1fr auto; gap: 12px; align-items: center; padding: 10px 0; background: var(--ink); color: #a99fab; font-size: 11px; }
.track img { width: 34px; height: 34px; object-fit: cover; }
.track strong { color: #ddd4df; font-weight: 400; }
.empty-state { grid-column: 1/-1; padding: 45px; border: 1px solid var(--line); color: var(--muted); text-align: center; }

/* Kompatibilität für Detail-, Such- und Formularseiten */
.section, .panel { width: var(--shell); margin: 0 auto; padding: 140px 0 90px; }
.section-head { margin-bottom: 32px; }
.section h1, .panel h1 { font-size: clamp(38px,5vw,68px); text-transform: uppercase; }
.section h2 { font-size: clamp(28px,3.5vw,48px); }
.glass, .glass-block, .feature-card, .album-card, .book-card, .team-card, .partner-card, .news-card, .mini-card { background: rgba(13,8,18,.82); border: 1px solid var(--line); }
.glass-block { padding: 30px; }
.feature-grid, .cover-grid, .book-grid, .team-grid, .news-grid, .cards-strip, .grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(230px,1fr)); gap: 20px; }
.feature-card, .album-card, .book-card, .team-card, .partner-card, .mini-card, .card { overflow: hidden; background: rgba(13,8,18,.82); border: 1px solid var(--line); }
.feature-card img, .album-card img, .team-card img, .partner-card img, .card img { display: block; width: 100%; aspect-ratio: 4/3; object-fit: cover; }
.book-card img { display: block; width: 100%; aspect-ratio: 2/3; object-fit: cover; }
.card-info, .card-body { padding: 20px; }
.card-info h3, .card-body h3 { color: var(--gold-light); }
.card-info p, .card-body p { color: var(--muted); font-size: 13px; }
.detail-hero { display: grid; grid-template-columns: 1fr 380px; gap: 45px; }
.detail-hero aside img { width: 100%; }
.form { max-width: 700px; }
label { display: block; margin-top: 14px; color: var(--muted); font-size: 12px; }
input, textarea, select { width: 100%; padding: 13px; color: var(--ivory); background: #0a0710; border: 1px solid var(--line); }

.reveal { opacity: 0; transform: translateY(18px); transition: opacity .8s ease, transform .8s ease; }
.reveal.is-visible { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; } .reveal { opacity: 1; transform: none; } }

@media (max-width: 980px) {
  :root { --shell: min(100% - 32px, 760px); }
  .topbar { height: 70px; }
  .nav-toggle { display: block; }
  .nav { position: absolute; inset: 70px 0 auto; display: none; align-items: stretch; padding: 18px 24px 28px; background: rgba(5,3,10,.98); border-bottom: 1px solid var(--line); }
  .topbar.open .nav { display: flex; flex-direction: column; }
  .nav > a, .nav-group__trigger { width: 100%; padding: 13px 0; text-align: left; border-bottom: 1px solid rgba(255,255,255,.06); }
  .nav-dropdown { position: static; display: none; width: 100%; padding: 2px 0 10px 15px; opacity: 1; visibility: visible; transform: none; background: transparent; border: 0; box-shadow: none; }
  .nav-group.open .nav-dropdown { display: block; transform: none; }
  .nav-group:hover .nav-dropdown { display: none; }
  .nav-group.open:hover .nav-dropdown { display: block; }
  .world-grid, .catalog-grid { grid-template-columns: repeat(2, 1fr); }
  .feature-row { grid-template-columns: 1fr 1fr; }
  .soulbook-manifesto { grid-template-columns: 1fr; }
  .soulbook-manifesto__visual { min-height: 500px; background: linear-gradient(0deg, #08050d, transparent 35%), url('../assets/backgrounds/bg-4.png') center/cover; }
  .soulbook-manifesto__copy { max-width: 760px; padding: 40px 32px 90px; }
  .detail-hero { grid-template-columns: 1fr; }
  .detail-hero aside { max-width: 400px; }
}

@media (max-width: 620px) {
  :root { --shell: calc(100% - 28px); }
  .brand__word { font-size: 13px; }
  .portal-hero { min-height: 810px; background-position: 57% center; }
  .portal-hero::before { background: linear-gradient(180deg, rgba(3,2,7,.55), rgba(3,2,7,.5) 35%, rgba(3,2,7,.92) 76%, var(--ink)); }
  .portal-hero__content { align-self: flex-end; margin-bottom: 100px; }
  .portal-hero h1 { font-size: clamp(42px, 14vw, 65px); }
  .hero-lead { font-size: 14px; line-height: 1.7; }
  .world-intro { padding: 90px 0; }
  .world-grid, .catalog-grid, .feature-row { grid-template-columns: 1fr; }
  .world-card { min-height: 280px; }
  .soulbook-manifesto__visual { min-height: 370px; }
  .featured { padding: 90px 0; }
  .feature-tile { min-height: 420px; }
  .final-portal { min-height: 540px; }
  .footer { flex-direction: column; }
  .footer nav { gap: 14px; }
  .page-hero { min-height: 470px; padding-bottom: 50px; }
  .catalog { padding: 70px 0 90px; }
  .catalog-head { display: block; }
  .catalog-head p { margin-top: 12px; }
}

/* Live catalogs, B2B and wiki */
.catalog--secondary { padding-top: 0; border-top: 1px solid rgba(211,174,104,.14); }
.catalog-ribbon { position: absolute; right: 12px; bottom: 12px; z-index: 2; padding: 7px 10px; background: rgba(5,3,10,.9); border: 1px solid var(--gold); color: var(--gold-light); font-size: 9px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.b2b-brand { position: absolute; left: 12px; bottom: 12px; z-index: 2; width: 82px; height: 42px; background-color: rgba(5,3,10,.86); background-repeat: no-repeat; background-position: center; background-size: contain; border: 1px solid rgba(211,174,104,.45); }
.partner-credit { color: var(--gold-light) !important; font-size: 11px !important; }
.creator-line { color: var(--gold-light); }
.detail-cover { position: relative; padding: 12px; }
.detail-cover > img:first-child { width: 100%; border-radius: 12px; display: block; }
.detail-cover .detail-brand { position: absolute; right: 24px; bottom: 24px; left: auto; width: 110px; max-height: 60px; padding: 8px; object-fit: contain; background: rgba(5,3,10,.9); border: 1px solid var(--gold); border-radius: 0; }
.page-hero--b2b { background: linear-gradient(90deg,rgba(4,2,8,.94),rgba(4,2,8,.44)),url('../assets/backgrounds/bg-3.png') center/cover; }
.b2b-process { padding-top: 100px; padding-bottom: 100px; }
.process-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
.process-grid article { padding: 28px; background: rgba(13,8,18,.82); border: 1px solid var(--line); }
.process-grid span { color: var(--gold); font: 500 32px/1 var(--serif); }
.process-grid h3 { margin: 20px 0 8px; color: var(--gold-light); }
.process-grid p { color: var(--muted); font-size: 13px; line-height: 1.7; }
.wiki-category-grid { display: grid; grid-template-columns: repeat(5,1fr); gap: 12px; margin-top: 38px; }
.wiki-category-grid a { min-height: 230px; padding: 24px; display: flex; flex-direction: column; justify-content: flex-end; color: var(--ivory); text-decoration: none; background: linear-gradient(160deg,rgba(141,73,199,.18),rgba(13,8,18,.94)); border: 1px solid var(--line); transition: transform .25s ease,border-color .25s ease; }
.wiki-category-grid a:hover { transform: translateY(-5px); border-color: var(--gold); }
.wiki-category-grid span { margin-bottom: auto; color: var(--gold); font-size: 11px; letter-spacing: .18em; }
.wiki-category-grid h2 { margin: 0 0 8px; font-size: 24px; }
.wiki-category-grid p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.5; }
.wiki-media-card img { aspect-ratio: 2/3; }

/* Team portraits stay completely visible instead of being enlarged and cropped. */
.team-grid { grid-template-columns: repeat(auto-fit,minmax(250px,320px)); justify-content: center; }
.team-card__portrait { height: 330px; display: grid; place-items: center; overflow: hidden; background: radial-gradient(circle at 50% 30%,rgba(141,73,199,.2),rgba(6,3,9,.95)); }
.team-card__portrait img { width: 100%; height: 100%; object-fit: contain; object-position: center bottom; }

@media (max-width: 1100px) { .wiki-category-grid { grid-template-columns: repeat(3,1fr); } }
@media (max-width: 760px) { .process-grid,.wiki-category-grid { grid-template-columns: 1fr; } .wiki-category-grid a { min-height: 180px; } }

/* IndigoTales™ Studio offer page */
.b2b-offer { padding-top: 110px; }
.section-heading--center { max-width: 780px; margin: 0 auto 52px; text-align: center; }
.section-heading--center > p:last-child { color: var(--muted); line-height: 1.75; }
.pricing-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; align-items: stretch; }
.pricing-card { position: relative; display: flex; flex-direction: column; min-height: 660px; padding: 34px 30px 30px; overflow: hidden; background: linear-gradient(155deg,rgba(24,15,31,.96),rgba(7,4,10,.98)); border: 1px solid rgba(211,174,104,.24); box-shadow: 0 24px 70px rgba(0,0,0,.32); }
.pricing-card::before { content: ''; position: absolute; inset: 0 0 auto; height: 4px; background: var(--tier-color,var(--gold)); }
.pricing-card--bronze { --tier-color:#b97843; }
.pricing-card--silber { --tier-color:#c8ced8; }
.pricing-card--gold { --tier-color:#e8bd58; }
.pricing-card--featured { transform: translateY(-16px); border-color: rgba(211,174,104,.64); box-shadow: 0 32px 100px rgba(124,67,178,.2); }
.pricing-card__recommendation { position: absolute; top: 18px; right: -34px; width: 145px; padding: 7px; text-align: center; transform: rotate(40deg); background: var(--gold); color: #100a05; font-size: 8px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.pricing-card__medal { font-size: 34px; }
.pricing-card__tier { margin: 18px 0 5px; color: var(--tier-color); font-size: 10px; font-weight: 700; letter-spacing: .24em; text-transform: uppercase; }
.pricing-card h3 { margin: 0; font-size: 27px; }
.pricing-card__price { display: block; min-height: 60px; margin: 22px 0; color: var(--ivory); font: 500 clamp(25px,2.5vw,36px)/1.2 var(--serif); }
.pricing-card ul { display: grid; gap: 12px; margin: 0 0 30px; padding: 22px 0 0; border-top: 1px solid rgba(255,255,255,.08); list-style: none; }
.pricing-card li { position: relative; padding-left: 22px; color: #b8aebb; font-size: 12px; line-height: 1.5; }
.pricing-card li::before { content: '✓'; position: absolute; left: 0; color: var(--tier-color); }
.pricing-card .button { width: 100%; margin-top: auto; }
.comparison-section { padding-top: 70px; }
.comparison-wrap { overflow-x: auto; border: 1px solid var(--line); background: rgba(11,7,15,.88); }
.package-comparison { width: 100%; min-width: 700px; border-collapse: collapse; }
.package-comparison th,.package-comparison td { padding: 18px 20px; border-bottom: 1px solid rgba(255,255,255,.07); text-align: center; }
.package-comparison thead th { color: var(--gold-light); background: rgba(211,174,104,.07); font-size: 10px; letter-spacing: .16em; text-transform: uppercase; }
.package-comparison th:first-child { width: 52%; text-align: left; }
.package-comparison tbody th { color: #b8aebb; font-size: 12px; font-weight: 400; }
.package-comparison .included { color: #e9c56f; font-size: 18px; }
.package-comparison .not-included { color: #514954; }
.rights-section { padding-top: 70px; }
.rights-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 20px; }
.rights-card,.revenue-card { padding: clamp(30px,5vw,60px); background: linear-gradient(140deg,rgba(27,15,38,.9),rgba(8,5,12,.96)); border: 1px solid var(--line); }
.rights-card p:last-child,.revenue-card p:last-child { color: var(--muted); line-height: 1.8; }
.revenue-split { display: grid; grid-template-columns: 3fr 7fr; gap: 8px; margin: 32px 0 20px; }
.revenue-split div { min-height: 130px; display: flex; flex-direction: column; justify-content: center; padding: 20px; background: rgba(211,174,104,.09); border: 1px solid rgba(211,174,104,.25); }
.revenue-split strong { color: var(--gold-light); font: 500 34px/1 var(--serif); }
.revenue-split span { margin-top: 8px; color: var(--muted); font-size: 10px; letter-spacing: .15em; text-transform: uppercase; }
.internal-share { margin-bottom: 0; font-size: 11px; }
.project-timeline { display: grid; grid-template-columns: repeat(7,1fr); margin: 40px 0 0; padding: 0; list-style: none; }
.project-timeline li { position: relative; min-height: 150px; padding: 0 14px; text-align: center; }
.project-timeline li::after { content: '→'; position: absolute; top: 20px; right: -8px; color: rgba(211,174,104,.5); }
.project-timeline li:last-child::after { display: none; }
.project-timeline span { width: 48px; height: 48px; margin: 0 auto 18px; display: grid; place-items: center; color: var(--gold-light); border: 1px solid var(--gold); border-radius: 50%; background: #0c0711; font: 500 15px/1 var(--serif); }
.project-timeline strong { color: #c6bdc8; font-size: 11px; font-weight: 500; line-height: 1.5; }
.speaker-section { padding-top: 70px; }
.speaker-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(190px,1fr)); gap: 14px; }
.speaker-card { display: flex; align-items: center; gap: 15px; min-height: 100px; padding: 14px; background: rgba(13,8,18,.82); border: 1px solid var(--line); }
.speaker-card img,.speaker-card__initial { flex: 0 0 70px; width: 70px; height: 70px; object-fit: contain; object-position: center bottom; background: radial-gradient(circle,#39204a,#0a0710); }
.speaker-card__initial { display: grid; place-items: center; color: var(--gold-light); font: 500 27px/1 var(--serif); }
.speaker-card h3 { margin: 0 0 5px; color: var(--gold-light); font-size: 17px; }
.speaker-card p { margin: 0; color: var(--muted); font-size: 11px; }
.request-section { padding-top: 80px; padding-bottom: 140px; }
.request-layout { display: grid; grid-template-columns: .85fr 1.15fr; gap: clamp(35px,7vw,100px); align-items: start; }
.request-copy { position: sticky; top: 115px; }
.request-copy > p { color: var(--muted); line-height: 1.8; }
.request-trust { display: grid; gap: 10px; margin-top: 30px; color: var(--gold-light); font-size: 11px; }
.b2b-request-form { padding: clamp(24px,4vw,45px); background: linear-gradient(155deg,rgba(24,15,31,.96),rgba(7,4,10,.98)); border: 1px solid var(--line); box-shadow: 0 30px 90px rgba(0,0,0,.4); }
.b2b-request-form label { color: #c5bbc7; letter-spacing: .04em; }
.b2b-request-form input,.b2b-request-form textarea { margin-top: 8px; }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.upload-field { padding: 18px; border: 1px dashed rgba(211,174,104,.45); background: rgba(211,174,104,.04); }
.upload-field small { display: block; margin-top: 8px; color: var(--muted); }
.b2b-request-form fieldset { margin: 24px 0; padding: 0; border: 0; }
.b2b-request-form legend { margin-bottom: 12px; color: var(--gold-light); font-size: 12px; }
.package-radios { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; }
.package-radios label { position: relative; margin: 0; cursor: pointer; }
.package-radios input { position: absolute; opacity: 0; pointer-events: none; }
.package-radios span { min-height: 82px; display: flex; flex-direction: column; justify-content: center; padding: 12px; color: var(--ivory); text-align: center; background: #0a0710; border: 1px solid var(--line); }
.package-radios small { margin-top: 5px; color: var(--muted); }
.package-radios input:checked + span { color: var(--gold-light); border-color: var(--gold); box-shadow: inset 0 0 25px rgba(211,174,104,.1); }
.b2b-request-form > .button { width: 100%; }
.form-success,.form-error { display: grid; gap: 4px; margin-bottom: 20px; padding: 16px; }
.form-success { color: #d9f1df; background: rgba(53,128,75,.18); border: 1px solid rgba(91,178,117,.45); }
.form-error { color: #ffd7d7; background: rgba(150,49,49,.17); border: 1px solid rgba(208,91,91,.45); }

@media(max-width:1000px){.pricing-grid{grid-template-columns:1fr}.pricing-card{min-height:auto}.pricing-card--featured{transform:none}.rights-grid,.request-layout{grid-template-columns:1fr}.request-copy{position:static}.project-timeline{grid-template-columns:repeat(4,1fr);row-gap:30px}.project-timeline li:nth-child(4)::after{display:none}}
@media(max-width:620px){.form-row,.package-radios{grid-template-columns:1fr}.project-timeline{grid-template-columns:1fr}.project-timeline li{min-height:100px}.project-timeline li::after{content:'↓';top:auto;right:50%;bottom:5px}.revenue-split{grid-template-columns:1fr}.pricing-card{padding:28px 22px}.b2b-request-form{padding:22px}}

/* Profil und geschuetzte Audioablage */
.sr-only { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
.profile-shell { max-width: 1380px; margin: 0 auto; padding-top: 120px; }
.profile-hero { display:flex; align-items:flex-end; justify-content:space-between; gap:36px; padding:clamp(28px,5vw,56px); background:linear-gradient(135deg,rgba(29,15,41,.96),rgba(7,4,11,.96)); }
.profile-hero h1 { margin:.1em 0; font-size:clamp(42px,7vw,78px); }
.profile-mail { color:var(--muted); }
.profile-badges,.profile-actions { display:flex; flex-wrap:wrap; gap:10px; }
.profile-actions { max-width:610px; justify-content:flex-end; }
.audio-vault { padding-top:76px; scroll-margin-top:100px; }
.audio-vault__intro { display:grid; grid-template-columns:1fr minmax(280px,560px); gap:30px; align-items:end; margin-bottom:28px; }
.audio-vault__intro h2 { margin:.1em 0; font-size:clamp(32px,5vw,58px); }
.audio-vault__intro > p { margin:0; color:var(--muted); line-height:1.8; }
.audio-vault__layout { display:grid; grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr); gap:20px; align-items:start; }
.audio-upload-card { position:sticky; top:110px; display:grid; gap:16px; padding:30px; }
.audio-upload-card__icon { width:58px; height:58px; display:grid; place-items:center; color:#120b05; background:linear-gradient(145deg,var(--gold-light),var(--gold)); border-radius:50%; font-size:26px; box-shadow:0 0 40px rgba(211,174,104,.2); }
.audio-upload-card h3,.audio-library-panel h3 { margin:0; font-size:25px; }
.audio-upload-card label { display:grid; gap:8px; color:var(--gold-light); font-size:11px; letter-spacing:.1em; text-transform:uppercase; }
.audio-upload-card input,.audio-title-form input { width:100%; padding:13px 14px; color:var(--ivory); background:#08050c; border:1px solid rgba(211,174,104,.26); }
.audio-upload-card input:focus,.audio-title-form input:focus { outline:2px solid rgba(211,174,104,.38); outline-offset:2px; border-color:var(--gold); }
.audio-file-input { border-style:dashed!important; }
.audio-upload-card small { color:var(--muted); line-height:1.5; }
.audio-upload-status { min-height:20px; margin:0; color:var(--muted); font-size:11px; line-height:1.5; }
.audio-upload-status.is-error { color:#ffb1b1; }
.audio-upload-status.is-active { color:var(--gold-light); }
.audio-upload-card button[disabled] { cursor:wait; opacity:.72; }
.audio-library-panel { padding:0; overflow:hidden; }
.audio-library-panel__head { display:flex; justify-content:space-between; gap:20px; align-items:center; padding:26px 28px; border-bottom:1px solid var(--line); }
.audio-library-panel__privacy { padding:7px 11px; color:#b9e8c4; background:rgba(64,151,86,.12); border:1px solid rgba(95,183,116,.3); font-size:9px; letter-spacing:.15em; text-transform:uppercase; }
.audio-empty { min-height:260px; display:grid; place-content:center; text-align:center; padding:30px; }
.audio-empty strong { font:500 24px/1.3 var(--serif); color:var(--gold-light); }
.audio-empty p { max-width:430px; color:var(--muted); line-height:1.7; }
.audio-file-list { display:grid; }
.audio-file-row { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:16px; align-items:center; padding:20px 24px; border-bottom:1px solid rgba(255,255,255,.07); }
.audio-file-row:last-child { border-bottom:0; }
.audio-file-row__mark { width:44px; height:44px; display:grid; place-items:center; color:var(--gold-light); border:1px solid var(--line); background:rgba(211,174,104,.06); border-radius:50%; }
.audio-title-form { display:flex; gap:8px; align-items:center; }
.audio-title-form label { flex:1; }
.audio-title-form button,.audio-delete { padding:10px 12px; color:var(--gold-light); background:transparent; border:1px solid var(--line); cursor:pointer; }
.audio-file-row__content p { margin:7px 0 0; color:var(--muted); font-size:10px; overflow-wrap:anywhere; }
.audio-file-player { width:100%; min-width:220px; height:38px; margin-top:12px; accent-color:var(--gold); }
.audio-file-row__actions { display:flex; align-items:center; gap:8px; }
.audio-file-row__actions .btn { min-height:40px; padding:0 13px; }
.audio-delete { color:#ffb1b1; border-color:rgba(208,91,91,.35); }
.profile-notice { margin:0 0 20px; padding:14px 18px; border:1px solid; }
.profile-notice--success { color:#d8f2df; background:rgba(53,128,75,.18); border-color:rgba(91,178,117,.45); }
.profile-notice--error { color:#ffd7d7; background:rgba(150,49,49,.17); border-color:rgba(208,91,91,.45); }
.profile-game { display:flex; align-items:center; justify-content:space-between; gap:30px; margin-top:24px; }
.profile-game h2 { margin:.1em 0; }
.profile-game > p { display:flex; gap:15px; align-items:baseline; }
.profile-game strong { color:var(--gold-light); font:500 24px/1 var(--serif); }
.profile-game span { color:var(--muted); }

@media(max-width:980px){
  .profile-hero,.audio-vault__intro { display:grid; grid-template-columns:1fr; align-items:start; }
  .profile-actions { justify-content:flex-start; }
  .audio-vault__layout { grid-template-columns:1fr; }
  .audio-upload-card { position:static; }
  .audio-file-row { grid-template-columns:auto minmax(0,1fr); }
  .audio-file-row__actions { grid-column:2; }
}
@media(max-width:620px){
  .profile-shell { padding-top:90px; }
  .profile-hero,.audio-upload-card,.audio-library-panel__head { padding:22px; }
  .profile-actions .btn { width:100%; }
  .audio-file-row { grid-template-columns:1fr; padding:18px; }
  .audio-file-row__mark { display:none; }
  .audio-file-row__actions { grid-column:1; flex-wrap:wrap; }
  .audio-title-form { align-items:stretch; flex-direction:column; }
  .profile-game { display:grid; }
}

/* Startseite: sofort sichtbare Updates */
.hero-update-card{position:absolute;right:max(24px,4vw);bottom:46px;width:min(390px,32vw);display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center;padding:17px 18px;color:var(--ivory);text-decoration:none;background:rgba(7,4,11,.76);border:1px solid rgba(211,174,104,.34);backdrop-filter:blur(16px);box-shadow:0 24px 70px rgba(0,0,0,.42);transition:transform .25s ease,border-color .25s ease}
.hero-update-card:hover{transform:translateY(-4px);border-color:var(--gold)}
.hero-update-card__pulse{width:9px;height:9px;border-radius:50%;background:var(--gold-light);box-shadow:0 0 0 7px rgba(211,174,104,.1),0 0 22px var(--gold)}
.hero-update-card small{display:block;margin-bottom:4px;color:var(--gold);font-size:8px;letter-spacing:.16em;text-transform:uppercase}
.hero-update-card strong{display:block;font:500 13px/1.35 var(--serif)}
.hero-update-card b{color:var(--gold);font-weight:400}
.latest-updates{padding:100px 0 55px}
.latest-updates__head{display:grid;grid-template-columns:1fr minmax(280px,520px);gap:35px;align-items:end;margin-bottom:34px}
.latest-updates__head h2{margin:0;font-size:clamp(34px,4.5vw,60px);line-height:1.08;text-transform:uppercase}
.latest-updates__head>p{margin:0;color:var(--muted);line-height:1.8}
.update-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:230px;gap:12px}
.update-card{position:relative;grid-column:span 3;min-width:0;overflow:hidden;isolation:isolate;color:var(--ivory);text-decoration:none;background:#0a0710;border:1px solid rgba(255,255,255,.07)}
.update-card--lead{grid-column:span 6;grid-row:span 2}
.update-card img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;filter:saturate(.72);transition:transform .6s ease,filter .35s ease}
.update-card__shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(5,3,10,.12),rgba(5,3,10,.48) 45%,rgba(5,3,10,.98))}
.update-card__body{position:absolute;inset:auto 20px 18px}
.update-card--lead .update-card__body{inset:auto 30px 28px;max-width:620px}
.update-card__body p{display:flex;justify-content:space-between;gap:12px;margin:0 0 6px;color:var(--gold);font-size:8px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.update-card__body time{color:#a69aa8}
.update-card h3{margin:0 0 7px;font-size:clamp(17px,1.6vw,24px);line-height:1.25}
.update-card--lead h3{font-size:clamp(28px,3vw,46px)}
.update-card small{display:-webkit-box;overflow:hidden;color:#b6acb8;font-size:11px;line-height:1.55;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.update-card b{display:block;margin-top:12px;color:var(--gold-light);font-size:8px;letter-spacing:.12em;text-transform:uppercase}
.update-card:not(.update-card--lead) small{display:none}
.update-card:hover img{transform:scale(1.055);filter:saturate(1)}
.latest-updates__links{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
@media(max-width:1100px){.hero-update-card{display:none}.update-card{grid-column:span 6}.update-card--lead{grid-column:span 12;grid-row:span 2}}
@media(max-width:700px){.latest-updates{padding:75px 0 35px}.latest-updates__head{grid-template-columns:1fr}.update-grid{grid-template-columns:1fr;grid-auto-rows:260px}.update-card,.update-card--lead{grid-column:1;grid-row:span 1}.update-card--lead{min-height:360px}.update-card:not(.update-card--lead) small{display:-webkit-box}.latest-updates__links .button{width:100%}}

/* Partner- und Teamprofile mit Social Links */
.page-hero--partners{background-image:url('../assets/backgrounds/bg-4.png')}
.page-hero--team{background-image:url('../assets/backgrounds/bg-1.png')}
.page-hero>div>p:last-child{max-width:650px;color:#c4bac7;font-size:16px}
.partner-catalog,.team-catalog{padding-bottom:130px}
.partner-public-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.partner-public-card{display:flex;flex-direction:column;min-width:0;background:linear-gradient(145deg,rgba(17,10,24,.94),rgba(7,4,11,.98));border:1px solid var(--line)}
.partner-public-card__visual{position:relative;display:block;min-height:290px;overflow:hidden}
.partner-public-card__visual img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;filter:saturate(.72);transition:transform .55s ease,filter .3s ease}
.partner-public-card__visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(5,3,10,.92))}
.partner-public-card__visual>span{position:absolute;z-index:1;left:20px;bottom:18px;color:var(--gold-light);font-size:9px;letter-spacing:.16em;text-transform:uppercase}
.partner-public-card:hover .partner-public-card__visual img{transform:scale(1.045);filter:saturate(1)}
.partner-public-card__body{display:flex;flex:1;flex-direction:column;padding:25px}
.partner-public-card__body h3,.team-card--public h3{margin:0 0 12px;font-size:24px}
.partner-public-card__body>p:not(.kicker),.team-card--public .card-body>p{color:var(--muted);line-height:1.7}
.partner-public-card__body .text-arrow{margin-top:auto;padding-top:24px}
.social-links{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0}
.social-links a{padding:6px 9px;color:#cfc4d1;border:1px solid rgba(211,174,104,.25);background:rgba(211,174,104,.05);text-decoration:none;font-size:8px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
.social-links a:hover{color:#120b05;background:var(--gold-light);border-color:var(--gold-light)}
.team-card--public{display:flex;flex-direction:column}
.team-card--public .card-body{display:flex;flex:1;flex-direction:column;padding:22px}
.team-card--public .social-links{margin-top:auto;padding-top:10px}
@media(max-width:980px){.partner-public-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.partner-public-grid{grid-template-columns:1fr}.partner-public-card__visual{min-height:250px}}

/* Cinematic start page */
.topbar {
  transition: height .25s ease, background-color .25s ease, box-shadow .25s ease;
}
.topbar.is-scrolled {
  height: 70px;
  background: rgba(3,2,7,.94);
  box-shadow: 0 16px 45px rgba(0,0,0,.28);
}
.story-hero {
  position: relative;
  min-height: clamp(720px, 100svh, 920px);
  overflow: hidden;
  isolation: isolate;
  background: #05030a;
}
.story-hero__slides,
.story-slide {
  position: absolute;
  inset: 0;
}
.story-slide {
  display: grid;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .9s ease, visibility .9s ease;
}
.story-slide.is-active {
  z-index: 1;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.story-slide__image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  filter: brightness(.72) saturate(.92);
  transform: scale(1.015);
  transition: transform 7s ease;
}
.story-slide.is-active .story-slide__image { transform: scale(1.055); }
.story-slide__veil {
  position: absolute;
  inset: 0;
  background: rgba(3,2,7,.3);
  box-shadow: inset 44vw 0 180px rgba(3,2,7,.74), inset 0 -210px 170px rgba(3,2,7,.88);
}
.story-slide__veil::after {
  content: 'ᛉ';
  position: absolute;
  top: 13%;
  right: 7%;
  width: clamp(180px,24vw,360px);
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  border: 1px solid rgba(240,214,156,.16);
  border-radius: 50%;
  color: rgba(240,214,156,.14);
  font: 400 clamp(90px,13vw,190px)/1 var(--serif);
  text-shadow: 0 0 55px rgba(187,114,239,.35);
  box-shadow: inset 0 0 70px rgba(138,57,201,.07),0 0 90px rgba(138,57,201,.08);
  animation: story-rune-awaken 8s ease-in-out infinite alternate;
}
@keyframes story-rune-awaken {
  from { opacity: .35; transform: scale(.94) rotate(-2deg); }
  to { opacity: .9; transform: scale(1.04) rotate(2deg); }
}
.story-slide__content {
  position: relative;
  z-index: 2;
  padding-top: 80px;
  padding-bottom: 160px;
  transform: translateY(18px);
  opacity: 0;
  transition: transform .8s .18s ease, opacity .8s .18s ease;
}
.story-slide.is-active .story-slide__content {
  transform: none;
  opacity: 1;
}
.story-slide h1,
.story-slide h2 {
  max-width: 880px;
  margin: 0;
  color: #f5eee2;
  font-size: clamp(52px, 6.7vw, 104px);
  line-height: .98;
  letter-spacing: -.025em;
  text-transform: uppercase;
  text-wrap: balance;
  text-shadow: 0 14px 60px rgba(0,0,0,.86);
}
.story-slide h1 em,
.story-slide h2 em {
  color: var(--gold-light);
  font-size: .72em;
  font-style: normal;
  letter-spacing: .045em;
}
.story-slide__lead {
  max-width: 620px;
  margin: 26px 0 31px;
  color: #d0c6d2;
  font-size: clamp(15px, 1.25vw, 19px);
  line-height: 1.75;
  text-shadow: 0 3px 22px #000;
}
.story-hero__controls {
  position: absolute;
  z-index: 5;
  right: 0;
  bottom: 34px;
  left: 0;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 12px;
}
.story-hero__tabs {
  display: grid;
  grid-template-columns: repeat(3, minmax(150px, 210px));
  background: rgba(6,4,10,.76);
  border: 1px solid rgba(255,255,255,.1);
  box-shadow: 0 20px 60px rgba(0,0,0,.42);
  backdrop-filter: blur(18px);
}
.story-hero__tab,
.story-hero__pause {
  color: #9f94a2;
  background: transparent;
  border: 0;
  cursor: pointer;
}
.story-hero__tab {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 10px;
  align-items: center;
  min-height: 62px;
  padding: 13px 17px;
  border-right: 1px solid rgba(255,255,255,.08);
  text-align: left;
}
.story-hero__tab:last-child { border-right: 0; }
.story-hero__tab::after {
  content: '';
  position: absolute;
  right: 17px;
  bottom: 0;
  left: 17px;
  height: 2px;
  background: transparent;
}
.story-hero__tab.is-active { color: var(--ivory); }
.story-hero__tab.is-active::after { background: var(--gold); }
.story-hero__tab span {
  color: var(--gold);
  font-size: 9px;
  letter-spacing: .16em;
}
.story-hero__tab strong {
  font: 500 10px/1.3 var(--sans);
  letter-spacing: .13em;
  text-transform: uppercase;
}
.story-hero__pause {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-width: 100px;
  padding: 0 18px;
  border: 1px solid rgba(255,255,255,.1);
  background: rgba(6,4,10,.72);
  backdrop-filter: blur(18px);
}
.story-hero__pause span { color: var(--gold); font-size: 14px; }
.story-hero__pause b { font-size: 8px; letter-spacing: .14em; text-transform: uppercase; }
.story-hero__tab:hover,
.story-hero__pause:hover { color: var(--gold-light); }
.story-hero__tab:focus-visible,
.story-hero__pause:focus-visible,
.update-feature:focus-visible,
.update-list__item:focus-visible {
  outline: 2px solid var(--gold-light);
  outline-offset: -2px;
}

.site-pulse {
  position: relative;
  z-index: 4;
  background: #0b0711;
  border-block: 1px solid rgba(211,174,104,.18);
}
.site-pulse__inner {
  min-height: 76px;
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto auto;
  align-items: center;
  gap: 24px;
}
.site-pulse__status {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: var(--gold-light);
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .17em;
  text-transform: uppercase;
}
.site-pulse__status i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--gold);
  box-shadow: 0 0 0 6px rgba(211,174,104,.08), 0 0 18px rgba(211,174,104,.7);
}
.site-pulse__headline {
  min-width: 0;
  display: flex;
  align-items: baseline;
  gap: 14px;
  color: var(--ivory);
  text-decoration: none;
}
.site-pulse__headline small,
.site-pulse time,
.site-pulse__all {
  color: #887e8a;
  font-size: 9px;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.site-pulse__headline strong {
  overflow: hidden;
  font: 500 14px/1.3 var(--serif);
  text-overflow: ellipsis;
  white-space: nowrap;
}
.site-pulse__all { color: var(--gold-light); text-decoration: none; }
.site-pulse__all span { margin-left: 8px; }

.updates-stage { padding: 118px 0 130px; }
.editorial-heading {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(280px,470px);
  gap: 60px;
  align-items: end;
  margin-bottom: 42px;
}
.editorial-heading h2 {
  max-width: 800px;
  margin: 0;
  font-size: clamp(40px, 5.2vw, 72px);
  line-height: 1.05;
  letter-spacing: -.015em;
  text-transform: uppercase;
}
.editorial-heading > p {
  margin: 0;
  color: var(--muted);
  line-height: 1.8;
}
.editorial-heading--compact { margin-bottom: 36px; }
.editorial-heading--compact h2 { font-size: clamp(36px, 4.2vw, 58px); }
.updates-layout {
  display: grid;
  grid-template-columns: minmax(0,1.55fr) minmax(330px,.82fr);
  min-height: 640px;
  border: 1px solid rgba(211,174,104,.17);
  background: #09060e;
}
.update-feature {
  position: relative;
  min-width: 0;
  overflow: hidden;
  isolation: isolate;
  color: var(--ivory);
  text-decoration: none;
  border-right: 1px solid rgba(211,174,104,.17);
}
.update-feature > img {
  position: absolute;
  inset: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(.66) saturate(.78);
  transition: transform .8s ease, filter .5s ease;
}
.update-feature__shade {
  position: absolute;
  inset: 0;
  z-index: -1;
  background: rgba(5,3,10,.34);
  box-shadow: inset 0 -330px 180px rgba(5,3,10,.86);
}
.update-feature__body {
  position: absolute;
  right: clamp(26px,4vw,52px);
  bottom: clamp(28px,4vw,52px);
  left: clamp(26px,4vw,52px);
  max-width: 680px;
}
.update-meta {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  margin: 0 0 12px;
  color: var(--gold);
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.update-meta time { color: #9c919e; }
.update-feature h3 {
  margin: 0;
  font-size: clamp(32px, 4.2vw, 58px);
  line-height: 1.08;
  text-wrap: balance;
}
.update-feature__body > p:not(.update-meta) {
  max-width: 620px;
  margin: 17px 0 22px;
  color: #c7bdc9;
  font-size: 14px;
  line-height: 1.7;
}
.update-feature b,
.update-list__more {
  color: var(--gold-light);
  font-size: 9px;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.update-feature b span,
.update-list__more span { margin-left: 9px; transition: margin-left .2s ease; }
.update-feature:hover img { transform: scale(1.045); filter: brightness(.78) saturate(1); }
.update-feature:hover b span,
.update-list__more:hover span { margin-left: 15px; }
.update-list {
  display: flex;
  min-width: 0;
  flex-direction: column;
}
.update-list__item {
  min-height: 140px;
  display: grid;
  grid-template-columns: 132px minmax(0,1fr);
  color: var(--ivory);
  text-decoration: none;
  border-bottom: 1px solid rgba(255,255,255,.07);
  transition: background-color .25s ease;
}
.update-list__item > img {
  width: 100%;
  height: 100%;
  min-height: 140px;
  object-fit: cover;
  filter: brightness(.72) saturate(.68);
  transition: filter .25s ease;
}
.update-list__item > div {
  position: relative;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px 42px 20px 21px;
}
.update-list__item .update-meta { margin-bottom: 6px; font-size: 7px; }
.update-list__item h3 {
  overflow: hidden;
  margin: 0;
  font-size: 17px;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.update-list__arrow {
  position: absolute;
  right: 19px;
  color: var(--gold);
  transition: transform .2s ease;
}
.update-list__item:hover { background: rgba(211,174,104,.05); }
.update-list__item:hover img { filter: brightness(.85) saturate(1); }
.update-list__item:hover .update-list__arrow { transform: translateX(5px); }
.update-list__more {
  min-height: 76px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: auto;
  padding: 19px 24px;
  text-decoration: none;
}

.world-intro { padding: 118px 0 142px; }
.world-intro .section-heading { max-width: 850px; }
.world-intro .section-heading h2 { text-wrap: balance; }
.world-card { min-height: 315px; }
.soulbook-manifesto { min-height: 680px; }
.soulbook-manifesto__copy { padding-block: 70px; }
.featured { padding: 118px 0 132px; }
.feature-tile { min-height: 500px; border: 1px solid rgba(255,255,255,.06); }
.final-portal__lead {
  max-width: 570px;
  margin: 24px auto 31px;
  color: #b8aebb;
}

/* Content remains usable even when scripts are blocked. */
.reveal { opacity: 1; transform: none; }
.js .reveal {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity .75s ease, transform .75s ease;
}
.js .reveal.is-visible { opacity: 1; transform: none; }

@media (max-width: 980px) {
  .community-callout__layout { grid-template-columns: 1fr; }
  .community-support__symbol { margin-bottom: 35px; }
  .community-stats article { padding: 27px; }
  .story-hero { min-height: 780px; }
  .story-slide__veil { box-shadow: inset 65vw 0 160px rgba(3,2,7,.78), inset 0 -230px 150px rgba(3,2,7,.9); }
  .story-slide__content { padding-top: 65px; padding-bottom: 170px; }
  .story-hero__tabs { grid-template-columns: repeat(3, minmax(120px,1fr)); flex: 1; }
  .story-hero__tab { min-height: 58px; padding-inline: 13px; }
  .story-hero__pause { min-width: 90px; }
  .site-pulse__inner { grid-template-columns: auto minmax(0,1fr) auto; }
  .site-pulse time { display: none; }
  .updates-layout { grid-template-columns: 1fr; }
  .update-feature { min-height: 590px; border-right: 0; border-bottom: 1px solid rgba(211,174,104,.17); }
  .update-list { display: grid; grid-template-columns: 1fr 1fr; }
  .update-list__item { grid-template-columns: 112px minmax(0,1fr); }
  .update-list__more { grid-column: 1/-1; }
}

@media (max-width: 700px) {
  .community-callout { padding: 90px 0 100px; }
  .community-callout__heading { margin-bottom: 30px; }
  .community-join,
  .community-support { padding: 28px 23px; }
  .community-join__mark { top: 19px; right: 20px; font-size: 40px; }
  .community-benefits,
  .community-stats { grid-template-columns: 1fr; }
  .community-benefits li { min-height: 85px; }
  .community-join .button { width: 100%; }
  .community-support__symbol { width: 58px; height: 58px; margin-bottom: 30px; font-size: 27px; }
  .community-stats article { min-height: 170px; }
  .story-hero { min-height: 790px; }
  .story-slide__image { object-position: 58% center; }
  .story-slide__veil { background: rgba(3,2,7,.48); box-shadow: inset 0 -450px 220px rgba(3,2,7,.92); }
  .story-slide__content { align-self: end; padding-top: 120px; padding-bottom: 170px; }
  .story-slide h1,
  .story-slide h2 { font-size: clamp(42px, 13vw, 62px); }
  .story-slide__lead { margin-block: 21px 25px; font-size: 14px; }
  .story-slide .hero-actions { gap: 9px; }
  .story-slide .button { width: 100%; padding-inline: 13px; text-align: center; }
  .story-hero__controls { bottom: 24px; }
  .story-hero__tabs { width: 100%; grid-template-columns: repeat(3,1fr); }
  .story-hero__tab { grid-template-columns: 1fr; gap: 3px; min-height: 64px; text-align: center; }
  .story-hero__tab::after { right: 8px; left: 8px; }
  .story-hero__tab strong { font-size: 8px; letter-spacing: .08em; }
  .story-hero__pause { display: none; }
  .site-pulse__inner { min-height: 86px; grid-template-columns: auto minmax(0,1fr); gap: 14px; }
  .site-pulse__headline { display: block; }
  .site-pulse__headline small { display: block; margin-bottom: 3px; }
  .site-pulse__all { display: none; }
  .updates-stage { padding: 88px 0 96px; }
  .editorial-heading { grid-template-columns: 1fr; gap: 18px; margin-bottom: 30px; }
  .editorial-heading h2 { font-size: clamp(36px,11vw,52px); }
  .update-feature { min-height: 500px; }
  .update-feature__body > p:not(.update-meta) { font-size: 13px; }
  .update-list { grid-template-columns: 1fr; }
  .update-list__item { min-height: 122px; grid-template-columns: 108px minmax(0,1fr); }
  .update-list__item > img { min-height: 122px; }
  .world-intro { padding: 90px 0 100px; }
  .soulbook-manifesto { min-height: 0; }
  .featured { padding: 90px 0 100px; }
}

@media (prefers-reduced-motion: reduce) {
  .story-slide,
  .story-slide__content,
  .story-slide__image { transition: none !important; }
  .story-slide__veil::after,
  .news-chronicle-hero::before,
  .news-chronicle-hero__runes span { animation: none !important; }
}

/* Auth, Spam-Schutz und persoenliche Sprecheraufgaben */
.form-trap {
  position: absolute !important;
  left: -10000px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}
.form-protection-note { margin: 0; color: var(--muted); font-size: 12px; }
.auth-page { display: grid; place-items: center; min-height: 76vh; }
.auth-card { width: min(620px,100%); }
.auth-card > p:not(.eyebrow) { color: var(--muted); line-height: 1.75; }
.auth-card .btn { margin-top: 10px; }
.auth-intro { margin: .2rem 0 1rem; color: var(--muted); line-height: 1.7; }
.account-type-picker { margin: 4px 0 8px; padding: 0; border: 0; }
.account-type-picker legend { margin-bottom: 9px; color: var(--gold); font-size: .86rem; }
.account-type-picker > div { display: grid; gap: 9px; }
.account-type-picker label { display: grid; grid-template-columns: 20px 1fr; gap: 11px; align-items: start; padding: 13px; border: 1px solid rgba(216,169,77,.18); border-radius: 13px; background: rgba(255,255,255,.025); cursor: pointer; }
.account-type-picker label:has(input:checked) { border-color: rgba(216,169,77,.55); background: linear-gradient(135deg,rgba(216,169,77,.12),rgba(155,77,255,.07)); }
.account-type-picker input { width: 17px; height: 17px; margin: 3px 0 0; accent-color: var(--gold); }
.account-type-picker strong,.account-type-picker small { display: block; }
.account-type-picker strong { color: var(--text); }
.account-type-picker small { margin-top: 3px; color: var(--muted); line-height: 1.45; }
.account-type-picker > p { margin: 9px 0 0; color: var(--muted); font-size: .75rem; line-height: 1.5; }
.auth-help-link { width: max-content; color: var(--gold-light); font-size: 13px; }
.auth-reset-form { display: grid; gap: 16px; margin-top: 24px; }

.speaker-tasks { padding-top: 76px; scroll-margin-top: 100px; }
.speaker-tasks__intro { display: grid; grid-template-columns: 1fr minmax(280px,560px); gap: 30px; align-items: end; margin-bottom: 28px; }
.speaker-tasks__intro h2 { margin: .1em 0; font-size: clamp(32px,5vw,58px); }
.speaker-tasks__intro > p { margin: 0; color: var(--muted); line-height: 1.8; }
.speaker-task-empty { color: var(--muted); }
.speaker-task-empty strong { color: var(--ivory); font: 500 1.5rem Georgia,serif; }
.speaker-task-list { display: grid; gap: 24px; }
.speaker-task-card { position: relative; overflow: hidden; padding: clamp(22px,4vw,40px); }
.speaker-task-card::before { content: ''; position: absolute; inset: 0 auto 0 0; width: 3px; background: var(--gold); }
.speaker-task-card--approved::before { background: #5ac47a; }
.speaker-task-card--revision::before { background: #d05b5b; }
.speaker-task-card--archived::before { background: linear-gradient(var(--violet),var(--gold)); }
.speaker-task-card > header { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; }
.speaker-task-card h3 { margin: .15em 0; font-size: clamp(28px,4vw,44px); }
.speaker-task-status { display: inline-flex; padding: 7px 11px; border: 1px solid var(--line); color: var(--gold-light); font-size: 10px; text-transform: uppercase; letter-spacing: .1em; white-space: nowrap; }
.speaker-task-status--approved { color: #8fe0a6; border-color: rgba(90,196,122,.45); }
.speaker-task-status--revision { color: #ffabab; border-color: rgba(208,91,91,.5); }
.speaker-task-status--archived { color: #d5b0ff; border-color: rgba(155,77,255,.46); background: rgba(155,77,255,.08); }
.speaker-task-project-note { max-width: 900px; color: var(--muted); line-height: 1.75; }
.speaker-task-note { margin: 22px 0; padding: 18px 20px; border: 1px solid rgba(216,169,77,.3); background: rgba(216,169,77,.07); }
.speaker-task-note strong { color: var(--gold-light); font-size: 12px; letter-spacing: .08em; text-transform: uppercase; }
.speaker-task-note p { margin: 7px 0 0; color: var(--muted); line-height: 1.7; }
.speaker-task-meta { display: flex; justify-content: space-between; gap: 20px; margin-top: 24px; color: var(--muted); font-size: 13px; }
.speaker-task-meta strong { color: var(--ivory); }
.speaker-task-progress { height: 7px; margin: 10px 0 24px; overflow: hidden; background: rgba(255,255,255,.07); }
.speaker-task-progress span { display: block; height: 100%; background: linear-gradient(90deg,var(--violet),var(--gold)); box-shadow: 0 0 18px rgba(216,169,77,.35); }
.speaker-lines { display: grid; gap: 8px; }
.speaker-line { margin: 0; border: 1px solid rgba(255,255,255,.08); background: rgba(0,0,0,.22); transition: border-color .2s ease, opacity .2s ease; }
.speaker-line:hover { border-color: rgba(216,169,77,.4); }
.speaker-line label,.speaker-line__readonly { display: grid; grid-template-columns: 22px 42px minmax(0,1fr); gap: 13px; align-items: start; padding: 17px 18px; }
.speaker-line label { cursor: pointer; }
.speaker-line input { width: 18px; height: 18px; margin: 3px 0 0; accent-color: var(--gold); }
.speaker-line__archive-mark { color: #8fe0a6; font-weight: 800; text-align: center; }
.speaker-line__number { color: var(--gold); font: 600 11px/1.8 monospace; }
.speaker-line__text { color: #ddd4df; line-height: 1.75; }
.speaker-line.is-complete { opacity: .54; }
.speaker-line--archived { opacity: .82; border-color: rgba(155,77,255,.2); }
.speaker-line.is-complete .speaker-line__text { text-decoration: line-through; text-decoration-color: rgba(216,169,77,.6); }
.speaker-line.speaker-line--archived .speaker-line__text { color: #cfc4d2; text-decoration: none; }
.speaker-task-complete { display: flex; justify-content: flex-end; margin-top: 20px; }
.speaker-task-complete{gap:10px;flex-wrap:wrap}.speaker-task-complete form{margin:0}
.speaker-task-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:-2px 0 24px}.speaker-task-tabs a{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid rgba(211,174,104,.22);border-radius:999px;color:var(--muted);text-decoration:none;background:rgba(5,3,9,.55);transition:.2s ease}.speaker-task-tabs a:hover,.speaker-task-tabs a.is-active{color:var(--ivory);border-color:var(--gold);background:linear-gradient(120deg,rgba(211,174,104,.12),rgba(143,73,209,.1));box-shadow:0 0 28px rgba(143,73,209,.12)}.speaker-task-tabs strong{min-width:24px;padding:2px 7px;border-radius:999px;color:var(--gold-light);background:rgba(211,174,104,.1);text-align:center}

@media (max-width: 760px) {
  .speaker-tasks__intro { grid-template-columns: 1fr; }
  .speaker-task-card > header,.speaker-task-meta { display: grid; }
  .speaker-task-status { width: max-content; }
  .speaker-line label,.speaker-line__readonly { grid-template-columns: 22px 30px minmax(0,1fr); padding: 15px 13px; gap: 9px; }
  .speaker-task-complete,.speaker-task-complete form,.speaker-task-complete .btn { width: 100%; }
}

/* Kreativkartei: selbst verwaltete Sprecher- und Autorenprofile */
.creator-studio { padding-top: 82px; scroll-margin-top: 100px; }
.creator-studio__intro { display: grid; grid-template-columns: 1fr minmax(300px,570px); gap: 36px; align-items: end; margin-bottom: 30px; }
.creator-studio__intro h2 { margin: .08em 0; font-size: clamp(34px,5vw,60px); }
.creator-studio__intro > p { margin: 0; color: var(--muted); line-height: 1.8; }
.speaker-community-card { display: grid; grid-template-columns: 58px minmax(0,1fr) auto; gap: 20px; align-items: center; margin-bottom: 22px; padding: 22px 26px; background: linear-gradient(120deg,rgba(30,92,61,.22),rgba(14,8,20,.95)); border-color: rgba(76,190,119,.32); }
.speaker-community-card__mark { width: 58px; height: 58px; display: grid; place-items: center; color: #07160d; background: linear-gradient(145deg,#78dc9d,#3da96a); border-radius: 50%; font-size: 25px; box-shadow: 0 0 35px rgba(61,169,106,.2); }
.speaker-community-card h3 { margin: 0; font-size: 23px; }
.speaker-community-card p:not(.eyebrow) { margin: 4px 0 0; color: var(--muted); font-size: 12px; }
.casting-board { margin: 26px 0; }
.casting-board__intro { display: grid; grid-template-columns: minmax(230px,.65fr) minmax(320px,1fr) auto; gap: 24px; align-items: end; margin-bottom: 18px; }
.casting-board__intro h2 { margin: 4px 0 0; font-size: clamp(32px,4vw,54px); }
.casting-board__intro > p { margin: 0; color: var(--muted); line-height: 1.7; }
.casting-legend { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0 16px; }
.casting-role-grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(220px,1fr)); gap: 13px; }
.casting-role-card { display: grid; gap: 12px; padding: 18px; transition: transform .2s ease,border-color .2s ease,background .2s ease; }
.casting-role-card:hover { transform: translateY(-2px); border-color: rgba(216,169,77,.42); }
.casting-role-card.is-selected { border-color: rgba(88,184,122,.5); background: linear-gradient(145deg,rgba(31,87,55,.2),rgba(10,8,14,.92)); }
.casting-role-card header { display: flex; justify-content: space-between; gap: 9px; align-items: center; }
.casting-role-card header small { color: var(--muted); }
.casting-role-card h3 { margin: 0; font: 500 1.55rem Georgia,serif; color: var(--text); }
.casting-role-card > p { margin: 0; color: var(--muted); font-size: .78rem; }
.casting-role-card form,.casting-role-card button { width: 100%; }
.casting-gender { display: inline-flex; width: max-content; padding: 5px 8px; border: 1px solid rgba(255,255,255,.12); border-radius: 999px; color: var(--muted); font-size: .65rem; text-transform: uppercase; letter-spacing: .08em; }
.casting-gender--female,.casting-gender--female_ensemble { color: #e7a8d1; border-color: rgba(216,108,178,.35); background: rgba(216,108,178,.08); }
.casting-gender--male { color: #9fc9ef; border-color: rgba(95,158,211,.35); background: rgba(95,158,211,.08); }
.creator-studio__layout { display: grid; grid-template-columns: minmax(0,1.08fr) minmax(360px,.92fr); gap: 22px; align-items: start; }
.creator-profile-form,.creator-manager { padding: clamp(24px,3vw,38px); background: linear-gradient(145deg,rgba(25,14,34,.95),rgba(7,4,11,.97)); box-shadow: 0 30px 90px rgba(0,0,0,.22); }
.creator-profile-form { display: grid; gap: 20px; }
.creator-form-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 22px; padding-bottom: 18px; border-bottom: 1px solid rgba(255,255,255,.08); }
.creator-form-heading h3 { margin: .1em 0 0; font-size: clamp(23px,3vw,32px); }
.creator-form-heading > a { color: var(--gold-light); font-size: 11px; text-decoration: none; }
.creator-form-heading > span { display: grid; place-items: center; min-width: 38px; height: 38px; color: #140c06; background: var(--gold); border-radius: 50%; font-weight: 600; }
.creator-profile-form__top { display: grid; grid-template-columns: 190px minmax(0,1fr); gap: 24px; }
.creator-portrait-control { min-width: 0; }
.creator-portrait-preview { aspect-ratio: 4/5; overflow: hidden; margin-bottom: 14px; border: 1px solid rgba(211,174,104,.34); background: #08050c; }
.creator-portrait-preview img { width: 100%; height: 100%; object-fit: cover; }
.creator-portrait-control label,.creator-profile-form label,.creator-compact-form label { color: #cbbfd0; letter-spacing: .025em; }
.creator-portrait-control input,.creator-profile-form input,.creator-profile-form textarea,.creator-profile-form select,.creator-compact-form input,.creator-compact-form textarea,.creator-compact-form select { margin-top: 7px; border-color: rgba(211,174,104,.24); background: rgba(5,3,9,.84); }
.creator-profile-form input:focus,.creator-profile-form textarea:focus,.creator-profile-form select:focus,.creator-compact-form input:focus,.creator-compact-form textarea:focus,.creator-compact-form select:focus { outline: 2px solid rgba(211,174,104,.28); outline-offset: 2px; border-color: var(--gold); }
.creator-profile-form small,.creator-compact-form small,.creator-portrait-control small { display: block; margin-top: 6px; color: #817785; font-size: 10px; line-height: 1.5; }
.creator-fields { display: grid; align-content: start; gap: 2px; }
.creator-publish-toggle { display: grid; grid-template-columns: 20px minmax(0,1fr); gap: 11px; align-items: start; margin-top: 20px; padding: 14px; border: 1px solid rgba(211,174,104,.25); background: rgba(211,174,104,.05); cursor: pointer; }
.creator-publish-toggle input { width: 18px; height: 18px; margin: 2px 0 0; accent-color: var(--gold); }
.creator-publish-toggle span { color: var(--ivory); }
.creator-publish-toggle strong { display: block; font-size: 12px; }
.creator-publish-toggle small { color: var(--muted); }
.creator-genre-fieldset { margin: 0; padding: 18px; border: 1px solid rgba(255,255,255,.08); }
.creator-genre-fieldset legend { padding: 0 8px; color: var(--gold); font-size: 10px; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; }
.creator-choice-grid { display: flex; flex-wrap: wrap; gap: 8px; }
.creator-choice-grid label { margin: 0; cursor: pointer; }
.creator-choice-grid input { position: absolute; width: 1px; opacity: 0; }
.creator-choice-grid span { display: inline-flex; min-height: 34px; align-items: center; padding: 5px 11px; border: 1px solid rgba(255,255,255,.1); color: #b8aebc; font-size: 10px; transition: .2s ease; }
.creator-choice-grid input:checked + span { color: #160e07; border-color: var(--gold); background: linear-gradient(135deg,#9e7737,#e1c17d); }
.creator-choice-grid input:focus-visible + span { outline: 2px solid var(--violet-bright); outline-offset: 2px; }
.creator-form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.creator-link-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
.creator-profile-form > .btn,.creator-compact-form > .btn { width: max-content; }
.danger-link { padding: 8px 10px; color: #ffb1b1; border: 1px solid rgba(208,91,91,.38); background: rgba(208,91,91,.06); font-size: 10px; cursor: pointer; }
.danger-link:hover { border-color: #d05b5b; background: rgba(208,91,91,.15); }
.creator-workbench { display: grid; gap: 22px; }
.creator-locked { min-height: 420px; display: grid; place-items: center; align-content: center; text-align: center; background: radial-gradient(circle at 50% 30%,rgba(138,57,201,.18),rgba(8,5,12,.96) 60%); }
.creator-locked > span { color: var(--gold); font-size: 48px; }
.creator-locked h3 { margin: 8px 0; font-size: 30px; }
.creator-locked p { max-width: 390px; color: var(--muted); }
.creator-manager { min-width: 0; }
.creator-compact-form { display: grid; gap: 14px; padding: 18px 0 22px; border-bottom: 1px solid rgba(255,255,255,.08); }
.creator-check-row { display: flex; flex-wrap: wrap; gap: 14px; }
.creator-check-row label { display: flex; align-items: center; gap: 8px; margin: 0; cursor: pointer; }
.creator-check-row input { width: 17px; height: 17px; margin: 0; accent-color: var(--gold); }
.creator-item-list { display: grid; }
.creator-manage-item { min-width: 0; display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 14px; align-items: center; padding: 16px 0; border-bottom: 1px solid rgba(255,255,255,.07); }
.creator-manage-item:last-child { border: 0; }
.creator-manage-item small { color: var(--gold); font-size: 8px; letter-spacing: .14em; text-transform: uppercase; }
.creator-manage-item h4 { margin: 2px 0; overflow-wrap: anywhere; font: 400 16px/1.4 var(--serif); }
.creator-manage-item p { margin: 0; color: var(--muted); font-size: 11px; }
.creator-manage-product { grid-template-columns: 58px minmax(0,1fr) auto; }
.creator-manage-product > img,.creator-manage-product__placeholder { width: 58px; height: 70px; object-fit: cover; }
.creator-manage-product__placeholder { display: grid; place-items: center; color: var(--gold); border: 1px solid var(--line); background: #08050c; font-size: 24px; }
.creator-empty-note { margin: 17px 0 0; color: var(--muted); font-size: 12px; }

/* Oeffentliche Karteien */
.directory-hero { position: relative; min-height: 650px; display: flex; align-items: end; isolation: isolate; overflow: hidden; background: center/cover no-repeat; }
.directory-hero--speakers { background-image: url('../assets/backgrounds/bg-4.png'); }
.directory-hero--authors { background-image: url('../assets/backgrounds/bg-3.png'); }
.directory-hero::before { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg,rgba(3,2,7,.92),rgba(3,2,7,.45) 58%,rgba(3,2,7,.65)),linear-gradient(0deg,var(--ink),transparent 55%); }
.directory-hero .content-shell { padding: 180px 0 90px; }
.directory-hero h1 { max-width: 900px; margin: 0; font-size: clamp(54px,8vw,112px); line-height: .95; letter-spacing: -.025em; text-transform: uppercase; text-shadow: 0 15px 70px #000; }
.directory-hero .content-shell > p:not(.kicker) { max-width: 680px; margin: 25px 0 0; color: #c9c0cb; font-size: clamp(15px,1.5vw,19px); }
.directory-stage { padding: 110px 0 135px; }
.creator-directory-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.creator-directory-card { min-width: 0; display: flex; flex-direction: column; overflow: hidden; color: var(--ivory); border: 1px solid rgba(211,174,104,.18); background: linear-gradient(155deg,rgba(20,12,28,.94),rgba(7,4,10,.98)); text-decoration: none; box-shadow: 0 25px 70px rgba(0,0,0,.25); transition: transform .3s ease,border-color .3s ease,box-shadow .3s ease; }
a.creator-directory-card:hover { transform: translateY(-7px); border-color: rgba(211,174,104,.55); box-shadow: 0 35px 90px rgba(0,0,0,.42),0 0 40px rgba(138,57,201,.08); }
.creator-directory-card__portrait { position: relative; height: 390px; overflow: hidden; background: radial-gradient(circle at 50% 30%,rgba(138,57,201,.22),#08050c 67%); }
.creator-directory-card__portrait::after { content: ''; position: absolute; inset: auto 0 0; height: 42%; background: linear-gradient(transparent,rgba(7,4,10,.92)); }
.creator-directory-card__portrait img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.72) contrast(1.04); transition: transform .6s ease,filter .3s ease; }
a.creator-directory-card:hover .creator-directory-card__portrait img { transform: scale(1.04); filter: saturate(1); }
.creator-directory-card__portrait > span { position: absolute; z-index: 1; left: 18px; bottom: 16px; padding: 6px 9px; color: var(--gold-light); border: 1px solid rgba(211,174,104,.4); background: rgba(5,3,9,.78); font-size: 8px; letter-spacing: .15em; text-transform: uppercase; backdrop-filter: blur(8px); }
.creator-directory-card__body { display: flex; flex: 1; flex-direction: column; padding: 24px; }
.creator-directory-card__body h3 { margin: 0 0 10px; font-size: clamp(23px,2.3vw,32px); }
.creator-directory-card__body > p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.7; }
.creator-directory-card__body > small { display: flex; justify-content: space-between; gap: 12px; margin-top: auto; padding-top: 22px; color: #827888; font-size: 9px; }
.creator-directory-card__body > small b { color: var(--gold-light); font-weight: 500; }
.creator-tag-row { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 16px; }
.creator-tag-row span { display: inline-flex; padding: 5px 9px; color: #d8cddd; border: 1px solid rgba(255,255,255,.1); background: rgba(255,255,255,.025); font-size: 9px; }
.creator-lettermark { width: 100%; height: 100%; display: grid; place-items: center; color: rgba(240,214,156,.8); font: 400 130px/1 var(--serif); text-shadow: 0 0 70px rgba(138,57,201,.45); }
.author-callout { padding: 120px 0; text-align: center; background: radial-gradient(circle at 50% 35%,rgba(113,45,156,.2),transparent 45%),linear-gradient(180deg,#08050d,#030205); border-top: 1px solid var(--line); }
.author-callout h2 { margin: 0; font-size: clamp(40px,6vw,76px); line-height: 1.05; text-transform: uppercase; }
.author-callout p:not(.kicker) { max-width: 650px; margin: 25px auto; color: var(--muted); }

/* Einzelprofil */
.creator-detail-hero { position: relative; min-height: 720px; display: flex; align-items: end; isolation: isolate; overflow: hidden; background: radial-gradient(circle at 75% 25%,rgba(102,40,147,.28),transparent 34%),linear-gradient(135deg,#100817,#030205 66%); }
.creator-detail-hero::before { content: ''; position: absolute; inset: 0; z-index: -2; background: linear-gradient(90deg,transparent 0 49%,rgba(211,174,104,.06) 49% 49.08%,transparent 49.08%); opacity: .8; }
.creator-detail-hero__veil { position: absolute; inset: auto 0 0; z-index: -1; height: 45%; background: linear-gradient(transparent,var(--ink)); }
.creator-detail-hero__inner { display: grid; grid-template-columns: minmax(280px,420px) minmax(0,1fr); gap: clamp(45px,8vw,120px); align-items: end; padding-top: 145px; }
.creator-detail-portrait { height: 580px; overflow: hidden; border: 1px solid rgba(211,174,104,.35); border-bottom: 0; box-shadow: 0 40px 110px rgba(0,0,0,.6),0 0 80px rgba(138,57,201,.1); }
.creator-detail-portrait img { width: 100%; height: 100%; object-fit: cover; }
.creator-detail-copy { padding-bottom: 110px; }
.creator-detail-copy h1 { margin: 0; font-size: clamp(58px,8vw,112px); line-height: .95; overflow-wrap: anywhere; }
.creator-detail-lead { max-width: 700px; margin: 24px 0 0; color: #d1c6d2; font-size: clamp(16px,1.8vw,22px); }
.creator-socials { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 22px; }
.creator-socials a { padding: 8px 11px; color: var(--gold-light); border: 1px solid var(--line); text-decoration: none; font-size: 9px; letter-spacing: .1em; text-transform: uppercase; }
.creator-detail-body { display: grid; grid-template-columns: minmax(0,1.45fr) minmax(300px,.55fr); gap: 20px; padding: 100px 0 70px; }
.creator-biography,.creator-role-scroll { padding: clamp(28px,4vw,50px); }
.creator-biography h2 { margin: 0 0 25px; font-size: clamp(34px,4vw,52px); }
.creator-biography > p:last-child,.creator-role-scroll > p:last-child { margin: 0; color: #c2b8c5; line-height: 1.95; }
.creator-role-scroll { background: linear-gradient(150deg,rgba(68,28,92,.25),rgba(9,5,13,.95)); }
.creator-public-section { padding: 35px 0 110px; }
.creator-project-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.creator-project-card { position: relative; min-height: 260px; padding: 28px; overflow: hidden; }
.creator-project-card::before { content: ''; position: absolute; inset: 0 auto 0 0; width: 2px; background: linear-gradient(var(--gold),var(--violet)); }
.creator-project-card > p { margin: 0; color: var(--gold); font-size: 9px; letter-spacing: .18em; text-transform: uppercase; }
.creator-project-card h3 { margin: 12px 0 8px; font-size: 25px; }
.creator-project-card strong { color: #d5c8d7; font-size: 11px; }
.creator-project-card > div { margin-top: 18px; color: var(--muted); font-size: 12px; }
.creator-project-card > a { display: inline-block; margin-top: 18px; color: var(--gold-light); font-size: 10px; text-decoration: none; }
.creator-public-products { padding: 105px 0 125px; background: linear-gradient(180deg,rgba(38,15,50,.14),rgba(5,3,10,0)); border-top: 1px solid rgba(211,174,104,.12); }
.creator-product-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.creator-product-card { min-width: 0; overflow: hidden; border: 1px solid rgba(211,174,104,.17); background: rgba(10,6,14,.92); }
.creator-product-card__media { position: relative; min-height: 350px; background: #050307; }
.creator-product-card__media img { width: 100%; height: 440px; display: block; object-fit: cover; }
.creator-product-card__media iframe { width: 100%; height: 352px; display: block; border: 0; }
.creator-product-card__body { padding: 25px; }
.creator-product-card__body > p { margin: 0; color: var(--gold); font-size: 9px; letter-spacing: .17em; text-transform: uppercase; }
.creator-product-card__body h3 { margin: 10px 0 7px; font-size: 26px; }
.creator-product-card__body strong { color: #d4c8d7; font-size: 11px; }
.creator-product-card__body > div { margin-top: 13px; color: var(--muted); font-size: 12px; }
.creator-product-card__body > a { display: inline-block; margin-top: 20px; color: var(--gold-light); font-size: 10px; text-decoration: none; }
.creator-detail-return { padding: 10px 0 100px; }
.creator-not-found { margin-top: 120px; }

/* Buecher und Alben aus Profilen auf der Hauptseite */
.home-creator-showcase { padding: 120px 0 135px; background: radial-gradient(circle at 50% 10%,rgba(102,38,140,.14),transparent 36%),#07040b; border-block: 1px solid rgba(211,174,104,.12); }
.home-creator-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.home-creator-card { min-width: 0; overflow: hidden; border: 1px solid rgba(211,174,104,.19); background: linear-gradient(155deg,rgba(22,12,29,.94),rgba(7,4,10,.98)); transition: transform .3s ease,border-color .3s ease; }
.home-creator-card:hover { transform: translateY(-6px); border-color: rgba(211,174,104,.52); }
.home-creator-card__media { position: relative; min-height: 310px; background: #040206; }
.home-creator-card__media img { width: 100%; height: 390px; display: block; object-fit: cover; filter: saturate(.8); }
.home-creator-card__media iframe { width: 100%; height: 352px; display: block; border: 0; }
.home-creator-card__media > span { position: absolute; left: 16px; bottom: 15px; padding: 6px 9px; color: var(--gold-light); border: 1px solid rgba(211,174,104,.45); background: rgba(5,3,9,.86); font-size: 8px; letter-spacing: .15em; text-transform: uppercase; }
.home-creator-card__body { padding: 24px; }
.home-creator-card__creator { color: var(--gold); font-size: 9px; letter-spacing: .14em; text-decoration: none; text-transform: uppercase; }
.home-creator-card__body h3 { margin: 9px 0; font-size: clamp(22px,2.5vw,31px); }
.home-creator-card__body > p { min-height: 64px; margin: 0; color: var(--muted); font-size: 12px; }
.home-creator-card__body > div { display: flex; flex-wrap: wrap; gap: 15px; margin-top: 19px; }
.home-creator-card__body > div a { color: var(--gold-light); font-size: 9px; text-decoration: none; }
.home-creator-showcase__links { display: flex; justify-content: center; gap: 10px; margin-top: 35px; }

@media (max-width: 1100px) {
  .creator-studio__layout { grid-template-columns: 1fr; }
  .creator-directory-grid,.creator-product-grid,.home-creator-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .creator-project-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 780px) {
  .creator-studio__intro,.creator-profile-form__top,.creator-detail-body { grid-template-columns: 1fr; }
  .creator-portrait-control { display: grid; grid-template-columns: 120px minmax(0,1fr); gap: 14px; align-items: start; }
  .creator-portrait-preview { margin: 0; }
  .creator-portrait-control .danger-link { grid-column: 2; width: max-content; }
  .creator-detail-hero { min-height: 0; }
  .creator-detail-hero__inner { grid-template-columns: 130px minmax(0,1fr); gap: 22px; padding-top: 130px; }
  .creator-detail-portrait { height: 230px; }
  .creator-detail-copy { padding-bottom: 65px; }
  .creator-detail-copy h1 { font-size: clamp(38px,9vw,62px); }
  .creator-detail-lead { font-size: 14px; }
  .creator-socials { grid-column: 1/-1; }
  .creator-project-grid { grid-template-columns: 1fr; }
}

@media (max-width: 650px) {
  .creator-form-grid,.creator-link-grid,.creator-directory-grid,.creator-product-grid,.home-creator-grid { grid-template-columns: 1fr; }
  .creator-studio__layout { display: block; }
  .creator-workbench { margin-top: 20px; }
  .creator-profile-form,.creator-manager { padding: 22px; }
  .creator-profile-form__top { display: block; }
  .creator-portrait-control { display: grid; grid-template-columns: 108px minmax(0,1fr); }
  .creator-fields { margin-top: 22px; }
  .creator-form-heading { display: grid; }
  .speaker-community-card { grid-template-columns: 48px minmax(0,1fr); padding: 20px; }
  .speaker-community-card__mark { width: 48px; height: 48px; }
  .speaker-community-card .btn { grid-column: 1/-1; width: 100%; }
  .casting-board__intro { grid-template-columns: 1fr; align-items: start; }
  .creator-profile-form > .btn,.creator-compact-form > .btn { width: 100%; }
  .creator-manage-item { align-items: start; }
  .creator-manage-product { grid-template-columns: 52px minmax(0,1fr); }
  .creator-manage-product form { grid-column: 2; }
  .directory-hero { min-height: 600px; }
  .directory-hero h1 { font-size: clamp(47px,14vw,72px); }
  .directory-hero .button { width: 100%; }
  .directory-stage { padding: 85px 0 100px; }
  .creator-directory-card__portrait { height: 420px; }
  .creator-detail-hero__inner { display: block; padding-top: 110px; }
  .creator-detail-portrait { width: 150px; height: 190px; margin-bottom: 25px; border-bottom: 1px solid rgba(211,174,104,.35); }
  .creator-detail-copy { padding-bottom: 60px; }
  .creator-detail-body { padding-top: 70px; }
  .creator-product-card__media img,.home-creator-card__media img { height: 430px; }
  .home-creator-showcase__links { display: grid; }
}

/* Internes Postfach und Rundnachrichten */
.message-center-hero { min-height: 570px; display: flex; align-items: end; background: radial-gradient(circle at 72% 28%,rgba(131,54,184,.3),transparent 27%),linear-gradient(120deg,rgba(5,3,10,.72),rgba(5,3,10,.95)),url('../assets/backgrounds/bg-2.png') center/cover; }
.message-center-hero .content-shell { padding: 160px 0 80px; }
.message-center-hero h1 { margin: 0; font-size: clamp(58px,9vw,118px); line-height: .95; text-transform: uppercase; }
.message-center-hero .content-shell > p:not(.kicker) { max-width: 670px; color: #c8bdcb; font-size: clamp(15px,1.5vw,19px); }
.message-center-shell { padding: 55px 0 120px; }
.message-tabs { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1px; margin-bottom: 22px; background: rgba(211,174,104,.14); border: 1px solid rgba(211,174,104,.14); }
.message-tabs a { position: relative; min-height: 82px; display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 7px 14px; align-items: center; padding: 16px 20px; color: #b9aebc; background: #0a0610; text-decoration: none; }
.message-tabs a.is-active { color: var(--ivory); background: linear-gradient(135deg,rgba(95,38,128,.28),rgba(17,9,23,.98)); box-shadow: inset 0 -2px var(--gold); }
.message-tabs span { font-size: 11px; letter-spacing: .1em; text-transform: uppercase; }
.message-tabs strong { color: var(--gold-light); font: 400 27px/1 var(--serif); }
.message-tabs i { grid-column: 1/-1; color: var(--gold); font-size: 9px; font-style: normal; }
.message-reader { margin-bottom: 22px; padding: clamp(26px,5vw,55px); background: linear-gradient(150deg,rgba(30,16,40,.97),rgba(7,4,10,.98)); }
.message-reader--important { border-color: rgba(216,169,77,.55); box-shadow: 0 0 50px rgba(216,169,77,.07); }
.message-reader header { display: flex; justify-content: space-between; gap: 24px; padding-bottom: 22px; border-bottom: 1px solid rgba(255,255,255,.08); }
.message-reader h2 { margin: 0; font-size: clamp(30px,4vw,52px); }
.message-reader time { color: var(--muted); font-size: 11px; white-space: nowrap; }
.message-reader__sender { color: var(--muted); }
.message-reader__sender strong { color: var(--gold-light); }
.message-reader__body { max-width: 900px; margin: 30px 0; color: #ded4df; font-size: 15px; line-height: 1.95; }
.message-center-grid { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(350px,.65fr); gap: 22px; align-items: start; }
.message-inbox-panel,.message-compose { padding: 0; overflow: hidden; background: linear-gradient(150deg,rgba(18,10,24,.96),rgba(7,4,10,.98)); }
.message-panel-heading,.message-compose > div:first-child { display: flex; justify-content: space-between; align-items: end; gap: 20px; padding: 25px 28px; border-bottom: 1px solid rgba(255,255,255,.08); }
.message-panel-heading h2,.message-compose h2 { margin: 0; font-size: 30px; }
.message-panel-heading > span { color: var(--muted); font-size: 10px; }
.message-bulk-toolbar { display: flex; justify-content: space-between; gap: 15px; align-items: center; padding: 13px 18px; background: rgba(255,255,255,.025); border-bottom: 1px solid rgba(255,255,255,.07); }
.message-bulk-toolbar > label { display: flex; align-items: center; gap: 8px; margin: 0; color: var(--muted); }
.message-bulk-toolbar input { width: 16px; height: 16px; margin: 0; accent-color: var(--gold); }
.message-bulk-toolbar > div { display: flex; flex-wrap: wrap; gap: 7px; }
.message-bulk-toolbar button { padding: 7px 9px; color: var(--gold-light); border: 1px solid var(--line); background: transparent; font-size: 9px; cursor: pointer; }
.message-bulk-toolbar button.is-danger { color: #ffb4b4; border-color: rgba(208,91,91,.45); }
.message-row-list { display: grid; }
.message-row { min-width: 0; display: grid; grid-template-columns: 18px minmax(0,1fr); gap: 13px; align-items: center; margin: 0; padding: 0 20px; border-bottom: 1px solid rgba(255,255,255,.065); }
.message-row > input { width: 17px; height: 17px; margin: 0; accent-color: var(--gold); }
.message-row > a { position: relative; min-width: 0; display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 3px 15px; padding: 17px 0; color: var(--ivory); text-decoration: none; }
.message-row__sender { color: var(--gold); font-size: 9px; letter-spacing: .1em; text-transform: uppercase; }
.message-row strong { overflow: hidden; font: 400 15px/1.35 var(--serif); text-overflow: ellipsis; white-space: nowrap; }
.message-row small { overflow: hidden; color: var(--muted); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.message-row time { grid-row: 1/3; grid-column: 2; color: #786e7c; font-size: 9px; white-space: nowrap; }
.message-row.is-unread { background: rgba(123,52,168,.09); box-shadow: inset 2px 0 var(--violet-bright); }
.message-row.is-unread strong { color: #fff; font-weight: 600; }
.message-row.is-important { box-shadow: inset 2px 0 var(--gold); }
.message-row:hover { background: rgba(211,174,104,.045); }
.message-empty { display: grid; justify-items: center; padding: 70px 24px; color: var(--muted); text-align: center; }
.message-empty > span { color: var(--gold); font-size: 48px; }
.message-empty h3 { margin: 8px 0; color: var(--ivory); font-size: 24px; }
.message-empty p { margin: 0; }
.message-compose { position: sticky; top: 100px; }
.message-compose form { display: grid; gap: 15px; padding: 25px 28px 30px; }
.message-compose label { color: #c8bdca; }
.message-compose input,.message-compose textarea,.message-compose select { margin-top: 7px; border-color: rgba(211,174,104,.25); }
.message-recipient-picker { margin: 0; padding: 14px; max-height: 260px; overflow: auto; border: 1px solid rgba(255,255,255,.09); }
.message-recipient-picker legend { padding: 0 7px; color: var(--gold); font-size: 9px; letter-spacing: .13em; text-transform: uppercase; }
.message-recipient-picker > div { display: grid; gap: 5px; }
.message-recipient-picker label { display: grid; grid-template-columns: 17px minmax(0,1fr); gap: 9px; align-items: start; margin: 0; padding: 8px; border: 1px solid transparent; cursor: pointer; }
.message-recipient-picker label:hover { border-color: rgba(211,174,104,.2); background: rgba(255,255,255,.02); }
.message-recipient-picker input { width: 16px; height: 16px; margin: 3px 0 0; accent-color: var(--gold); }
.message-recipient-picker strong,.message-recipient-picker small { display: block; }
.message-recipient-picker small { color: var(--muted); font-size: 9px; }
.message-compose__privacy { margin: 0; color: var(--muted); font-size: 10px; }
.message-compose .btn { width: 100%; }

@media (max-width: 1050px) {
  .message-center-grid { grid-template-columns: 1fr; }
  .message-compose { position: static; }
}
@media (max-width: 700px) {
  .message-tabs { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .message-bulk-toolbar,.message-reader header { display: grid; }
  .message-bulk-toolbar > div { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .message-row { padding-inline: 14px; }
  .message-row > a { grid-template-columns: 1fr; }
  .message-row time { grid-area: auto; }
  .message-center-hero h1 { font-size: clamp(52px,16vw,78px); }
}

/* Nordische Welt · Figuren-Masterwiki */
.nordic-wiki-hero { position: relative; min-height: 760px; display: flex; align-items: end; isolation: isolate; overflow: hidden; background: linear-gradient(90deg,rgba(3,2,7,.96),rgba(3,2,7,.45) 60%,rgba(3,2,7,.82)),url('../assets/backgrounds/bg-4.png') center/cover; }
.nordic-wiki-hero::before { content: ''; position: absolute; inset: 0; z-index: -1; background: radial-gradient(circle at 75% 35%,rgba(156,86,208,.2),transparent 28%),linear-gradient(0deg,var(--ink),transparent 54%); }
.nordic-wiki-hero__inner { width: min(1180px,calc(100% - 48px)); display: grid; grid-template-columns: minmax(0,1fr) 280px; gap: 70px; align-items: end; padding: 190px 0 105px; }
.nordic-wiki-hero h1 { max-width: 920px; margin: 0; font-size: clamp(62px,9vw,126px); line-height: .88; letter-spacing: -.035em; text-transform: uppercase; text-shadow: 0 20px 70px #000; }
.nordic-wiki-hero__lead { max-width: 760px; margin: 28px 0 0; color: #d2c7d4; font-size: clamp(16px,1.5vw,20px); line-height: 1.75; }
.nordic-wiki-sigil { width: 280px; height: 340px; display: grid; place-items: center; align-content: center; border: 1px solid rgba(211,174,104,.3); background: linear-gradient(160deg,rgba(42,18,57,.58),rgba(6,3,9,.9)); box-shadow: 0 35px 90px rgba(0,0,0,.45),inset 0 0 60px rgba(130,58,174,.08); backdrop-filter: blur(10px); }
.nordic-wiki-sigil span { color: var(--gold-light); font: 400 116px/1 var(--serif); text-shadow: 0 0 45px rgba(211,174,104,.3); }
.nordic-wiki-sigil strong { margin-top: 22px; font: 400 26px/1 var(--serif); text-transform: uppercase; }
.nordic-wiki-sigil small { margin-top: 10px; color: var(--gold); font-size: 8px; letter-spacing: .22em; text-transform: uppercase; }
.nordic-wiki-stats { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1px; padding-block: 0; background: rgba(211,174,104,.16); border: 1px solid rgba(211,174,104,.16); transform: translateY(-30px); }
.nordic-wiki-stats article { min-height: 135px; display: grid; place-content: center; padding: 22px; background: #09050e; text-align: center; }
.nordic-wiki-stats strong { color: var(--gold-light); font: 400 46px/1 var(--serif); }
.nordic-wiki-stats span { margin-top: 10px; color: var(--muted); font-size: 9px; letter-spacing: .12em; text-transform: uppercase; }
.nordic-world-primer,.nordic-nine-worlds,.nordic-featured,.nordic-casting-public,.nordic-master { padding-block: 105px; }
.nordic-primer-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.nordic-primer-grid article { min-height: 285px; padding: 35px; background: linear-gradient(145deg,rgba(31,15,40,.94),rgba(8,5,12,.98)); }
.nordic-primer-grid article > span { color: var(--gold); font-size: 10px; letter-spacing: .2em; }
.nordic-primer-grid h3 { margin: 50px 0 14px; font-size: 30px; }
.nordic-primer-grid p { margin: 0; color: var(--muted); line-height: 1.75; }
.nordic-nine-worlds { border-block: 1px solid rgba(211,174,104,.1); background: radial-gradient(circle at 50% 50%,rgba(103,41,139,.14),transparent 40%); }
.nordic-realm-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; margin-top: 35px; background: rgba(211,174,104,.14); border: 1px solid rgba(211,174,104,.14); }
.nordic-realm-grid article { min-height: 155px; padding: 28px; background: #08040d; }
.nordic-realm-grid span { color: var(--gold-light); font: 400 25px/1 var(--serif); }
.nordic-realm-grid p { margin: 13px 0 0; color: var(--muted); font-size: 12px; line-height: 1.65; }
.nordic-featured-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.nordic-feature-card { min-width: 0; overflow: hidden; color: var(--ivory); border: 1px solid rgba(211,174,104,.18); background: linear-gradient(150deg,rgba(22,12,29,.95),rgba(7,4,10,.99)); text-decoration: none; transition: transform .3s ease,border-color .3s ease,box-shadow .3s ease; }
.nordic-feature-card:hover { transform: translateY(-7px); border-color: rgba(211,174,104,.55); box-shadow: 0 35px 90px rgba(0,0,0,.4); }
.nordic-feature-card__media { position: relative; height: 330px; display: grid; place-items: center; overflow: hidden; background: radial-gradient(circle,rgba(116,51,151,.24),#050208 68%); }
.nordic-feature-card__media img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.78) contrast(1.04); transition: transform .6s ease,filter .3s ease; }
.nordic-feature-card:hover img { transform: scale(1.045); filter: saturate(1); }
.nordic-feature-card__media > span { color: rgba(242,216,159,.84); font: 400 120px/1 var(--serif); text-shadow: 0 0 60px rgba(134,63,180,.5); }
.nordic-feature-card__media > i { position: absolute; left: 16px; bottom: 15px; padding: 6px 9px; color: var(--gold-light); border: 1px solid rgba(211,174,104,.42); background: rgba(5,3,9,.84); font-size: 8px; font-style: normal; letter-spacing: .13em; text-transform: uppercase; }
.nordic-feature-card > div:last-child { padding: 25px; }
.nordic-feature-card h3 { margin: 0 0 10px; font-size: 29px; }
.nordic-feature-card p { min-height: 66px; margin: 0; color: var(--muted); font-size: 12px; line-height: 1.7; }
.nordic-feature-card small { display: block; margin-top: 19px; color: var(--gold); font-size: 9px; line-height: 1.5; }
.nordic-casting-public { background: linear-gradient(180deg,rgba(35,13,46,.16),rgba(5,3,9,0)); }
.nordic-casting-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; }
.nordic-casting-card { min-height: 245px; display: flex; flex-direction: column; padding: 25px; color: var(--ivory); border: 1px solid rgba(211,174,104,.16); background: linear-gradient(145deg,rgba(19,10,26,.94),rgba(7,4,10,.99)); text-decoration: none; transition: border-color .25s ease,background .25s ease,transform .25s ease; }
.nordic-casting-card:hover { transform: translateY(-4px); border-color: rgba(211,174,104,.5); background: linear-gradient(145deg,rgba(45,19,58,.9),rgba(8,4,12,.99)); }
.nordic-casting-card > span { color: var(--gold); font-size: 8px; letter-spacing: .14em; text-transform: uppercase; }
.nordic-casting-card h3 { margin: 25px 0 10px; font-size: 27px; }
.nordic-casting-card p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.7; }
.nordic-casting-card small { margin-top: auto; padding-top: 22px; color: var(--gold-light); font-size: 9px; }
.nordic-master { width: min(1280px,calc(100% - 48px)); }
.nordic-master__head { display: grid; grid-template-columns: minmax(0,1.3fr) minmax(300px,.7fr); gap: 50px; align-items: end; margin-bottom: 30px; }
.nordic-master__head h2 { margin: 0; font-size: clamp(43px,6vw,75px); }
.nordic-master__head > div > p:last-child { max-width: 760px; color: var(--muted); }
.nordic-search { margin: 0; color: var(--gold); font-size: 9px; letter-spacing: .13em; text-transform: uppercase; }
.nordic-search input { width: 100%; margin-top: 9px; padding: 15px 16px; color: var(--ivory); border: 1px solid rgba(211,174,104,.28); background: rgba(5,3,9,.82); font: 400 14px/1.3 var(--sans); }
.nordic-search input:focus { outline: 1px solid var(--gold); border-color: var(--gold); }
.nordic-filter-row { display: flex; flex-wrap: wrap; gap: 7px; padding: 17px; border: 1px solid rgba(211,174,104,.13); background: rgba(255,255,255,.018); }
.nordic-filter-row button { padding: 9px 12px; color: #aaa0ad; border: 1px solid rgba(255,255,255,.09); background: transparent; font-size: 9px; cursor: pointer; }
.nordic-filter-row button:hover,.nordic-filter-row button.is-active { color: #07030a; border-color: var(--gold-light); background: var(--gold-light); }
.nordic-result-count { margin: 14px 0 28px; color: var(--muted); font-size: 10px; text-align: right; }
.nordic-section-list { display: grid; gap: 10px; }
.nordic-section { border: 1px solid rgba(211,174,104,.15); background: linear-gradient(150deg,rgba(18,9,24,.94),rgba(6,3,9,.98)); }
.nordic-section > summary { display: flex; justify-content: space-between; gap: 25px; align-items: center; padding: 24px 28px; list-style: none; cursor: pointer; }
.nordic-section > summary::-webkit-details-marker { display: none; }
.nordic-section > summary span { display: flex; gap: 17px; align-items: center; }
.nordic-section > summary small { color: var(--gold); font-size: 9px; letter-spacing: .16em; }
.nordic-section > summary strong { font: 400 clamp(20px,2.3vw,31px)/1.2 var(--serif); }
.nordic-section > summary i { color: var(--muted); font-size: 9px; font-style: normal; white-space: nowrap; }
.nordic-section[open] > summary { border-bottom: 1px solid rgba(255,255,255,.07); }
.nordic-section > p { max-width: 850px; margin: 25px 28px 18px; color: var(--muted); font-size: 12px; line-height: 1.7; }
.nordic-name-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1px; padding: 0 28px 28px; }
.nordic-name-grid > a { position: relative; min-width: 0; min-height: 92px; display: flex; flex-direction: column; justify-content: center; padding: 15px; color: var(--ivory); border: 1px solid rgba(255,255,255,.07); background: rgba(255,255,255,.018); text-decoration: none; }
.nordic-name-grid > a:hover { z-index: 1; border-color: rgba(211,174,104,.42); background: rgba(112,46,149,.11); }
.nordic-name-grid strong { font: 400 15px/1.3 var(--serif); }
.nordic-name-grid small { margin-top: 5px; overflow: hidden; color: var(--muted); font-size: 8px; line-height: 1.45; text-overflow: ellipsis; }
.nordic-state { width: max-content; margin-top: 9px; padding: 4px 6px; color: var(--gold-light); border: 1px solid rgba(211,174,104,.28); font-size: 7px; letter-spacing: .1em; text-transform: uppercase; }
.nordic-state--casting { color: #dcb8f4; border-color: rgba(150,80,199,.42); }
.nordic-empty { justify-items: center; padding: 90px 20px; color: var(--muted); text-align: center; }
.nordic-empty:not([hidden]) { display: grid; }
.nordic-empty span { color: var(--gold); font-size: 48px; }
.nordic-empty h3 { margin: 10px 0 6px; color: var(--ivory); font-size: 28px; }
.nordic-empty p { margin: 0; }
.nordic-sources { display: grid; grid-template-columns: minmax(280px,.7fr) minmax(0,1.3fr); gap: 70px; padding-block: 100px 130px; border-top: 1px solid rgba(211,174,104,.12); }
.nordic-sources h2 { margin: 0; font-size: clamp(34px,5vw,58px); }
.nordic-sources > div:last-child > p { margin: 0; color: var(--muted); line-height: 1.85; }
.nordic-sources nav { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 25px; }
.nordic-sources nav a { padding: 9px 11px; color: var(--gold-light); border: 1px solid var(--line); font-size: 8px; text-decoration: none; }

/* Wiki-Figur Detail */
.nordic-figure-hero { min-height: 760px; display: flex; align-items: end; background: radial-gradient(circle at 70% 25%,rgba(112,46,149,.25),transparent 35%),linear-gradient(145deg,#110817,#030205 68%); }
.nordic-figure-hero__inner { width: min(1180px,calc(100% - 48px)); display: grid; grid-template-columns: minmax(260px,410px) minmax(0,1fr); gap: clamp(45px,8vw,115px); align-items: end; padding-top: 150px; }
.nordic-figure-portrait { height: 580px; display: grid; place-items: center; overflow: hidden; border: 1px solid rgba(211,174,104,.32); border-bottom: 0; background: radial-gradient(circle,rgba(120,50,163,.22),#050208 68%); box-shadow: 0 40px 100px rgba(0,0,0,.5); }
.nordic-figure-portrait img { width: 100%; height: 100%; object-fit: cover; }
.nordic-figure-portrait span { color: rgba(240,214,156,.8); font: 400 150px/1 var(--serif); text-shadow: 0 0 70px rgba(138,57,201,.45); }
.nordic-figure-copy { padding-bottom: 90px; }
.nordic-figure-copy h1 { margin: 0; font-size: clamp(54px,8vw,106px); line-height: .93; overflow-wrap: anywhere; }
.nordic-figure-aliases { margin: 14px 0 0; color: var(--gold); font-size: 10px; letter-spacing: .08em; }
.nordic-figure-lead { max-width: 770px; margin: 25px 0 0; color: #d4c8d5; font-size: clamp(16px,1.6vw,21px); line-height: 1.75; }
.nordic-figure-badges { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 24px; }
.nordic-figure-badges span { padding: 7px 10px; color: var(--gold-light); border: 1px solid rgba(211,174,104,.28); font-size: 8px; letter-spacing: .1em; text-transform: uppercase; }
.nordic-voice-credit { width: max-content; min-width: 240px; display: grid; margin-top: 26px; padding: 15px 19px; border-left: 2px solid var(--gold); background: rgba(255,255,255,.025); }
.nordic-voice-credit small { color: var(--muted); font-size: 8px; letter-spacing: .14em; text-transform: uppercase; }
.nordic-voice-credit strong { margin-top: 5px; color: var(--ivory); font: 400 19px/1.3 var(--serif); }
.nordic-figure-body { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; padding-block: 95px 125px; }
.nordic-figure-body article { padding: clamp(28px,5vw,50px); }
.nordic-figure-body h2 { margin: 0 0 18px; font-size: clamp(30px,4vw,48px); }
.nordic-figure-body article > p:last-child { color: var(--muted); line-height: 1.8; }
.nordic-group-links { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 22px; }
.nordic-group-links a { padding: 7px 9px; color: var(--gold-light); border: 1px solid var(--line); font-size: 8px; text-decoration: none; }
.nordic-figure-production { background: linear-gradient(145deg,rgba(49,21,64,.28),rgba(7,4,10,.98)); }
.nordic-figure-missing { min-height: 650px; display: grid; place-content: center; justify-items: start; }
.nordic-figure-missing h1 { margin: 0; font-size: clamp(50px,8vw,95px); }

/* Casting mit Wiki-Verknüpfung */
.casting-role-card__lore { min-height: 58px; color: var(--muted); font-size: 11px; line-height: 1.65; }
.casting-role-card__meta { display: flex; justify-content: space-between; gap: 12px; align-items: center; margin-bottom: 15px; color: var(--muted); font-size: 9px; }
.casting-role-card__meta a,.casting-wiki-link { color: var(--gold-light); font-size: 9px; text-decoration: none; }
.casting-admin-lore { margin: 12px 0; color: var(--muted); font-size: 11px; line-height: 1.65; }
.casting-assignment small { display: block; margin-top: 5px; color: var(--muted); font-size: 8px; letter-spacing: .08em; text-transform: uppercase; }
.wiki-category-grid__world { background: radial-gradient(circle at 85% 20%,rgba(151,76,198,.2),transparent 35%),linear-gradient(145deg,rgba(32,15,42,.95),rgba(7,4,10,.99)) !important; }

@media (max-width: 1100px) {
  .nordic-featured-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .nordic-casting-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .nordic-name-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width: 850px) {
  .nordic-wiki-hero__inner { grid-template-columns: minmax(0,1fr) 170px; gap: 30px; }
  .nordic-wiki-sigil { width: 170px; height: 230px; }
  .nordic-wiki-sigil span { font-size: 78px; }
  .nordic-wiki-stats { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .nordic-primer-grid,.nordic-realm-grid { grid-template-columns: 1fr; }
  .nordic-casting-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .nordic-master__head,.nordic-sources { grid-template-columns: 1fr; gap: 30px; }
  .nordic-figure-hero__inner { grid-template-columns: 180px minmax(0,1fr); gap: 30px; }
  .nordic-figure-portrait { height: 270px; border-bottom: 1px solid rgba(211,174,104,.32); }
  .nordic-figure-body { grid-template-columns: 1fr; }
}
@media (max-width: 650px) {
  .nordic-wiki-hero { min-height: 720px; }
  .nordic-wiki-hero__inner { width: min(100% - 32px,1180px); display: block; padding: 145px 0 75px; }
  .nordic-wiki-hero h1 { font-size: clamp(55px,17vw,82px); }
  .nordic-wiki-sigil { display: none; }
  .nordic-wiki-stats { width: calc(100% - 32px); transform: translateY(-18px); }
  .nordic-wiki-stats article { min-height: 110px; padding: 14px; }
  .nordic-wiki-stats strong { font-size: 36px; }
  .nordic-world-primer,.nordic-nine-worlds,.nordic-featured,.nordic-casting-public,.nordic-master { padding-block: 75px; }
  .nordic-featured-grid,.nordic-casting-grid { grid-template-columns: 1fr; }
  .nordic-feature-card__media { height: 390px; }
  .nordic-name-grid { grid-template-columns: repeat(2,minmax(0,1fr)); padding: 0 13px 16px; }
  .nordic-section > summary { padding: 20px 16px; }
  .nordic-section > summary span { align-items: start; }
  .nordic-section > p { margin-inline: 16px; }
  .nordic-filter-row { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .nordic-figure-hero { min-height: 0; }
  .nordic-figure-hero__inner { width: min(100% - 32px,1180px); display: block; padding-top: 125px; }
  .nordic-figure-portrait { width: 155px; height: 200px; margin-bottom: 30px; }
  .nordic-figure-copy { padding-bottom: 65px; }
  .nordic-figure-copy h1 { font-size: clamp(45px,14vw,72px); }
}
@media (max-width: 430px) {
  .nordic-name-grid { grid-template-columns: 1fr; }
  .nordic-filter-row { grid-template-columns: 1fr; }
}

/* Die lebende Chronik */
.news-chronicle-hero{position:relative;isolation:isolate;min-height:min(780px,88vh);display:grid;align-items:end;overflow:hidden;background:linear-gradient(90deg,rgba(3,2,7,.97),rgba(8,4,13,.64) 54%,rgba(5,3,9,.82)),url('../assets/backgrounds/bg-1.png') center/cover}
.news-chronicle-hero:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 72% 30%,rgba(149,75,221,.24),transparent 26%),radial-gradient(circle at 18% 85%,rgba(216,169,77,.13),transparent 23%);animation:chronicle-breathe 9s ease-in-out infinite alternate}
.news-chronicle-hero:after{content:"";position:absolute;inset:auto 0 0;height:220px;background:linear-gradient(transparent,#07040c)}
@keyframes chronicle-breathe{from{opacity:.55;transform:scale(1)}to{opacity:1;transform:scale(1.055)}}
.news-chronicle-hero .content-shell{position:relative;z-index:2;padding-bottom:clamp(80px,11vw,150px)}.news-chronicle-hero h1{max-width:920px;margin:.15em 0;font:500 clamp(60px,10vw,138px)/.83 Georgia,serif;letter-spacing:-.055em}.news-chronicle-hero h1 em{color:var(--gold-light);font-weight:400}.news-chronicle-hero .content-shell>p:not(.kicker){max-width:690px;color:#c7bdc9;font-size:clamp(16px,2vw,21px);line-height:1.75}.news-chronicle-hero .button{margin-top:22px}
.news-chronicle-hero__runes{position:absolute;z-index:1;inset:0;pointer-events:none}.news-chronicle-hero__runes span{position:absolute;color:rgba(225,190,105,.19);font:400 clamp(80px,14vw,200px) Georgia,serif;text-shadow:0 0 50px rgba(155,77,255,.28);animation:rune-float 11s ease-in-out infinite alternate}.news-chronicle-hero__runes span:nth-child(1){right:7%;top:15%}.news-chronicle-hero__runes span:nth-child(2){right:31%;top:52%;font-size:80px;animation-delay:-4s}.news-chronicle-hero__runes span:nth-child(3){left:4%;top:12%;font-size:65px;animation-delay:-7s}@keyframes rune-float{to{transform:translateY(-24px) rotate(3deg);opacity:.65}}
.news-chronicle{position:relative;z-index:2;margin-top:-42px;padding-bottom:120px}.news-feature-story{display:grid;grid-template-columns:minmax(300px,.86fr) minmax(0,1.14fr);min-height:590px;overflow:hidden;border:1px solid rgba(216,169,77,.3);border-radius:28px;background:linear-gradient(145deg,rgba(19,12,27,.96),rgba(6,4,10,.98));box-shadow:0 35px 120px rgba(0,0,0,.52),0 0 70px rgba(118,54,206,.11)}
.news-feature-story__image{position:relative;min-height:500px;overflow:hidden}.news-feature-story__image img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s ease}.news-feature-story:hover .news-feature-story__image img{transform:scale(1.035)}.news-feature-story__image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 65%,rgba(9,5,14,.72)),linear-gradient(0deg,rgba(4,2,8,.45),transparent 45%)}.news-feature-story__image span{position:absolute;z-index:2;left:28px;bottom:26px;width:48px;height:48px;border:1px solid rgba(239,204,116,.48);border-radius:50%;box-shadow:0 0 35px rgba(216,169,77,.22)}.news-feature-story__image span:before,.news-feature-story__image span:after{content:"";position:absolute;inset:11px;border:1px solid rgba(239,204,116,.35);transform:rotate(45deg)}.news-feature-story__image span:after{inset:18px;border-radius:50%}
.news-feature-story__body{align-self:center;padding:clamp(30px,5vw,75px)}.news-feature-story__body h2{margin:.32em 0;font:500 clamp(42px,6vw,78px)/.98 Georgia,serif;color:#f0d28a;letter-spacing:-.035em}.news-story-meta{display:flex;align-items:center;gap:10px 18px;flex-wrap:wrap;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.11em}.news-story-meta span{padding:6px 9px;border:1px solid rgba(90,196,122,.35);border-radius:999px;color:#8be0a5;background:rgba(90,196,122,.07)}.news-story-meta b{color:#d8c6dc;font-weight:500}.news-story-copy{color:#d7ceda;font-size:16px;line-height:1.85}.news-feature-story .news-story-copy{font-size:17px}.news-story-copy h1,.news-story-copy h2,.news-story-copy h3{margin:.8em 0 .35em;color:#edcb78;font-family:Georgia,serif;line-height:1.15}.news-story-copy h1{font-size:2.1em}.news-story-copy h2{font-size:1.7em}.news-story-copy h3{font-size:1.35em}
.news-chronicle-heading{margin-top:110px}.news-story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.news-story-card{overflow:hidden;border:1px solid rgba(216,169,77,.2);border-radius:22px;background:linear-gradient(145deg,rgba(17,11,24,.93),rgba(7,5,11,.96));box-shadow:0 25px 70px rgba(0,0,0,.26);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.news-story-card:hover{transform:translateY(-7px);border-color:rgba(216,169,77,.5);box-shadow:0 34px 90px rgba(0,0,0,.4),0 0 38px rgba(155,77,255,.1)}.news-story-card__image{position:relative;height:310px;overflow:hidden}.news-story-card__image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,3,10,.62),transparent 60%)}.news-story-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}.news-story-card:hover img{transform:scale(1.045)}.news-story-card__image span{position:absolute;z-index:2;right:20px;bottom:15px;color:#efd17e;font:500 30px Georgia,serif}.news-story-card__body{padding:clamp(24px,4vw,42px)}.news-story-card h3{margin:.45em 0;font:500 clamp(28px,3.5vw,48px)/1.04 Georgia,serif;color:#eed086}.news-chronicle-empty{max-width:850px;margin:60px auto;padding:80px 30px;text-align:center}.news-chronicle-empty>span{display:block;color:var(--gold);font-size:65px}.news-chronicle-empty h2{font:500 clamp(36px,5vw,64px) Georgia,serif}
@media(max-width:900px){.news-feature-story{grid-template-columns:1fr}.news-feature-story__image{min-height:390px}.news-story-grid{grid-template-columns:1fr}.news-chronicle-hero{min-height:700px}.news-chronicle-hero h1{font-size:clamp(57px,14vw,100px)}}
@media(max-width:560px){.news-feature-story{border-radius:20px}.news-feature-story__image{min-height:300px}.news-feature-story__body{padding:28px 22px}.news-feature-story__body h2{font-size:42px}.news-story-card__image{height:240px}.news-chronicle{margin-top:-24px}.news-chronicle-heading{margin-top:75px}.news-story-copy{font-size:15px}}