/* Hinter JG – Seitenlayout ohne rechtes Bildpanel */

.about-page-split {
   position: relative;
   overflow-x: clip;
}

.about-page-split__wave-band {
   position: relative;
   isolation: isolate;
   overflow: visible;
}

.about-page-split__gold-line {
   position: absolute;
   inset: 0;
   width: 100%;
   height: 100%;
   z-index: 4;
   pointer-events: none;
   overflow: visible;
}

.about-page-split__gold-line path {
   fill: none;
   stroke-linecap: round;
   stroke-linejoin: round;
   vector-effect: non-scaling-stroke;
}

.about-page-split__gold-line-sketch {
   stroke: #c3a843;
   stroke-width: 4.5;
   opacity: 0.38;
}

.about-page-split__gold-line-main {
   stroke: #c3a843;
   stroke-width: 3.25;
   filter: drop-shadow(0 1px 3px rgba(195, 168, 67, 0.35));
}

@media (max-width: 899px) {
   .about-page-split__gold-line {
      opacity: 0.92;
   }

   .about-page-split__gold-line-sketch {
      stroke-width: 3;
   }

   .about-page-split__gold-line-main {
      stroke-width: 2;
   }
}

.leadership-split__title-line {
   display: block;
}

/* Hero + Intro-Band: großes Portrait zwischen Hero und Textblock */
.about-hero-intro-band {
   position: relative;
   overflow: visible;
}

.about-hero-intro-band .leadership-split--about-intro {
   background-color: #ebe4d6;
   position: relative;
   overflow: hidden;
}

.about-split__portrait {
   position: absolute;
   z-index: 6;
   right: clamp(5rem, 18vw, 12rem);
   top: clamp(5.25rem, 18vh, 10rem);
   width: min(36vw, 300px);
   pointer-events: none;
   line-height: 0;
   overflow: visible;
}

/* Hero-Portrait: oben rechts auf Höhe der Navigation */
.about-intro__portrait {
   position: absolute;
   z-index: 4;
   top: 0;
   right: 0;
   left: auto;
   bottom: auto;
   width: auto;
   max-width: none;
   transform: none;
   pointer-events: none;
   line-height: 0;
   overflow: visible;
}

.about-intro__portrait-photo {
   display: block;
   width: clamp(24rem, 52vw, 46rem);
   height: auto;
   max-width: none;
   margin: 0;
   object-fit: contain;
   object-position: right top;
   border-radius: 0;
   filter: none;
   opacity: 1;
   -webkit-mask-image: none;
   mask-image: none;
   clip-path: none;
}

.about-split__portrait-photo:not(.about-split__portrait-photo--statue):not(
      .about-intro__portrait-photo
   ) {
   display: block;
   width: 168%;
   max-width: none;
   margin-left: -34%;
   margin-top: 0;
   height: clamp(34rem, 82vh, 54rem);
   object-fit: cover;
   object-position: center 0%;
   -webkit-mask-image: radial-gradient(
      ellipse 66% 74% at 50% 50%,
      #000 0%,
      #000 22%,
      rgba(0, 0, 0, 0.9) 28%,
      rgba(0, 0, 0, 0.58) 36%,
      rgba(0, 0, 0, 0.2) 44%,
      transparent 50%
   );
   mask-image: radial-gradient(
      ellipse 66% 74% at 50% 50%,
      #000 0%,
      #000 22%,
      rgba(0, 0, 0, 0.9) 28%,
      rgba(0, 0, 0, 0.58) 36%,
      rgba(0, 0, 0, 0.2) 44%,
      transparent 50%
   );
}

/* Profil: natürlich eingebunden, rechts am Rand */
.about-split__portrait--statue {
   width: auto;
   max-width: none;
   height: auto;
   overflow: visible;
   border: 0;
   border-radius: 0;
   box-shadow: none;
   background: transparent;
   padding: 0;
   right: 0;
   left: auto;
}

