/* Wirtschaftsmediation — three portrait-led, image-rich design worlds. */

body.design-preview--mediation:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) .leadership-split__section-title {
   width: min(100%, 68rem);
   margin: 0 0 clamp(2.25rem, 4vw, 4rem);
   font-size: clamp(2.35rem, 4.5vw, 4.9rem);
   font-weight: 300;
   line-height: 1.06;
   letter-spacing: -0.045em;
}

body.design-preview--mediation:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) :where(.leadership-intro__body, .leadership-split__body) {
   margin-inline: 0;
   text-align: left;
}

body.design-preview--mediation:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) :where(.leadership-intro__body, .leadership-split__body) p {
   margin: 0 0 0.78rem;
}

body.design-preview--mediation:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) .leadership-intro__line-accent {
   margin-block: 1.35rem;
   color: var(--v-gold);
   font-size: clamp(1.06rem, 1.45vw, 1.3rem);
   font-weight: 500;
}

body.design-preview--mediation:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) .home-cta__inner {
   align-items: flex-start;
   text-align: left;
}

body.design-preview--mediation:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) .home-cta__title {
   width: min(100%, 64rem);
   color: inherit;
   font-size: clamp(2.35rem, 4.8vw, 5rem);
}

body.design-preview--mediation:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) .home-cta__leads {
   width: min(100%, 49rem);
}

body.design-preview--mediation:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) .home-cta__lead {
   color: inherit;
}

/* ---------------------------------------------------------------
   V10 — Goldene Signatur
   --------------------------------------------------------------- */

body.design-preview--mediation[data-design-variant="v10"] .leadership-hero {
   color: var(--v-white);
   background: var(--v-deep);
}

body.design-preview--mediation[data-design-variant="v10"] .leadership-hero::before {
   content: "";
   position: absolute;
   inset: 0;
   z-index: 2;
   background:
      linear-gradient(90deg, var(--v-deep) 0%, rgba(39, 39, 39, 0.94) 35%, rgba(39, 39, 39, 0.16) 67%, rgba(39, 39, 39, 0.18) 100%),
      linear-gradient(180deg, rgba(39, 39, 39, 0.04) 54%, var(--v-deep) 100%);
}

