*{margin:0;padding:0;box-sizing:border-box;}
:root{
  --black:#000000;
  --grey-dark:#333333;
  --text:#e0e0e0;
  --white:#ffffff;
  --green:#00FF41;
  --red:#FF2A2A;
  --red-dim:rgba(255,42,42,0.1);
  --red-border:rgba(255,42,42,0.2);
  --border:rgba(255,255,255,0.06);
  --mono:'JetBrains Mono',monospace;
  --display:'Barlow Semi Condensed',sans-serif;
}
html{scroll-behavior:smooth;}
body{
  background:var(--black);
  color:var(--text);
  font-family:var(--display);
  font-size:16px;
  line-height:1.7;
  overflow-x:hidden;
}

/* NAV */
nav{
  position:sticky;top:0;z-index:100;
  background:rgba(0,0,0,0.96);
  border-bottom:1px solid var(--red-border);
  backdrop-filter:blur(12px);
  height:56px;
  display:flex;align-items:center;
  justify-content:space-between;
  padding:0 2.5rem;
}
.nav-logo{
  font-family:var(--mono);font-size:12px;
  color:rgba(224,224,224,0.85);letter-spacing:0.08em;
  text-decoration:none;font-weight:700;
}
.nav-logo span{color:var(--red);}
.nav-links{display:flex;gap:2.5rem;list-style:none;}
.nav-links a{
  font-family:var(--mono);font-size:12px;
  letter-spacing:0.12em;text-transform:uppercase;
  color:var(--text-muted);text-decoration:none;
  transition:color 0.2s;
}
.nav-links a:hover{color:var(--red);}

/* HERO */
.hero{
  min-height:90vh;
  display:grid;
  grid-template-columns:1fr 360px;
  position:relative;
  overflow:hidden;
}
.hero::after{
  content:'';
  position:absolute;top:0;left:0;right:0;bottom:0;
  background:none;
  pointer-events:none;
}
.hero-left{
  padding:5.5rem 3rem 4rem 2.5rem;
  display:flex;flex-direction:column;justify-content:center;
  border-right:1px solid var(--border);
}
.hero-eyebrow{
  font-family:var(--mono);font-size:12px;
  letter-spacing:0.2em;text-transform:uppercase;
  color:var(--text-muted);
  margin-bottom:1.75rem;
  display:flex;align-items:center;gap:0.75rem;
  opacity:0;animation:fadeUp 0.5s 0.1s forwards;
}
.hero-eyebrow::before{
  content:'';width:24px;height:1px;background:rgba(224,224,224,0.32);flex-shrink:0;
}
h1{
  font-family:var(--display);
  font-size:clamp(2.6rem,5vw,4.5rem);
  font-weight:800;line-height:1.05;
  letter-spacing:-0.01em;
  color:var(--white);margin-bottom:1.5rem;
  opacity:0;animation:fadeUp 0.6s 0.2s forwards;
}
h1 em{font-style:normal;color:var(--red);}
.hero-sub{
  font-family:var(--display);
  font-size:1.05rem;font-weight:400;
  color:var(--text-soft);
  max-width:520px;margin-bottom:2.75rem;
  line-height:1.85;
  opacity:0;animation:fadeUp 0.6s 0.35s forwards;
}
.hero-actions{
  display:flex;gap:1rem;flex-wrap:wrap;
  opacity:0;animation:fadeUp 0.6s 0.5s forwards;
}
.btn-red{
  font-family:var(--mono);font-size:12px;
  letter-spacing:0.1em;text-transform:uppercase;
  color:var(--white);background:var(--red);
  border:1px solid var(--red);
  padding:0.75rem 1.6rem;cursor:pointer;
  text-decoration:none;display:inline-block;
  transition:opacity 0.2s;
}
.btn-red:hover{opacity:0.82;}
.btn-ghost{
  font-family:var(--mono);font-size:12px;
  letter-spacing:0.1em;text-transform:uppercase;
  color:var(--text-soft);background:transparent;
  border:1px solid var(--border);
  padding:0.75rem 1.6rem;cursor:pointer;
  text-decoration:none;display:inline-block;
  transition:all 0.2s;
}
.btn-ghost:hover{border-color:var(--red-border);color:var(--white);}
.hero-stats{
  margin-top:4rem;padding-top:2rem;
  border-top:1px solid var(--border);
  display:flex;gap:3rem;
  opacity:0;animation:fadeUp 0.6s 0.65s forwards;
}
.stat-num{
  font-family:var(--mono);font-size:1.5rem;
  font-weight:700;color:var(--text-muted);display:block;
  letter-spacing:-0.02em;
}
.stat-label{
  font-family:var(--mono);font-size:12px;
  color:var(--text-muted);
  letter-spacing:0.1em;text-transform:uppercase;
}