.about-split__portrait-photo--statue {
   display: block;
   width: clamp(18rem, 40vw, 30rem);
   height: auto;
   max-width: none;
   margin: 0;
   object-fit: contain;
   object-position: right center;
   border-radius: 0;
   -webkit-mask-image: none;
   mask-image: none;
}

.leadership-page--about .about-split--has-portrait .about-split__portrait--statue {
   top: clamp(2rem, 10vh, 6rem);
   right: 0;
   left: auto;
   transform: none;
}

/* Beratungsverständnis: Kompass rechts, Stern oben rechts – Linie endet in der Mitte */
.about-split__portrait--marks {
   --about-marks-image-size: 58%;
   width: clamp(30rem, 56vw, 46rem);
   height: clamp(30rem, 56vw, 46rem);
   overflow: hidden;
}

.about-split__mark {
   position: absolute;
   display: block;
   height: auto;
   object-fit: contain;
   pointer-events: none;
}

.about-split__mark--compass {
   left: 50%;
   top: 50%;
   width: var(--about-marks-image-size);
   transform: translate(-50%, -50%);
   z-index: 7;
   filter: grayscale(100%) contrast(0.94) brightness(0.92);
}

.about-split__mark--star {
   top: 10%;
   right: 2%;
   left: auto;
   width: clamp(3.5rem, 11vw, 5.25rem);
   transform: none;
   z-index: 8;
}

.leadership-page--about .about-split--has-portrait:has(.about-split__portrait--marks) {
   min-height: clamp(36rem, 62vh, 48rem);
}

.leadership-page--about .about-split--has-portrait .about-split__portrait:not(.about-split__portrait--marks):not(.about-split__portrait--statue) {
   top: clamp(-10rem, -22vh, -5rem);
}

.leadership-page--about .about-split--has-portrait .about-split__portrait--marks {
   top: 0;
   bottom: 0;
   margin-block: auto;
   right: clamp(-0.5rem, 0.5vw, 1rem);
   left: auto;
   transform: none;
}

.leadership-page--about .about-split--has-portrait {
   position: relative;
   overflow: visible;
}

.leadership-page--about .about-split--has-portrait .leadership-split__inner {
   position: relative;
   z-index: 3;
}

.leadership-page--about .about-split--has-portrait .leadership-split__content {
   position: relative;
   z-index: 6;
}

@media (min-width: 900px) {
   .leadership-page--about .about-split--has-portrait .leadership-split__content {
      text-align: left;
      max-width: min(36rem, 48vw);
   }
}

.about-intro__portrait-mark {
   position: absolute;
   z-index: 4;
   display: block;
   height: auto;
   object-fit: contain;
   pointer-events: none;
}

.about-intro__portrait-mark--star {
   top: 4%;
   right: -4%;
   width: clamp(4rem, 10.5vw, 6rem);
}

.about-intro__portrait-mark--ring {
   bottom: 14%;
   left: -10%;
   width: clamp(4.5rem, 11.5vw, 6.75rem);
   opacity: 0.94;
}

.about-hero-intro-band .leadership-hero__inner,
.about-hero-intro-band .leadership-split--about-intro .leadership-split__inner {
   position: relative;
   z-index: 3;
}

.about-hero-intro-band .section-curve,
.about-page-split__wave-band > .section-curve {
   position: relative;
   z-index: 0;
}

/* Hero: einfarbig weiß, keine goldenen Pseudo-Layer */
.about-hero-intro-band .leadership-hero--about {
   background-color: #fff;
   position: relative;
   overflow: hidden;
}

.about-hero-intro-band .about-hero__shadow {
   position: absolute;
   left: 0;
   top: 0;
   z-index: 1;
   width: 100%;
   max-height: 85%;
   pointer-events: none;
   user-select: none;
   line-height: 0;
   opacity: 0.9;
}