body.design-preview--mediation[data-design-variant="v10"] .leadership-hero::after {
   content: "";
   position: absolute;
   width: clamp(18rem, 35vw, 36rem);
   aspect-ratio: 1.53;
   right: -8vw;
   bottom: -7rem;
   z-index: 2;
   background: url("../img/variants-v10-v12/gold-relief.png") center / cover no-repeat;
   opacity: 0.32;
   mask-image: radial-gradient(ellipse, #000 32%, transparent 74%);
}

body.design-preview--mediation[data-design-variant="v10"] .leadership-hero__content {
   width: min(65%, 62rem);
}

body.design-preview--mediation[data-design-variant="v10"] .leadership-hero__visual {
   inset: -3rem -4vw -3rem 39vw;
   width: auto;
   height: auto;
   mask-image: linear-gradient(90deg, transparent 0%, #000 22%, #000 100%);
}

body.design-preview--mediation[data-design-variant="v10"] .leadership-hero__image {
   content: url("../img/variants-v10-v12/mediation-dialogue.webp");
   object-position: 55% center;
}

body.design-preview--mediation[data-design-variant="v10"] .leadership-hero__visual::after {
   background: linear-gradient(180deg, transparent 52%, rgba(39, 39, 39, 0.86) 100%);
}

body.design-preview--mediation[data-design-variant="v10"] .leadership-intro {
   min-height: min(66rem, 92svh);
   display: grid;
   align-items: center;
   color: var(--v-ink);
   background: var(--v-warm);
}

body.design-preview--mediation[data-design-variant="v10"] .leadership-intro::before {
   content: "";
   position: absolute;
   inset: 0 50% 0 0;
   background: url("../img/variants-v10-v12/mediation-writing.webp") 51% center / cover no-repeat;
   mask-image: linear-gradient(90deg, #000 0%, #000 70%, transparent 100%);
}

body.design-preview--mediation[data-design-variant="v10"] .leadership-intro::after {
   content: "";
   position: absolute;
   inset: 0;
   z-index: 1;
   background: linear-gradient(90deg, transparent 0%, transparent 38%, var(--v-warm) 55%, var(--v-warm) 100%);
}

body.design-preview--mediation[data-design-variant="v10"] .leadership-intro__inner {
   width: min(100%, 88rem);
}

body.design-preview--mediation[data-design-variant="v10"] .leadership-intro__body {
   width: min(48%, 40rem);
   margin-left: auto;
}

body.design-preview--mediation[data-design-variant="v10"] .leadership-split--mediation-context {
   color: var(--v-white);
   background: var(--v-deep);
}

body.design-preview--mediation[data-design-variant="v10"] .leadership-split--mediation-context::before {
   content: "";
   position: absolute;
   inset: 0 auto 0 50%;
   width: 50%;
   background:
      linear-gradient(90deg, var(--v-deep), transparent 42%),
      url("../img/variants-v10-v12/office-dialogue.webp") 54% center / cover no-repeat;
   opacity: 0.52;
   mask-image: linear-gradient(90deg, transparent 0%, #000 26%, #000 100%);
}

body.design-preview--mediation[data-design-variant="v10"] .leadership-split--mediation-context::after {
   content: "";
   position: absolute;
   width: clamp(16rem, 28vw, 29rem);
   aspect-ratio: 1.53;
   right: -7vw;
   top: -3rem;
   background: url("../img/variants-v10-v12/gold-relief.png") center / cover no-repeat;
   opacity: 0.18;
   mask-image: radial-gradient(ellipse, #000 34%, transparent 76%);
}

body.design-preview--mediation[data-design-variant="v10"] .leadership-split--mediation-context .leadership-split__content {
   width: min(58%, 55rem);
}

body.design-preview--mediation[data-design-variant="v10"] .leadership-split--mediation-context .leadership-list li {
   border-color: rgba(255, 255, 255, 0.16);
}

body.design-preview--mediation[data-design-variant="v10"] .leadership-split--mediation-end {
   min-height: min(78rem, 105svh);
   display: grid;
   align-items: center;
   background: var(--v-canvas);
}

body.design-preview--mediation[data-design-variant="v10"] .leadership-split--mediation-end::before {
   content: "";
   position: absolute;
   inset: 5% 0 5% 57%;
   background: url("../img/variants-v10-v12/mediation-dialogue.webp") 48% center / cover no-repeat;
   mask-image: linear-gradient(90deg, transparent 0%, #000 24%, #000 100%);
}

body.design-preview--mediation[data-design-variant="v10"] .leadership-split--mediation-end::after {
   content: "";
   position: absolute;
   inset: 0;
   background: linear-gradient(90deg, var(--v-canvas) 0%, var(--v-canvas) 48%, rgba(244, 240, 234, 0.58) 64%, transparent 100%);
}

body.design-preview--mediation[data-design-variant="v10"] .leadership-split--mediation-end .leadership-split__content {
   width: min(58%, 55rem);
}

body.design-preview--mediation[data-design-variant="v10"] .home-cta {
   color: var(--v-white);
   background: var(--v-deep);
}

body.design-preview--mediation[data-design-variant="v10"] .home-cta::before {
   background:
      linear-gradient(90deg, var(--v-deep) 0%, rgba(39, 39, 39, 0.91) 54%, rgba(39, 39, 39, 0.28) 100%),
      url("../img/variants-v10-v12/gold-relief.png") right center / min(58vw, 60rem) auto no-repeat;
   opacity: 1;
}

/* ---------------------------------------------------------------
   V11 — Der ruhige Raum
   --------------------------------------------------------------- */

body.design-preview--mediation[data-design-variant="v11"] .leadership-hero {
   color: var(--v-deep);
   background: var(--v-light);
}

body.design-preview--mediation[data-design-variant="v11"] .leadership-hero::before {
   content: "";
   position: absolute;
   inset: 0;
   z-index: 2;
   background:
      linear-gradient(90deg, var(--v-light) 0%, rgba(239, 232, 222, 0.98) 34%, rgba(239, 232, 222, 0.84) 55%, rgba(239, 232, 222, 0.28) 76%, rgba(239, 232, 222, 0.08) 100%),
      linear-gradient(180deg, transparent 63%, var(--v-light) 100%);
}

body.design-preview--mediation[data-design-variant="v11"] .leadership-hero__content {
   width: min(60%, 58rem);
}

body.design-preview--mediation[data-design-variant="v11"] .leadership-hero__visual {
   inset: 0 -3vw -3rem 34vw;
   width: auto;
   height: auto;
}

body.design-preview--mediation[data-design-variant="v11"] .leadership-hero__image {
   content: url("../img/variants-v10-v12/mediation-writing.webp");
   object-position: calc(48% + var(--v-shift, 0%)) center;
}

body.design-preview--mediation[data-design-variant="v11"] .leadership-hero__visual::after {
   background: linear-gradient(180deg, transparent 58%, var(--v-light) 100%);
}

body.design-preview--mediation[data-design-variant="v11"] .leadership-intro {
   min-height: min(65rem, 92svh);
   display: grid;
   align-items: center;
   background:
      linear-gradient(90deg, rgba(244, 240, 234, 0.12) 0%, var(--v-canvas) 53%, var(--v-canvas) 100%),
      url("../img/variants-v10-v12/office-dialogue.webp") calc(44% + var(--v-shift, 0%)) center / 64% auto no-repeat;
}

body.design-preview--mediation[data-design-variant="v11"] .leadership-intro__inner {
   width: min(100%, 88rem);
}

body.design-preview--mediation[data-design-variant="v11"] .leadership-intro__body {
   width: min(48%, 41rem);
   margin-left: auto;
}

body.design-preview--mediation[data-design-variant="v11"] .leadership-split--mediation-context {
   min-height: min(70rem, 96svh);
   display: grid;
   align-items: center;
   background: var(--v-warm);
}

body.design-preview--mediation[data-design-variant="v11"] .leadership-split--mediation-context::before {
   content: "";
   position: absolute;
   inset: 6% 54% 6% 0;
   background: url("../img/variants-v10-v12/office-corner.webp") calc(50% + var(--v-shift, 0%)) center / cover no-repeat;
   mask-image: linear-gradient(90deg, #000 0%, #000 74%, transparent 100%);
}

body.design-preview--mediation[data-design-variant="v11"] .leadership-split--mediation-context .leadership-split__content {
   width: min(49%, 45rem);
   margin-left: auto;
}

body.design-preview--mediation[data-design-variant="v11"] .leadership-split--mediation-end {
   min-height: min(80rem, 106svh);
   display: grid;
   align-items: center;
   color: var(--v-white);
   background: var(--v-deep);
}

body.design-preview--mediation[data-design-variant="v11"] .leadership-split--mediation-end::before {
   content: "";
   position: absolute;
   inset: 0 0 0 52%;
   background: url("../img/variants-v10-v12/mediation-dialogue.webp") calc(52% + var(--v-shift, 0%)) center / cover no-repeat;
   opacity: 0.8;
   mask-image: linear-gradient(90deg, transparent 0%, #000 24%, #000 100%);
}

body.design-preview--mediation[data-design-variant="v11"] .leadership-split--mediation-end::after {
   content: "";
   position: absolute;
   inset: 0;
   background: linear-gradient(90deg, var(--v-deep) 0%, var(--v-deep) 46%, rgba(39, 39, 39, 0.52) 64%, rgba(39, 39, 39, 0.08) 100%);
}

body.design-preview--mediation[data-design-variant="v11"] .leadership-split--mediation-end .leadership-split__content {
   width: min(57%, 54rem);
}

body.design-preview--mediation[data-design-variant="v11"] .leadership-split--mediation-end .leadership-list li {
   border-color: rgba(255, 255, 255, 0.16);
}

body.design-preview--mediation[data-design-variant="v11"] .home-cta {
   color: var(--v-ink);
   background: var(--v-ground);
}

body.design-preview--mediation[data-design-variant="v11"] .home-cta::before {
   background:
      linear-gradient(90deg, var(--v-ground) 0%, rgba(217, 205, 184, 0.94) 56%, rgba(217, 205, 184, 0.2) 100%),
      url("../img/variants-v10-v12/office-wide.webp") right center / 58% auto no-repeat;
   opacity: 0.52;
}

/* ---------------------------------------------------------------
   V12 — Perspektiven im Fluss
   --------------------------------------------------------------- */

body.design-preview--mediation[data-design-variant="v12"] .leadership-hero {
   color: var(--v-white);
   background: var(--v-deep);
}

body.design-preview--mediation[data-design-variant="v12"] .leadership-hero::before {
   content: "";
   position: absolute;
   width: clamp(17rem, 30vw, 31rem);
   aspect-ratio: 1.25;
   left: -5vw;
   bottom: -2rem;
   z-index: 2;
   background: url("../img/variants-v10-v12/mediation-dialogue.webp") 55% center / cover no-repeat;
   opacity: 0.78;
   transform: rotate(-4deg);
   clip-path: polygon(0 12%, 90% 0, 100% 88%, 8% 100%);
   mask-image: linear-gradient(135deg, transparent 1%, #000 20%, #000 76%, transparent 100%);
}

body.design-preview--mediation[data-design-variant="v12"] .leadership-hero::after {
   content: "";
   position: absolute;
   inset: 0;
   z-index: 2;
   background:
      linear-gradient(90deg, var(--v-deep) 0%, rgba(39, 39, 39, 0.82) 37%, rgba(39, 39, 39, 0.08) 67%, rgba(39, 39, 39, 0.22) 100%),
      linear-gradient(180deg, transparent 58%, var(--v-deep) 100%);
}

body.design-preview--mediation[data-design-variant="v12"] .leadership-hero__content {
   width: min(77%, 74rem);
   margin-left: clamp(0rem, 6vw, 6rem);
}

body.design-preview--mediation[data-design-variant="v12"] .leadership-hero__visual {
   inset: -5rem -9vw -5rem 43vw;
   width: auto;
   height: auto;
   transform: rotate(3deg) scale(1.06);
   clip-path: polygon(12% 0, 100% 8%, 88% 100%, 0 90%);
}

body.design-preview--mediation[data-design-variant="v12"] .leadership-hero__image {
   content: url("../img/variants-v10-v12/mediation-writing.webp");
   object-position: 44% center;
}

body.design-preview--mediation[data-design-variant="v12"] .leadership-hero__visual::after {
   background: linear-gradient(180deg, rgba(39, 39, 39, 0.05) 50%, var(--v-deep) 100%);
}

body.design-preview--mediation[data-design-variant="v12"] .leadership-intro {
   color: var(--v-white);
   background: var(--v-deep);
}

body.design-preview--mediation[data-design-variant="v12"] .leadership-intro::before {
   content: "";
   position: absolute;
   inset: -10% -9% -6% 56%;
   background: url("../img/variants-v10-v12/office-dialogue.webp") center / cover no-repeat;
   opacity: 0.44;
   transform: rotate(-3deg);
   clip-path: polygon(10% 0, 100% 10%, 90% 100%, 0 88%);
   mask-image: linear-gradient(90deg, transparent 0%, #000 25%, #000 100%);
}

body.design-preview--mediation[data-design-variant="v12"] .leadership-intro::after {
   content: "";
   position: absolute;
   width: clamp(16rem, 30vw, 31rem);
   aspect-ratio: 1.53;
   right: -8vw;
   bottom: -6rem;
   background: url("../img/variants-v10-v12/gold-relief.png") center / cover no-repeat;
   opacity: 0.15;
   mask-image: radial-gradient(ellipse, #000 34%, transparent 75%);
}

body.design-preview--mediation[data-design-variant="v12"] .leadership-intro__inner {
   width: min(100%, 88rem);
}

body.design-preview--mediation[data-design-variant="v12"] .leadership-intro__body {
   width: min(59%, 49rem);
}

body.design-preview--mediation[data-design-variant="v12"] .leadership-split--mediation-context {
   background: var(--v-white);
}

body.design-preview--mediation[data-design-variant="v12"] .leadership-split--mediation-context::before {
   content: "";
   position: absolute;
   inset: 9% 0 9% 57%;
   background: url("../img/variants-v10-v12/office-wide.webp") 59% center / cover no-repeat;
   transform: rotate(2.2deg) scale(1.04);
   clip-path: polygon(8% 0, 100% 6%, 92% 100%, 0 91%);
   mask-image: linear-gradient(90deg, transparent 0%, #000 22%, #000 100%);
}

body.design-preview--mediation[data-design-variant="v12"] .leadership-split--mediation-context .leadership-split__content {
   width: min(59%, 56rem);
}

body.design-preview--mediation[data-design-variant="v12"] .leadership-split--mediation-context .leadership-accent-line {
   width: fit-content;
   margin: 0.4rem 0;
   padding-left: 1rem;
   border-left: 1px solid var(--v-gold);
}

body.design-preview--mediation[data-design-variant="v12"] .leadership-split--mediation-end {
   color: var(--v-white);
   background: var(--v-deep);
}

body.design-preview--mediation[data-design-variant="v12"] .leadership-split--mediation-end::before {
   content: "";
   position: absolute;
   inset: 0 52% 0 0;
   background: url("../img/variants-v10-v12/mediation-dialogue.webp") 58% center / cover no-repeat;
   opacity: 0.82;
   mask-image: linear-gradient(90deg, #000 0%, #000 72%, transparent 100%);
}

body.design-preview--mediation[data-design-variant="v12"] .leadership-split--mediation-end::after {
   content: "";
   position: absolute;
   inset: 0;
   background: linear-gradient(90deg, rgba(39, 39, 39, 0.08) 0%, rgba(39, 39, 39, 0.78) 46%, var(--v-deep) 63%, var(--v-deep) 100%);
}

body.design-preview--mediation[data-design-variant="v12"] .leadership-split--mediation-end .leadership-split__content {
   width: min(53%, 50rem);
   margin-left: auto;
}

body.design-preview--mediation[data-design-variant="v12"] .leadership-split--mediation-end .leadership-list li {
   border-color: rgba(255, 255, 255, 0.16);
}

body.design-preview--mediation[data-design-variant="v12"] .home-cta {
   color: var(--v-ink);
   background: var(--v-ground);
}

body.design-preview--mediation[data-design-variant="v12"] .home-cta::before {
   background:
      linear-gradient(90deg, var(--v-ground) 0%, rgba(217, 205, 184, 0.96) 58%, rgba(217, 205, 184, 0.28) 100%),
      url("../img/variants-v10-v12/gold-relief.png") 82% center / min(52vw, 54rem) auto no-repeat;
   opacity: 1;
}

/* ---------------------------------------------------------------
   Responsive composition
   --------------------------------------------------------------- */

@media (max-width: 899px) {
   body.design-preview--mediation:is(
      [data-design-variant="v10"],
      [data-design-variant="v11"],
      [data-design-variant="v12"]
   ) .leadership-hero__content {
      width: 100%;
      margin-left: 0;
      align-self: end;
      padding-bottom: 1rem;
   }

   body.design-preview--mediation:is(
      [data-design-variant="v10"],
      [data-design-variant="v11"],
      [data-design-variant="v12"]
   ) .leadership-hero__visual {
      inset: 0 -18vw 37% 10vw;
      transform: none;
      clip-path: none;
      mask-image: linear-gradient(180deg, #000 0%, #000 60%, transparent 100%);
   }

   body.design-preview--mediation[data-design-variant="v10"] .leadership-hero::before,
   body.design-preview--mediation[data-design-variant="v12"] .leadership-hero::after {
      background: linear-gradient(180deg, transparent 0%, transparent 30%, var(--v-deep) 68%, var(--v-deep) 100%);
   }

   body.design-preview--mediation[data-design-variant="v11"] .leadership-hero::before {
      background: linear-gradient(180deg, transparent 0%, transparent 29%, var(--v-light) 68%, var(--v-light) 100%);
   }

   body.design-preview--mediation[data-design-variant="v10"] .leadership-hero::after,
   body.design-preview--mediation[data-design-variant="v12"] .leadership-hero::before {
      display: none;
   }

   body.design-preview--mediation:is(
      [data-design-variant="v10"],
      [data-design-variant="v11"],
      [data-design-variant="v12"]
   ) :where(.leadership-intro, .leadership-split--mediation-context, .leadership-split--mediation-end) {
      min-height: 0;
   }

   body.design-preview--mediation:is(
      [data-design-variant="v10"],
      [data-design-variant="v11"],
      [data-design-variant="v12"]
   ) :where(.leadership-intro__body, .leadership-split--mediation-context .leadership-split__content, .leadership-split--mediation-end .leadership-split__content) {
      width: 100% !important;
      margin-left: 0 !important;
   }

   body.design-preview--mediation[data-design-variant="v10"] .leadership-intro,
   body.design-preview--mediation[data-design-variant="v11"] .leadership-intro {
      padding-top: clamp(23rem, 76vw, 38rem);
      background: var(--v-warm);
   }

   body.design-preview--mediation[data-design-variant="v11"] .leadership-intro {
      background: var(--v-canvas);
   }

   body.design-preview--mediation[data-design-variant="v10"] .leadership-intro::before,
   body.design-preview--mediation[data-design-variant="v11"] .leadership-intro::before {
      content: "";
      display: block;
      position: absolute;
      inset: 0 0 auto;
      height: clamp(24rem, 78vw, 39rem);
      background: url("../img/variants-v10-v12/mediation-writing.webp") center 38% / cover no-repeat;
      mask-image: linear-gradient(180deg, #000 0%, #000 70%, transparent 100%);
   }

   body.design-preview--mediation[data-design-variant="v11"] .leadership-intro::before {
      background-image: url("../img/variants-v10-v12/office-dialogue.webp");
   }

   body.design-preview--mediation[data-design-variant="v10"] .leadership-intro::after {
      background: linear-gradient(180deg, transparent 0%, transparent 24%, var(--v-warm) 48%, var(--v-warm) 100%);
   }

   body.design-preview--mediation[data-design-variant="v10"] .leadership-split--mediation-context::before,
   body.design-preview--mediation[data-design-variant="v11"] .leadership-split--mediation-context::before,
   body.design-preview--mediation[data-design-variant="v12"] .leadership-split--mediation-context::before,
   body.design-preview--mediation[data-design-variant="v10"] .leadership-split--mediation-end::before,
   body.design-preview--mediation[data-design-variant="v11"] .leadership-split--mediation-end::before,
   body.design-preview--mediation[data-design-variant="v12"] .leadership-split--mediation-end::before {
      inset: auto -20% 0 30%;
      width: auto;
      height: 38%;
      opacity: 0.16;
      transform: none;
      clip-path: none;
      mask-image: linear-gradient(180deg, transparent 0%, #000 62%, #000 100%);
   }

   body.design-preview--mediation[data-design-variant="v10"] .leadership-split--mediation-end::after,
   body.design-preview--mediation[data-design-variant="v11"] .leadership-split--mediation-end::after,
   body.design-preview--mediation[data-design-variant="v12"] .leadership-split--mediation-end::after {
      background: linear-gradient(180deg, transparent 60%, rgba(39, 39, 39, 0.42) 100%);
   }
}

@media (max-width: 599px) {
   body.design-preview--mediation:is(
      [data-design-variant="v10"],
      [data-design-variant="v11"],
      [data-design-variant="v12"]
   ) .leadership-hero__visual {
      inset: 0 -43vw 43% -5vw;
   }

   body.design-preview--mediation:is(
      [data-design-variant="v10"],
      [data-design-variant="v11"],
      [data-design-variant="v12"]
   ) .leadership-split__section-title {
      font-size: clamp(2rem, 9.6vw, 3.3rem);
   }

   body.design-preview--mediation:is(
      [data-design-variant="v10"],
      [data-design-variant="v11"],
      [data-design-variant="v12"]
   ) .home-cta__title {
      font-size: clamp(2rem, 9.8vw, 3.2rem);
   }
}