/* HKD · Portfolio-Skin — DUNKEL (Schriftbild wie Startseite)
   Bildkunst-Katalogseiten im dunklen VASTIS-System: Kosmos-Hintergrund,
   Cormorant Garamond + Crimson Pro, helle Schrift, Gold-Akzente.
   Erzwingt helle Textfarben (überschreibt die dunklen Inline-Farben der Seiten). */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,200;0,300;0,400;1,200;1,300&family=Crimson+Pro:ital,wght@0,200;0,300;1,200&display=swap');

:root{
  --paper:#0e0f15; --ink:#e4e0d6; --gold:#c9a84c;
  --line:rgba(228,224,214,0.12); --muted:rgba(228,224,214,0.62); --soft:rgba(228,224,214,0.40);
}

body{
  background:
    linear-gradient(rgba(14,15,21,0.45), rgba(14,15,21,0.45)),
    url('../../../img/highkey/kosmos/view/kosmos_01_omega_karte_iii.jpg') center center / cover no-repeat fixed,
    #0e0f15 !important;
  color:#e4e0d6 !important;
  font-family:'Cormorant Garamond', Georgia, serif !important;
  font-weight:300;
}
a{ color:inherit !important; }
a:hover{ text-decoration:none !important; color:var(--gold) !important; }

/* Wiki-Chrome & Fan-Lore ausblenden */
.topbar, .breadcrumb, .topbar-meta, .sidebar, .featured-banner,
aside, .tabs, footer.footer, .search { display:none !important; }

/* Layout → schlichte Portfolio-Spalte */
.layout, .page{
  display:block !important;
  max-width:1180px !important; margin:0 auto !important;
  padding:0 1.5rem 4rem !important;
  grid-template-columns:none !important; gap:0 !important;
}
.content{
  background:transparent !important; border:0 !important; box-shadow:none !important;
  padding:1.4rem 0 0 !important; min-width:0;
}

/* ALLE Inhaltstexte hell — überschreibt dunkle Inline-Farben der Seiten */
.content, .content p, .content li, .content td, .content th, .content div, .content span,
.achse-block, .achse-block .desc, .desc, .count, .subtitle, .status-strip, .bk-quote{
  color:#e4e0d6 !important;
}

/* Überschriften */
.content h1, .content h2, .content h3, .content h4{
  font-family:'Cormorant Garamond', Georgia, serif !important;
  font-weight:400 !important; color:#f3efe6 !important; letter-spacing:0;
}
.content h2{ font-size:clamp(1.8rem,3vw,2.4rem) !important; border:0 !important; margin-bottom:.3rem; }
.content h3{ font-size:1.35rem !important; border-bottom:1px solid var(--line) !important; padding-bottom:.4rem !important; }
.achse-block h3{ color:#f3efe6 !important; }

/* Label-Typo: Crimson Pro, Gold */
.subtitle{ font-family:'Crimson Pro', serif !important; font-weight:200; font-size:.82rem !important; letter-spacing:.16em; text-transform:uppercase; color:var(--gold) !important; }
.desc{ color:rgba(228,224,214,0.80) !important; }
.count{ font-family:'Crimson Pro', serif !important; font-weight:200; color:var(--gold) !important; letter-spacing:.14em; text-transform:uppercase; }
.status-strip{ display:flex !important; flex-wrap:wrap; gap:.5rem 1.2rem; font-family:'Crimson Pro', serif !important; font-weight:200; font-size:.74rem !important; letter-spacing:.1em; text-transform:uppercase; color:rgba(228,224,214,0.62) !important; margin:.6rem 0 0 !important; }

/* Hinweis-Boxen */
.notice, .notice.info{
  background:rgba(201,168,76,0.08) !important; border:0 !important;
  border-left:2px solid var(--gold) !important; color:rgba(228,224,214,0.82) !important;
  padding:.7rem 1rem !important; font-size:.96rem; border-radius:0 !important;
}

/* Werk-Karten: dunkles Glas */
.bk-card{ border:1px solid rgba(228,224,214,0.12) !important; background:rgba(14,15,21,0.55) !important; backdrop-filter:blur(3px); -webkit-backdrop-filter:blur(3px); }
.bk-card .bk-title{ font-family:'Cormorant Garamond', Georgia, serif !important; font-weight:400 !important; color:#f3efe6 !important; }
.bk-card .bk-meta .pill{ color:#e4e0d6 !important; border-color:rgba(228,224,214,0.25) !important; }
.bk-card .bk-meta .pill.gold{ background:rgba(201,168,76,0.18) !important; border-color:var(--gold) !important; color:#ecd49a !important; }
.bk-quote{ color:rgba(228,224,214,0.6) !important; }

/* Matrix-Tabelle dunkel */
.matrix-table th{ background:rgba(201,168,76,0.14) !important; color:#f3efe6 !important; border-color:rgba(228,224,214,0.14) !important; }
.matrix-table td{ background:rgba(14,15,21,0.42) !important; color:#e4e0d6 !important; border-color:rgba(228,224,214,0.12) !important; }
.matrix-table tr:hover td{ background:rgba(201,168,76,0.10) !important; }

/* Injizierter Portfolio-Header */
.hkd-pf{ max-width:1180px; margin:0 auto; padding:1.4rem 1.5rem 0; font-family:'Cormorant Garamond', Georgia, serif; }
.hkd-pf .nm a{ font-size:1.05rem; letter-spacing:.05em; color:#f3efe6 !important; }
.hkd-pf nav{ display:flex; flex-wrap:wrap; gap:.7rem 1.3rem; margin-top:.6rem; font-family:'Crimson Pro', serif; font-weight:200; font-size:.74rem; letter-spacing:.16em; text-transform:uppercase; }
.hkd-pf nav a{ color:rgba(228,224,214,0.62) !important; }
.hkd-pf nav a.active{ color:var(--gold) !important; }
.hkd-pf nav a:hover{ color:var(--gold) !important; }
.hkd-pf .sub{ display:flex; flex-wrap:wrap; gap:.6rem 1.1rem; margin-top:.55rem; font-family:'Crimson Pro', serif; font-size:.66rem; letter-spacing:.12em; text-transform:uppercase; }
.hkd-pf .sub a{ color:rgba(228,224,214,0.5) !important; }
.hkd-pf .sub a:hover{ color:var(--gold) !important; }
.hkd-pf .rule{ height:1px; background:var(--line); margin-top:1.1rem; }