.about-hero-intro-band .about-hero__shadow img {
   display: block;
   width: min(240%, 72rem);
   max-width: none;
   max-height: 100%;
   margin-left: clamp(-14%, -7vw, -1.25rem);
   object-fit: contain;
   object-position: left top;
}

.about-hero-intro-band .leadership-hero--about::before,
.about-hero-intro-band .leadership-hero--about::after {
   display: none;
}

.leadership-page--about .leadership-split--about-intro .leadership-split__inner {
   width: min(100%, 1180px);
   max-width: min(100%, 1180px);
}

@media (min-width: 900px) {
   .leadership-page--about .leadership-split--about-intro .leadership-split__content {
      text-align: left;
      max-width: min(36rem, 48vw);
   }

   .leadership-page--about .leadership-split--about-intro .leadership-split__inner {
      display: block;
   }

   .about-intro__portrait-mark--star {
      top: 2%;
      right: -6%;
      width: clamp(4.25rem, 9vw, 6.25rem);
   }

   .about-intro__portrait-mark--ring {
      bottom: 10%;
      left: -12%;
      width: clamp(5rem, 10vw, 7.25rem);
   }

   .about-hero-intro-band .about-hero__shadow img {
      width: min(280%, 82rem);
      margin-left: clamp(-12%, -6vw, -1rem);
   }
}