/* HERO RIGHT */
.hero-right{
  background:var(--grey-dark);
  display:flex;flex-direction:column;
  align-items:center;justify-content:center;
  padding:3rem 2rem;gap:1.25rem;
}
.hero-photo{
  width:190px;height:190px;
  border-radius:50%;object-fit:cover;
  border:2px solid var(--red);display:block;
}
.hero-name{
  font-family:var(--display);font-size:1.4rem;
  font-weight:800;color:var(--white);
  text-align:center;letter-spacing:-0.01em;
}
.hero-role{
  font-family:var(--mono);font-size:12px;
  color:var(--text-muted);letter-spacing:0.12em;
  text-transform:uppercase;text-align:center;line-height:2;
}
.hero-badge{
  font-family:var(--mono);font-size:12px;
  background:var(--red-dim);color:var(--text-muted);
  border:1px solid var(--red-border);
  padding:5px 12px;letter-spacing:0.1em;
  text-transform:uppercase;text-align:center;
}

/* SECTIONS */
section{
  padding:5rem 2.5rem;
  border-bottom:1px solid var(--border);
}
.section-label{
  font-family:var(--mono);font-size:12px;
  color:var(--text-muted);letter-spacing:0.18em;
  text-transform:uppercase;margin-bottom:0.75rem;
}
.section-title{
  font-family:var(--display);
  font-size:clamp(1.8rem,3vw,2.4rem);
  font-weight:800;color:var(--white);
  letter-spacing:-0.01em;margin-bottom:0.6rem;
}
.section-desc{
  color:var(--text-muted);
  max-width:500px;margin-bottom:3rem;
  font-size:0.9rem;line-height:1.8;
}

/* PUB GRID */
.pub-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(300px,1fr));
  gap:1px;background:var(--border);
}
.pub-card{
  background:var(--black);padding:1.75rem;
  text-decoration:none;display:flex;
  flex-direction:column;gap:0.65rem;
  transition:background 0.18s;
}
.pub-card:hover{background:var(--grey-dark);}
.pub-card:hover .pub-arrow{transform:translateX(5px);color:var(--red);}
.pub-card.featured{
  grid-column:1/-1;
  border-left:2px solid rgba(224,224,224,0.32);
}
.pub-tag{
  font-family:var(--mono);font-size:12px;
  letter-spacing:0.12em;text-transform:uppercase;
  color:var(--text-muted);
}
.pub-card[data-category="manipuliert"] .pub-tag{color:var(--text-muted);}
.pub-card[data-category="raw"] .pub-tag{color:var(--text-muted);}
.pub-card[data-category="gast"] .pub-tag{color:var(--white);}
[data-category="whitepaper"] .pub-tag{color:var(--text-muted);}
.pub-title{
  font-family:var(--display);
  font-size:1.05rem;font-weight:700;
  color:var(--white);line-height:1.35;
}
.pub-card.featured .pub-title{font-size:1.2rem;}
.pub-excerpt{
  font-size:0.875rem;color:var(--text-muted);
  line-height:1.65;flex:1;
}
.pub-meta{
  display:flex;justify-content:space-between;
  align-items:center;margin-top:0.5rem;
}
.pub-date{
  font-family:var(--mono);font-size:12px;
  color:var(--text-muted);
}
.pub-arrow{
  color:var(--text-muted);font-size:13px;
  transition:all 0.18s;
}
.new-tag{
  font-family:var(--mono);font-size:12px;
  background:var(--red-dim);color:var(--red);
  border:1px solid var(--red-border);
  padding:2px 8px;letter-spacing:0.1em;
}

