/*
 * Hinter JG · ausgewählte V13
 * Durchgehende Langformat-Komposition vom Hero bis einschließlich Arbeitsweise.
 * Alle Regeln bleiben unter .about-page-split gekapselt.
 */

body.about-vertical-live {
   background: #f7f3ed;
}

body.about-vertical-live .about-page-split {
   --about-vertical-paper: #f7f3ed;
   --about-vertical-paper-deep: #eee7dd;
   --about-vertical-ink: #393733;
   --about-vertical-copy: #5b5751;
   --about-vertical-gold: #c3a843;
   --about-vertical-gold-dark: #947d29;
   --about-vertical-gutter: clamp(1.35rem, 5vw, 5.5rem);
   --about-vertical-reading: min(44vw, 39rem);
   --about-vertical-rail-width: min(51vw, 52rem);
   --about-rail-progress: 1;
   position: relative;
   isolation: isolate;
   width: 100%;
   max-width: none;
   overflow: clip;
   color: var(--about-vertical-ink);
   background:
      radial-gradient(circle at 4% 3%, rgba(255, 255, 255, 0.96), transparent 34rem),
      linear-gradient(105deg, #fbf9f5 0%, var(--about-vertical-paper) 56%, #eee7dd 100%);
}

body.about-vertical-live .about-page-split,
body.about-vertical-live .about-page-split__wave-band,
body.about-vertical-live .about-page-split .about-hero-intro-band {
   width: 100%;
   max-width: none;
}

body.about-vertical-live .about-page-split__wave-band,
body.about-vertical-live .about-page-split .about-hero-intro-band {
   position: relative;
   overflow: visible;
   background: transparent;
}

body.about-vertical-live .about-page-split .about-page-split__gold-line,
body.about-vertical-live .about-page-split .section-curve,
body.about-vertical-live .about-page-split .about-hero__shadow,
body.about-vertical-live .about-page-split .about-work__shadow,
body.about-vertical-live .about-page-split .about-intro__portrait,
body.about-vertical-live .about-page-split .about-split__portrait,
body.about-vertical-live .about-page-split .about-work__media {
   display: none !important;
}

body.about-vertical-live .about-page-split .about-mobile-visual {
   display: none;
   margin: 0;
}

body.about-vertical-live .about-page-split .leadership-hero--about,
body.about-vertical-live .about-page-split .leadership-split {
   position: relative;
   z-index: 4;
   width: 100%;
   min-height: 0;
   margin: 0;
   padding-inline: var(--about-vertical-gutter);
   overflow: visible;
   background: transparent !important;
   isolation: isolate;
}

body.about-vertical-live .about-page-split .leadership-hero--about::before,
body.about-vertical-live .about-page-split .leadership-hero--about::after {
   display: none !important;
}

body.about-vertical-live .about-page-split .leadership-hero--about {
   min-height: clamp(42rem, 86vh, 56rem);
   padding-top: var(--header-bar-height);
}

body.about-vertical-live .about-page-split .leadership-split--about-intro {
   min-height: clamp(43rem, 78vh, 53rem);
   padding-top: clamp(7rem, 12vh, 10rem);
   padding-bottom: clamp(7rem, 12vh, 10rem);
}

body.about-vertical-live .about-page-split .about-split--has-portrait {
   min-height: clamp(48rem, 92vh, 62rem);
   padding-top: clamp(8rem, 14vh, 11rem);
   padding-bottom: clamp(8rem, 14vh, 11rem);
}

body.about-vertical-live .about-page-split .leadership-split--about-work {
   min-height: clamp(46rem, 88vh, 59rem);
   padding-top: clamp(8rem, 14vh, 11rem);
   padding-bottom: clamp(9rem, 16vh, 12rem);
}

body.about-vertical-live .about-page-split .leadership-hero__inner,
body.about-vertical-live .about-page-split .leadership-split__inner {
   position: relative;
   z-index: 5;
   display: flex;
   width: min(100%, 92rem);
   max-width: none;
   min-height: inherit;
   margin-inline: auto;
   align-items: center;
   justify-content: flex-start;
}

body.about-vertical-live .about-page-split .leadership-hero__content,
body.about-vertical-live .about-page-split .leadership-split__content {
   position: relative;
   z-index: 5;
   width: var(--about-vertical-reading);
   max-width: var(--about-vertical-reading);
   margin: 0;
   text-align: left;
   opacity: 1 !important;
   transform: none !important;
}

body.about-vertical-live .about-page-split :where(h1, h2, p) {
   text-wrap: pretty;
}

body.about-vertical-live .about-page-split :where(h1, h2) {
   max-width: none;
   color: var(--about-vertical-ink);
   font-weight: 300;
   letter-spacing: -0.035em;
   text-wrap: balance;
}

body.about-vertical-live .about-page-split .leadership-hero__eyebrow,
body.about-vertical-live .about-page-split .leadership-split__eyebrow {
   margin: 0 0 1.15rem;
   color: var(--about-vertical-gold-dark);
   font-size: clamp(0.62rem, 0.7vw, 0.74rem);
   font-weight: 600;
   letter-spacing: 0.15em;
   line-height: 1.45;
   text-transform: uppercase;
}

body.about-vertical-live .about-page-split .leadership-hero__title {
   max-width: 8.5ch;
   margin: 0;
   font-size: clamp(3.6rem, 6.2vw, 5.95rem);
   line-height: 0.96;
}

body.about-vertical-live .about-page-split .leadership-hero__title-part,
body.about-vertical-live .about-page-split .leadership-hero__title-part--nowrap {
   display: block;
   white-space: normal;
}

body.about-vertical-live .about-page-split .leadership-hero__credentials {
   display: block;
   margin-top: 0.85rem;
   color: var(--about-vertical-gold-dark);
   font-size: clamp(0.82rem, 1vw, 1rem);
   font-weight: 500;
   letter-spacing: 0.055em;
}

body.about-vertical-live .about-page-split .leadership-split__title {
   max-width: 11ch;
   margin: 0 0 clamp(2rem, 4vw, 3.25rem);
   font-size: clamp(2.35rem, 4.1vw, 4rem);
   line-height: 1.04;
}

body.about-vertical-live .about-page-split .leadership-split__body {
   width: 100%;
   max-width: 38rem;
}

body.about-vertical-live .about-page-split .leadership-split__body p {
   margin: 0;
   color: var(--about-vertical-copy);
   font-size: clamp(0.98rem, 1.05vw, 1.06rem);
   font-weight: 300;
   line-height: 1.76;
}

body.about-vertical-live .about-page-split .leadership-split__body p + p {
   margin-top: 1.15rem;
}

body.about-vertical-live .about-page-split .leadership-accent-line {
   color: var(--about-vertical-gold-dark);
   font-weight: 500;
}

/* Durchgehende Bildspur */
body.about-vertical-live .about-page-split .about-vertical-rail {
   position: absolute;
   z-index: 2;
   top: 0;
   right: 0;
   bottom: 0;
   width: var(--about-vertical-rail-width);
   pointer-events: none;
   overflow: hidden;
}

body.about-vertical-live .about-page-split .about-vertical-rail__contour {
   position: absolute;
   z-index: 0;
   inset: 0;
   display: block;
   width: 100%;
   height: 100%;
   overflow: visible;
}

body.about-vertical-live .about-page-split .about-vertical-rail__surface {
   display: none;
   fill: var(--about-vertical-paper-deep);
}

body.about-vertical-live .about-page-split .about-vertical-rail__line {
   display: none;
   fill: none;
   stroke: var(--about-vertical-gold);
   stroke-width: 1.35;
   stroke-linecap: round;
   stroke-linejoin: round;
   stroke-dasharray: 1;
   stroke-dashoffset: calc(1 - var(--about-rail-progress));
   vector-effect: non-scaling-stroke;
   filter: drop-shadow(-0.15rem 0.35rem 0.45rem rgba(108, 84, 20, 0.1));
}

body.about-vertical-live--v13 .about-page-split .about-vertical-rail__surface--v13,
body.about-vertical-live--v13 .about-page-split .about-vertical-rail__line--v13 {
   display: block;
}

body.about-vertical-live .about-page-split .about-vertical-rail__frame {
   --about-rail-shift: 0px;
   position: absolute;
   z-index: 1;
   right: -0.1rem;
   top: var(--about-frame-top, auto);
   height: var(--about-frame-height, auto);
   overflow: hidden;
   background: #ddd4c8;
   border: 1px solid rgba(195, 168, 67, 0.86);
   box-shadow: -1.25rem 1.75rem 4rem rgba(55, 49, 40, 0.08);
}

body.about-vertical-live .about-page-split .about-vertical-rail__frame::after {
   content: "";
   position: absolute;
   inset: 0;
   background: linear-gradient(105deg, rgba(247, 243, 237, 0.1), transparent 24% 78%, rgba(38, 35, 31, 0.1));
   pointer-events: none;
}

body.about-vertical-live .about-page-split .about-vertical-rail__frame img {
   display: block;
   width: 100%;
   height: calc(100% + 4.5rem);
   max-width: none;
   margin: -2.25rem 0 0;
   object-fit: cover;
   transform: translate3d(0, var(--about-rail-shift), 0) scale(1.015);
   transform-origin: center;
   will-change: transform;
}

body.about-vertical-live .about-page-split .about-vertical-rail__frame--hero {
   --about-frame-top: 0%;
   --about-frame-height: 25%;
}

body.about-vertical-live .about-page-split .about-vertical-rail__frame--portrait {
   --about-frame-top: 24%;
   --about-frame-height: 18%;
}

body.about-vertical-live .about-page-split .about-vertical-rail__frame--atlas {
   --about-frame-top: 43%;
   --about-frame-height: 21%;
}

body.about-vertical-live .about-page-split .about-vertical-rail__frame--profile {
   --about-frame-top: 72%;
   --about-frame-height: 27%;
}

body.about-vertical-live .about-page-split .about-vertical-rail__frame--hero img {
   object-position: 50% 42%;
}

body.about-vertical-live .about-page-split .about-vertical-rail__frame--portrait img {
   object-position: 50% 39%;
}

body.about-vertical-live .about-page-split .about-vertical-rail__frame--atlas img {
   object-position: 54% 52%;
}

body.about-vertical-live .about-page-split .about-vertical-rail__frame--monochrome img {
   filter: grayscale(1) contrast(1.06) brightness(0.9);
}

body.about-vertical-live .about-page-split .about-vertical-rail__frame--profile img {
   height: 100%;
   margin: 0;
   padding: clamp(0.5rem, 1.2vw, 1.25rem);
   object-fit: contain;
   object-position: 56% 54%;
   transform: translate3d(0, var(--about-rail-shift), 0) scale(0.99);
}

/* V13 – möglichst nah an der hochgeladenen Vorlage */
body.about-vertical-live--v13 .about-page-split {
   --about-vertical-paper: #f7f3ed;
   --about-vertical-paper-deep: #eee7dd;
   --about-vertical-rail-width: min(51vw, 53rem);
}

body.about-vertical-live--v13 .about-page-split .about-vertical-rail__frame--hero {
   width: 88%;
   border-radius: 54% 0 0 45% / 29% 0 0 71%;
}

body.about-vertical-live--v13 .about-page-split .about-vertical-rail__frame--portrait {
   width: 68%;
   border-radius: 55% 0 0 48% / 48% 0 0 52%;
}

body.about-vertical-live--v13 .about-page-split .about-vertical-rail__frame--atlas {
   width: 71%;
   border-radius: 50% 0 0 52% / 42% 0 0 58%;
}

body.about-vertical-live--v13 .about-page-split .about-vertical-rail__frame--profile {
   width: 80%;
   border-radius: 52% 0 0 0 / 45% 0 0 0;
}

@media (max-width: 1099px) {
   body.about-vertical-live .about-page-split {
      --about-vertical-reading: min(48vw, 33rem);
      --about-vertical-rail-width: 49vw;
      --about-vertical-gutter: clamp(1.25rem, 4vw, 3rem);
   }

   body.about-vertical-live .about-page-split .leadership-hero__title {
      font-size: clamp(3.25rem, 6.7vw, 5rem);
   }

   body.about-vertical-live .about-page-split .leadership-split__title {
      font-size: clamp(2.15rem, 4.4vw, 3.25rem);
   }

   body.about-vertical-live .about-page-split .leadership-split__body p {
      font-size: clamp(0.94rem, 1.4vw, 1rem);
   }
}

@media (max-width: 719px), (max-height: 500px) and (max-width: 899px) {
   body.about-vertical-live .about-page-split {
      --about-vertical-reading: min(calc(100% - 2.5rem), 42rem);
      --about-vertical-rail-width: 100%;
      --about-vertical-gutter: clamp(1.15rem, 5vw, 1.5rem);
      background:
         radial-gradient(circle at 8% 1%, rgba(255, 255, 255, 0.88), transparent 26rem),
         var(--about-vertical-paper);
   }

   body.about-vertical-live .about-page-split .about-vertical-rail {
      display: none;
   }

   body.about-vertical-live .about-page-split .about-mobile-visual {
      --about-mobile-visual-fade: var(--about-vertical-paper);
      display: block;
      position: relative;
      z-index: 2;
      width: calc(100% + (2 * var(--about-vertical-gutter)));
      height: clamp(25rem, 118vw, 39rem);
      margin-top: clamp(2.75rem, 10vw, 4.25rem);
      margin-inline: calc(-1 * var(--about-vertical-gutter));
      overflow: hidden;
      background: var(--about-mobile-visual-fade);
      border-block: 0;
      isolation: isolate;
   }

   body.about-vertical-live .about-page-split .about-mobile-visual::before,
   body.about-vertical-live .about-page-split .about-mobile-visual::after {
      content: "";
      position: absolute;
      z-index: 2;
      inset-inline: 0;
      height: 28%;
      pointer-events: none;
   }

   body.about-vertical-live .about-page-split .about-mobile-visual::before {
      top: -1px;
      background: linear-gradient(
         to bottom,
         var(--about-mobile-visual-fade) 0%,
         rgba(247, 243, 237, 0.86) 18%,
         rgba(247, 243, 237, 0.3) 58%,
         transparent 100%
      );
   }

   body.about-vertical-live .about-page-split .about-mobile-visual::after {
      bottom: -1px;
      background: linear-gradient(
         to top,
         var(--about-mobile-visual-fade) 0%,
         rgba(247, 243, 237, 0.82) 20%,
         rgba(247, 243, 237, 0.26) 60%,
         transparent 100%
      );
   }

   body.about-vertical-live .about-page-split .about-mobile-visual img {
      display: block;
      width: 100%;
      height: 100%;
      margin: 0;
      object-fit: cover;
   }

   body.about-vertical-live .about-page-split .about-mobile-visual--hero {
      height: clamp(29rem, 132vw, 41rem);
   }

   body.about-vertical-live .about-page-split .about-mobile-visual--hero img {
      object-position: 50% 0%;
   }

   body.about-vertical-live .about-page-split .about-mobile-visual--atlas img {
      object-position: 50% 52%;
   }

   body.about-vertical-live .about-page-split .about-mobile-visual--portrait {
      height: clamp(28rem, 126vw, 40rem);
   }

   body.about-vertical-live .about-page-split .about-mobile-visual--portrait img {
      object-position: 50% 24%;
   }

   body.about-vertical-live .about-page-split .about-mobile-visual--monochrome img {
      filter: grayscale(1) contrast(1.06) brightness(0.9);
   }

   body.about-vertical-live .about-page-split .about-mobile-visual--profile {
      height: clamp(32rem, 148vw, 46rem);
   }

   body.about-vertical-live .about-page-split .about-mobile-visual--profile img {
      object-fit: contain;
      object-position: 100% 50%;
      transform: translateX(4%) scale(1.08);
      transform-origin: 100% 50%;
   }

   body.about-vertical-live .about-page-split .leadership-hero--about,
   body.about-vertical-live .about-page-split .leadership-split {
      display: block;
      min-height: 0;
      padding: clamp(3.75rem, 12vw, 5rem) var(--about-vertical-gutter);
      border-top: 0;
      border-bottom: 0;
   }

   body.about-vertical-live .about-page-split .leadership-hero--about {
      padding-top: clamp(4rem, 13vw, 5.25rem);
      padding-bottom: 0;
      border-top: 0;
   }

   body.about-vertical-live .about-page-split [aria-labelledby="about-profile-title"],
   body.about-vertical-live .about-page-split [aria-labelledby="about-approach-title"],
   body.about-vertical-live .about-page-split .leadership-split--about-work {
      padding-bottom: 0;
   }

   body.about-vertical-live .about-page-split .leadership-hero__inner,
   body.about-vertical-live .about-page-split .leadership-split__inner {
      display: block;
      width: min(100%, 42rem);
      min-height: 0;
      margin-inline: auto;
   }

   body.about-vertical-live .about-page-split .leadership-hero__content,
   body.about-vertical-live .about-page-split .leadership-split__content {
      width: 100%;
      max-width: 42rem;
      margin-inline: auto;
      text-align: center;
   }

   body.about-vertical-live .about-page-split .leadership-hero__eyebrow,
   body.about-vertical-live .about-page-split .leadership-split__eyebrow {
      margin-bottom: 0.85rem;
      font-size: 0.68rem;
      letter-spacing: 0.1em;
   }

   body.about-vertical-live .about-page-split .leadership-hero__title {
      max-width: 10ch;
      margin-inline: auto;
      font-size: clamp(2.45rem, 11vw, 3.2rem);
      line-height: 1;
      letter-spacing: -0.035em;
      overflow-wrap: normal;
   }

   body.about-vertical-live .about-page-split .leadership-hero__credentials {
      margin-top: 0.7rem;
      font-size: 0.78rem;
   }

   body.about-vertical-live .about-page-split .leadership-split__title {
      max-width: 15ch;
      margin-bottom: 1.6rem;
      margin-inline: auto;
      font-size: clamp(2rem, 8.2vw, 2.7rem);
      line-height: 1.08;
   }

   body.about-vertical-live .about-page-split .leadership-split__body {
      max-width: 42rem;
      margin-inline: auto;
   }

   body.about-vertical-live .about-page-split .leadership-split__body p {
      font-size: 1rem;
      line-height: 1.74;
      hyphens: none;
   }

   body.about-vertical-live .about-page-split .leadership-split__body p + p {
      margin-top: 1.05rem;
   }
}

@media (prefers-reduced-motion: reduce) {
   body.about-vertical-live .about-page-split {
      --about-rail-progress: 1 !important;
   }

   body.about-vertical-live .about-page-split .about-vertical-rail__frame img {
      transform: none !important;
      will-change: auto;
   }
}