@media (max-width: 899px) {
   .about-page-split__gold-line {
      display: none;
   }

   /* Hero: hinterJG flächendeckend nur bis zum Bogen, kein Schatten */
   .about-hero-intro-band {
      position: relative;
      display: grid;
      grid-template-columns: 1fr;
      grid-template-areas:
         "hero"
         "arc"
         "intro";
   }

   .about-hero-intro-band .about-hero__shadow {
      display: none;
   }

   .about-intro__portrait {
      grid-area: hero;
      position: relative;
      top: auto;
      left: auto;
      right: auto;
      width: 100%;
      height: 100%;
      min-height: 100%;
      overflow: hidden;
      transform: none;
      z-index: 1;
      margin: 0;
   }

   .about-intro__portrait::after {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(
         to bottom,
         transparent 0%,
         transparent 52%,
         rgba(255, 255, 255, 0.55) 78%,
         #fff 100%
      );
      pointer-events: none;
      z-index: 2;
   }

   .about-intro__portrait-photo {
      width: 100%;
      height: 100%;
      margin: 0;
      object-fit: cover;
      object-position: 72% 12%;
      border-radius: 0;
      opacity: 0.42;
      -webkit-mask-image: none;
      mask-image: none;
   }

   .leadership-page--about .about-hero-intro-band .leadership-hero--about {
      grid-area: hero;
      background-color: transparent;
      position: relative;
      z-index: 2;
      overflow: hidden;
   }

   .leadership-page--about .about-hero-intro-band .leadership-hero--about::after {
      display: block;
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(
         90deg,
         rgba(255, 255, 255, 0.94) 0%,
         rgba(255, 255, 255, 0.72) 38%,
         rgba(255, 255, 255, 0.2) 72%,
         rgba(255, 255, 255, 0.05) 100%
      );
      pointer-events: none;
      z-index: 1;
   }

   .about-hero-intro-band > .section-curve {
      grid-area: arc;
      position: relative;
      z-index: 3;
   }

   .leadership-page--about .about-hero-intro-band .leadership-split--about-intro {
      grid-area: intro;
   }

   .leadership-page--about .leadership-hero--about-no-art {
      min-height: clamp(18rem, 50vh, 26rem);
      padding-bottom: clamp(1.5rem, 4vh, 2.5rem);
   }

   .leadership-page--about .leadership-hero--about .leadership-hero__inner {
      min-height: clamp(12rem, 36vh, 18rem);
      position: relative;
      z-index: 2;
   }

   .about-split__portrait:not(.about-split__portrait--statue):not(.about-split__portrait--marks) {
      right: 50%;
      top: clamp(12.5rem, 36vh, 17rem);
      width: min(62vw, 260px);
      transform: translateX(50%);
   }

   .leadership-page--about
      .about-split--has-portrait
      .about-split__portrait:not(.about-split__portrait--statue):not(.about-split__portrait--marks) {
      top: clamp(6rem, 18vh, 9rem);
      transform: translateX(50%);
   }

   .about-split__portrait-photo:not(.about-split__portrait-photo--statue):not(
         .about-intro__portrait-photo
      ) {
      width: 175%;
      margin-left: -37.5%;
      margin-top: 0;
      height: clamp(26rem, 58vh, 36rem);
      object-position: center 0%;
   }

   .leadership-page--about .leadership-split--about-intro {
      padding-top: clamp(3.5rem, 9vh, 5rem);
   }

   /* Profil: am rechten Rand, kleiner – zwischen Klarheit und Profil */
   .leadership-page--about .about-split--has-portrait:has(.about-split__portrait--statue) {
      padding-top: clamp(3rem, 8vh, 4.25rem);
   }

   .about-split__portrait--statue {
      left: auto;
      right: 0;
      top: 0;
      width: auto;
      height: auto;
      transform: translateY(calc(-50% - 0.65rem));
   }

   .about-split__portrait-photo--statue {
      width: clamp(5.5rem, 24vw, 7.5rem);
      height: auto;
      border-radius: 0;
      object-fit: contain;
      object-position: right center;
   }

   .leadership-page--about
      .about-split--has-portrait
      .about-split__portrait--statue {
      top: 0;
      left: auto;
      right: 0;
      transform: translateY(calc(-50% - 0.65rem));
   }

   /* Beratungsverständnis: Text mittig, Kompass zwischen den Sektionen */
   .leadership-page--about .about-split--has-portrait:has(.about-split__portrait--marks) {
      padding-top: clamp(3.75rem, 10vh, 5rem);
      padding-bottom: clamp(8rem, 22vh, 10.5rem);
      min-height: 0;
   }

   .leadership-page--about
      .about-split--has-portrait:has(.about-split__portrait--marks)
      .leadership-split__content {
      text-align: center;
      margin-inline: auto;
      max-width: min(34rem, 100%);
   }

   .about-split__portrait--marks {
      --about-marks-image-size: 50%;
      width: clamp(14rem, 46vw, 18.5rem);
      height: clamp(14rem, 46vw, 18.5rem);
      top: auto;
      bottom: 0;
      left: 50%;
      right: auto;
      margin: 0;
      transform: translate(-50%, 50%);
   }

   .about-split__mark--compass {
      width: var(--about-marks-image-size);
   }

   .about-split__mark--star {
      top: 2%;
      right: 4%;
      width: clamp(2rem, 8vw, 2.75rem);
   }

   .leadership-page--about
      .about-split--has-portrait
      .about-split__portrait--marks {
      top: auto;
      bottom: 0;
      left: 50%;
      right: auto;
      margin: 0;
      transform: translate(-50%, 50%);
   }

   .leadership-page--about .leadership-split--about-work {
      padding-top: clamp(8rem, 22vh, 10.5rem);
   }

   .about-intro__portrait-mark--star {
      top: 18%;
      width: clamp(3.5rem, 14vw, 5rem);
      right: -2%;
   }

   .about-intro__portrait-mark--ring {
      bottom: 2%;
      width: clamp(4rem, 16vw, 5.5rem);
      left: -6%;
   }

   .leadership-page--about .leadership-split--about-intro .leadership-split__content,
   .leadership-page--about
      .about-split--has-portrait:not(:has(.about-split__portrait--marks))
      .leadership-split__content {
      text-align: center;
   }
}

/* Arbeitsweise: Schatten-Dekor wie im Hero */
.leadership-page--about .leadership-split--about-work {
   position: relative;
   overflow-x: clip;
   overflow-y: visible;
}