/* NEWSLETTER */
.nl-wrap{
  border:1px solid var(--red-border);
  border-top:2px solid rgba(224,224,224,0.32);
  background:var(--grey-dark);
}
.nl-banner{
  width:100%;height:auto;display:block;
  max-height:160px;object-fit:cover;object-position:center;
}
.nl-body{
  padding:2.5rem;
  display:grid;grid-template-columns:1fr auto;
  gap:3rem;align-items:center;
}
.nl-label{
  font-family:var(--mono);font-size:12px;
  letter-spacing:0.18em;color:var(--text-muted);
  text-transform:uppercase;margin-bottom:0.5rem;
}
.nl-title{
  font-family:var(--display);font-size:1.4rem;
  font-weight:800;color:var(--white);
  margin-bottom:0.4rem;letter-spacing:-0.01em;
}
.nl-desc{
  font-size:0.875rem;color:var(--text-muted);line-height:1.75;
}
.nl-cta{
  display:flex;flex-direction:column;
  align-items:center;gap:0.6rem;min-width:210px;
}
.li-btn{
  display:flex;align-items:center;justify-content:center;gap:8px;
  background:var(--red);color:var(--white);
  text-decoration:none;font-family:var(--mono);
  font-size:12px;letter-spacing:0.08em;
  padding:0.75rem 1.4rem;
  transition:opacity 0.2s;width:100%;text-align:center;
}
.li-btn:hover{opacity:0.88;}
.nl-fine{
  font-family:var(--mono);font-size:12px;
  color:var(--text-muted);letter-spacing:0.05em;text-align:center;
}
/* ABOUT */
.about-grid{
  display:grid;grid-template-columns:auto 1fr;
  gap:3rem;align-items:start;
}
.about-photo{
  width:170px;height:170px;
  border-radius:50%;object-fit:cover;
  border:2px solid var(--red);flex-shrink:0;
}
.about-quote{
  font-family:var(--display);
  font-size:1.25rem;font-weight:700;
  color:var(--white);line-height:1.4;
  border-left:2px solid rgba(224,224,224,0.32);
  padding-left:1.25rem;margin-bottom:1.25rem;
}
.about-body{
  font-size:0.9rem;color:var(--text-soft);
  line-height:1.85;margin-bottom:1.25rem;
}
.about-body strong{color:var(--white);font-weight:600;}
.creds{display:flex;flex-direction:column;gap:0.45rem;margin-bottom:1.5rem;}
.cred{
  font-family:var(--mono);font-size:12px;
  color:var(--text-muted);letter-spacing:0.06em;
  display:flex;align-items:center;gap:0.65rem;
}
.cred::before{content:'✓';color:var(--text-muted);font-size:12px;flex-shrink:0;}

/* FOOTER */
footer{
  padding:2rem 2.5rem;
  border-top:1px solid var(--border);
  display:flex;justify-content:space-between;
  align-items:center;flex-wrap:wrap;gap:1rem;
}
.footer-logo{
  font-family:var(--mono);font-size:12px;
  color:var(--text-muted);letter-spacing:0.1em;
}
.footer-disclaimer{
  font-family:var(--mono);font-size:12px;
  color:var(--text-muted);
  max-width:400px;line-height:1.65;
}
.footer-links{display:flex;gap:1.5rem;list-style:none;}
.footer-links a{
  font-family:var(--mono);font-size:12px;
  color:var(--text-muted);text-decoration:none;
  letter-spacing:0.08em;text-transform:uppercase;
  transition:color 0.2s;
}
.footer-links a:hover{color:var(--red);}

/* CURSOR */
.cursor{
  display:inline-block;width:3px;height:0.85em;
  background:rgba(224,224,224,0.32);vertical-align:text-bottom;
  animation:blink 1.1s step-end infinite;margin-left:3px;
}

/* RAW VISUAL BRIEFINGS */
.raw-section{
  padding:5rem 2.5rem;
  border-bottom:1px solid var(--border);
  background:rgba(255,255,255,0.012);
}
.raw-label{
  font-family:var(--mono);font-size:12px;
  color:var(--text-muted);letter-spacing:0.18em;
  text-transform:uppercase;margin-bottom:0.75rem;
}
.raw-section-title{
  font-family:var(--display);
  font-size:clamp(1.8rem,3vw,2.4rem);
  font-weight:800;color:var(--white);
  letter-spacing:-0.01em;margin-bottom:0.6rem;
}
.raw-section-desc{
  color:var(--text-muted);
  max-width:520px;margin-bottom:3rem;
  font-size:0.9rem;line-height:1.8;
}
.raw-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
  gap:1.5rem;
  max-width:1100px;
}
.raw-card{
  background:var(--grey-dark);
  text-decoration:none;
  display:flex;flex-direction:column;
  border:1px solid var(--border);
  transition:border-color 0.2s,transform 0.2s;
  overflow:hidden;
}
.raw-card:hover{
  border-color:rgba(0,255,65,0.35);
  transform:translateY(-2px);
}
.raw-img-wrap{
  width:100%;
  aspect-ratio:4/5;
  overflow:hidden;
  background:var(--black);
  position:relative;
}
.raw-img{
  width:100%;height:100%;
  object-fit:cover;display:block;
  transition:transform 0.5s ease;
}
.raw-card:hover .raw-img{transform:scale(1.04);}
.raw-content{
  padding:1.5rem 1.5rem 1.75rem;
  display:flex;flex-direction:column;
  gap:0.6rem;flex:1;
}
.raw-tag{
  font-family:var(--mono);font-size:12px;
  color:var(--text-muted);letter-spacing:0.12em;
  text-transform:uppercase;
}
.raw-platform{color:var(--text-muted);}
.raw-title{
  font-family:var(--display);font-size:1.15rem;
  font-weight:800;color:var(--white);
  line-height:1.3;letter-spacing:-0.01em;margin:0;
}
.raw-excerpt{
  font-size:0.875rem;
  color:var(--text-soft);
  line-height:1.65;flex:1;margin:0;
}
.raw-foot{
  display:flex;justify-content:space-between;
  align-items:center;margin-top:0.5rem;
  font-family:var(--mono);font-size:12px;
  color:var(--text-muted);letter-spacing:0.06em;
}
.raw-arrow{
  font-size:13px;color:var(--text-muted);
  transition:transform 0.18s;
}
.raw-card:hover .raw-arrow{transform:translateX(4px);}
@media(max-width:768px){
  .raw-section{padding:3.5rem 1.25rem;}
  .raw-grid{grid-template-columns:1fr;gap:1rem;}
}

