/* ==========================================================================
   All.in People & Culture — Startseite (index.html)
   Seitenspezifische Stile. Verwendet ausschließlich bestehende Design-Tokens
   aus tokens.css — keine neuen Farben, Fonts oder Werte.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Hero (Single, mit hellem Gold-Overlay aus .pw-hero-overlay + Partikel-Canvas)
   -------------------------------------------------------------------------- */
.pw-hero-home-section {
  position: relative;
  overflow: hidden;
}

.pw-hero-home {
  position: relative;
  z-index: 3;
  max-width: 720px;
  color: var(--pw-text-on-gold);
}

.pw-hero-home .pw-hero-headline {
  color: var(--pw-text-on-gold);
  margin-bottom: var(--pw-space-6);
}

.pw-hero-home__subtext {
  font-size: var(--pw-text-lg);
  line-height: var(--pw-leading-relaxed);
  color: var(--pw-neutral-800);
  margin-bottom: var(--pw-space-8);
  max-width: 60ch;
}

.pw-hero-home__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--pw-space-4);
}

/* Warum-All.in-Sektion: Intro-Textblock auf lesbare Breite begrenzen */
.pw-why-us__intro {
  max-width: 760px;
}

/* Über-uns-Teaser: Foto-Wrapper */
.pw-about-teaser__photo-wrap {
  border-radius: var(--pw-radius-2xl);
  overflow: hidden;
  box-shadow: var(--pw-shadow-md);
}

/* Über-uns-Teaser: Foto */
.pw-about-teaser__photo {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  object-position: center 20%;
  filter: grayscale(10%) contrast(1.04);
}

/* Über-uns-Teaser: Signatur unter dem Statement */
.pw-about-teaser__signature {
  margin-top: var(--pw-space-5);
  margin-bottom: var(--pw-space-5);
  font-size: var(--pw-text-lg);
  color: var(--pw-text-secondary);
  line-height: var(--pw-leading-snug);
}

/* Hinweis: Alle .pw-cta-banner__* Sub-Element-Stile sind jetzt zentral in
   components.css definiert (Section CTA-BANNER) und werden seitenuebergreifend
   genutzt. Hier keine Duplikate mehr. */