.leadership-page--about .about-work__shadow {
   position: absolute;
   left: 0;
   top: 0;
   z-index: 0;
   width: 100%;
   max-height: 90%;
   pointer-events: none;
   user-select: none;
   line-height: 0;
   opacity: 0.88;
}

.leadership-page--about .about-work__shadow img {
   display: block;
   width: min(240%, 72rem);
   max-width: none;
   max-height: 100%;
   margin-left: clamp(-14%, -7vw, -1.25rem);
   object-fit: contain;
   object-position: left top;
}

.leadership-page--about .leadership-split--about-work .leadership-split__inner {
   position: relative;
   z-index: 1;
}

.leadership-page--about .about-work__media {
   justify-items: end;
   align-items: center;
   min-height: 0;
}

.leadership-page--about .about-work__atlas {
   position: relative;
   margin: 0;
   width: min(85vw, 340px);
}

.leadership-page--about .about-work__atlas > img {
   display: block;
   width: 100%;
   height: auto;
   object-fit: contain;
   object-position: right center;
   filter: grayscale(100%) brightness(0.96) contrast(0.92);
   -webkit-mask-image: linear-gradient(
      to bottom,
      transparent 0%,
      #000 12%,
      #000 88%,
      transparent 100%
   );
   mask-image: linear-gradient(
      to bottom,
      transparent 0%,
      #000 12%,
      #000 88%,
      transparent 100%
   );
}

@media (min-width: 900px) {
   .leadership-page--about .leadership-split--about-work {
      padding-right: clamp(0.35rem, 1.5vw, 0.85rem);
   }

   .leadership-page--about .leadership-split--about-work .leadership-split__inner {
      grid-template-columns: minmax(0, 0.92fr) minmax(280px, 1.12fr);
      align-items: center;
   }

   .leadership-page--about .leadership-split--about-work .leadership-split__content {
      text-align: left;
   }

   .leadership-page--about .about-work__media {
      justify-self: stretch;
   }

   .leadership-page--about .about-work__atlas {
      width: min(100%, clamp(280px, 34vw, 480px));
      margin-left: auto;
      margin-right: calc(-1 * clamp(0rem, 1vw, 1rem));
      transform: translateX(clamp(0.5rem, 1.5vw, 1.25rem));
   }
}

@media (max-width: 899px) {
   .leadership-page--about .about-work__media {
      margin-top: clamp(1.5rem, 5vw, 2.25rem);
      justify-items: center;
   }

   .leadership-page--about .about-work__atlas {
      width: min(78vw, 320px);
      margin-left: auto;
      margin-right: auto;
      transform: none;
   }

   .leadership-page--about .about-work__atlas > img {
      object-position: center center;
   }

   .leadership-page--about .about-work__shadow {
      max-height: 75%;
      opacity: 0.82;
   }

   .leadership-page--about .about-work__shadow img {
      width: min(220%, 52rem);
      margin-left: clamp(-16vw, -4rem, -0.5rem);
   }
}

