/* Originalaufnahme: Sarah und Burle bleiben vollständig im Bildausschnitt. */
.about-hero { background: #020b0a; }
.about-hero-photo { position: absolute; inset: 76px 0 0 auto; width: 66%; display: flex; align-items: center; justify-content: flex-end; }
.about-hero-photo img {
  display: block; width: auto; height: auto; max-width: 100%; max-height: 100%; object-fit: contain;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 24%, #000 95%, transparent 100%), linear-gradient(180deg, transparent 0%, #000 13%, #000 82%, transparent 100%);
  -webkit-mask-composite: source-in;
  mask-image: linear-gradient(90deg, transparent 0%, #000 24%, #000 95%, transparent 100%), linear-gradient(180deg, transparent 0%, #000 13%, #000 82%, transparent 100%);
  mask-composite: intersect;
}
.about-hero-overlay {
  background: linear-gradient(90deg, #020b0a 0%, rgba(2, 11, 10, .98) 30%, rgba(2, 11, 10, .78) 42%, rgba(2, 11, 10, .12) 57%, transparent 68%),
    linear-gradient(0deg, #020b0a, transparent 15%);
}
.about-hero-copy { max-width: 48%; }
.about-hero-copy h1 { font-size: clamp(2.65rem, 4.3vw, 4.2rem); }
@media (max-width: 1000px) {
  .about-hero { padding-top: 76px; min-height: 0; }
  .about-hero-photo { position: relative; inset: auto; width: 100%; height: auto; display: block; }
  .about-hero-photo img {
    width: 100%; height: auto; max-height: none;
    -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 80%, transparent 100%);
    mask-image: linear-gradient(180deg, #000 0%, #000 80%, transparent 100%);
  }
  .about-hero-overlay { display: none; }
  .about-hero-inner { min-height: 0; padding-top: 2rem; padding-bottom: 3rem; }
  .about-hero-copy { max-width: 680px; }
  .about-hero-copy h1 { font-size: clamp(2.3rem, 6.5vw, 3.8rem); }
  .about-person-section { margin-top: 0; }
}