/* LATEST LINKEDIN BLOCK */
.latest-section{
  padding:3rem 2.5rem;
  border-bottom:1px solid var(--border);
  background:rgba(255,255,255,0.015);
}
.latest-wrap{
  max-width:920px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:2rem;
  align-items:center;
}
.latest-pulse{
  display:flex;flex-direction:column;align-items:center;gap:0.5rem;
  font-family:var(--mono);font-size:12px;color:var(--green);
  letter-spacing:0.18em;text-transform:uppercase;
}
.pulse-dot{
  width:8px;height:8px;border-radius:50%;
  background:var(--green);
  box-shadow:0 0 12px rgba(0,255,65,0.6);
  animation:pulse 2s ease-in-out infinite;
}
@keyframes pulse{
  0%,100%{opacity:1;transform:scale(1);}
  50%{opacity:0.5;transform:scale(0.85);}
}
.latest-content{display:flex;flex-direction:column;gap:0.4rem;min-width:0;}
.latest-meta{
  font-family:var(--mono);font-size:12px;
  color:var(--text-muted);letter-spacing:0.12em;
  text-transform:uppercase;
}
.latest-meta .latest-source{color:var(--text-muted);}
.latest-title{
  font-family:var(--display);font-size:1.05rem;
  font-weight:700;color:var(--white);
  line-height:1.4;
}
.latest-excerpt{
  font-size:0.875rem;color:var(--text-soft);
  line-height:1.65;
}
.latest-cta{
  display:flex;align-items:center;gap:0.5rem;
  font-family:var(--mono);font-size:12px;
  color:var(--text-muted);letter-spacing:0.1em;
  text-transform:uppercase;text-decoration:none;
  border:1px solid rgba(255,255,255,0.25);
  padding:0.65rem 1.1rem;
  transition:all 0.2s;
  white-space:nowrap;
}
.latest-cta:hover{
  background:rgba(0,255,65,0.06);
  border-color:rgba(0,255,65,0.5);
}
@media(max-width:768px){
  .latest-wrap{grid-template-columns:1fr;gap:1rem;text-align:left;}
  .latest-pulse{flex-direction:row;align-self:flex-start;}
  .latest-cta{align-self:flex-start;}
  .latest-section{padding:2rem 1.25rem;}
}
@keyframes blink{0%,100%{opacity:1;}50%{opacity:0;}}
@keyframes fadeUp{
  from{opacity:0;transform:translateY(16px);}
  to{opacity:1;transform:translateY(0);}
}

@media(max-width:768px){
  .hero{grid-template-columns:1fr;}
  .hero-right{display:none;}
  .nl-body{grid-template-columns:1fr;gap:1.5rem;}
  .about-grid{grid-template-columns:1fr;}
  .about-photo{width:110px;height:110px;}
  nav{padding:0 1.25rem;}
  .nav-links{gap:1.25rem;}
  section{padding:3.5rem 1.25rem;}
  footer{padding:1.5rem 1.25rem;}
}

.nav-toggle{display:none;background:transparent;border:none;cursor:pointer;color:var(--white);font-size:1.5rem;padding:0.25rem;}
@media(max-width:768px){
  .nav-toggle{display:block;}
  .nav-links{display:none;position:absolute;top:56px;left:0;right:0;background:var(--black);border-bottom:1px solid var(--red-border);flex-direction:column;padding:1rem 1.25rem;gap:0;}
  .nav-links.open{display:flex;}
  .nav-links li{padding:0.75rem 0;border-bottom:1px solid var(--border);}
  .nav-links li:last-child{border-bottom:none;}
}
@media print{
  nav,footer,.li-source{display:none !important;}
  body{background:white;color:black;}
}

.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;background:rgba(224,224,224,0.32);color:var(--white);padding:0.75rem 1rem;font-family:var(--mono);font-size:12px;text-decoration:none;letter-spacing:0.1em;}
.skip-link:focus{position:static;left:0;top:0;width:auto;height:auto;}