/* Hero außerhalb Intro-Band (falls ergänzt): goldene Effekte */
.about-page-split:not(:has(.about-hero-intro-band)) .leadership-hero--about::before {
   background:
      radial-gradient(circle at 28% 42%, rgba(195, 168, 67, 0.14) 0%, transparent 28%),
      radial-gradient(circle at 12% 68%, rgba(195, 168, 67, 0.1) 0%, transparent 22%),
      radial-gradient(circle at 38% 22%, rgba(195, 168, 67, 0.12) 0%, transparent 20%),
      radial-gradient(ellipse 55% 45% at 18% 82%, rgba(195, 168, 67, 0.08), transparent 72%),
      linear-gradient(165deg, #f4f0ea 0%, #f4f0ea 44%, #efe8de 100%);
}

/* Hero-Overlay nur außerhalb Intro-Band */
.leadership-page--about .about-page-split:not(:has(.about-hero-intro-band)) .leadership-hero--about::after {
   background:
      linear-gradient(
         90deg,
         rgba(248, 244, 237, 0.88) 0%,
         rgba(244, 240, 234, 0.4) 28%,
         transparent 44%
      ),
      linear-gradient(180deg, transparent 0%, transparent 72%, rgba(239, 232, 222, 0.92) 90%, #efe8de 100%);
}

@media (max-width: 899px) {
   .leadership-page--about .about-page-split:not(:has(.about-hero-intro-band)) .leadership-hero--about::after {
      background:
         linear-gradient(
            90deg,
            rgba(248, 244, 237, 0.88) 0%,
            rgba(244, 240, 234, 0.4) 28%,
            transparent 44%
         ),
         linear-gradient(180deg, transparent 0%, transparent 72%, rgba(239, 232, 222, 0.92) 90%, #efe8de 100%);
   }
}

.leadership-hero--about-no-art {
   min-height: clamp(20rem, 58vh, 32rem);
}

.leadership-hero--about-no-art .leadership-hero__inner {
   min-height: auto;
}

/* Sektionen: flache Farben wie bei .section-curve (--curve-from / --curve-to) */
.leadership-page--about .leadership-split--warm,
.leadership-page--about .leadership-stand {
   background: #ebe4d6;
}

.leadership-page--about .leadership-split--sand,
.leadership-page--about .leadership-section--sand.leadership-section--expertise {
   background: #f4f0ea;
}

.leadership-page--about .home-cta {
   background: var(--section-cta, #d9cdb8);
}

.leadership-page--about .home-cta::before {
   opacity: 0.65;
}

/* Persönlicher Text zwischen Arbeitsweise und Expertise */
.leadership-page--about .leadership-split--about-thought .leadership-split__inner {
   display: block;
}

.leadership-page--about .leadership-split--about-thought .leadership-split__content {
   max-width: min(42rem, 100%);
   margin-inline: auto;
   text-align: center;
}

.leadership-page--about .leadership-split--about-thought .leadership-split__title {
   text-align: center;
}

.leadership-page--about .about-thought__signature {
   margin: clamp(2rem, 5vh, 3rem) auto 0;
   padding-top: clamp(1rem, 2.5vh, 1.5rem);
   border-top: 1px solid rgba(195, 168, 67, 0.35);
   max-width: min(20rem, 100%);
   font-family: 'Great Vibes', cursive;
   font-size: clamp(2.15rem, 5.8vw, 3rem);
   font-weight: 400;
   font-style: normal;
   line-height: 1.1;
   letter-spacing: 0.02em;
   color: #3c3c3c;
   text-align: center;
}

.leadership-page--about .leadership-section--expertise .leadership-expertise__columns {
   display: flex;
   flex-direction: column;
   gap: clamp(4.5rem, 11vh, 7rem);
   max-width: min(38rem, 100%);
   margin-inline: auto;
   padding-top: clamp(2.5rem, 6vh, 3.5rem);
   padding-bottom: clamp(1rem, 3vh, 1.5rem);
}

.leadership-page--about .leadership-section--expertise .leadership-expertise__block {
   padding: 0;
   border: 0;
   border-radius: 0;
   background: transparent;
   text-align: center;
}

.leadership-page--about .leadership-section--expertise .leadership-expertise__block-title {
   margin: 0 0 clamp(1.75rem, 4vh, 2.5rem);
}

.leadership-page--about .leadership-section--expertise .leadership-expertise__list {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: clamp(1rem, 2.4vh, 1.35rem);
   text-align: center;
   width: 100%;
}

.leadership-page--about .leadership-section--expertise .leadership-expertise__list li {
   padding-left: 0;
}

.leadership-page--about .leadership-section--expertise .leadership-expertise__list li::before {
   display: none;
}

.leadership-page--about .leadership-split__inner,
.leadership-page--about .leadership-section__inner,
.leadership-page--about .leadership-stand__inner,
.leadership-page--about .home-cta__inner {
   position: relative;
   z-index: 1;
}