/* JG Leadership Kompass — three new, image-led design worlds. */

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

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

body.design-preview--leadership[data-design-variant="v10"] .leadership-hero::before {
   content: "";
   position: absolute;
   inset: 0;
   z-index: 1;
   background:
      linear-gradient(
         180deg,
         color-mix(in srgb, var(--v-deep) 28%, transparent) 0%,
         color-mix(in srgb, var(--v-deep) 16%, transparent) 38%,
         color-mix(in srgb, var(--v-deep) 42%, transparent) 74%,
         var(--v-deep) 100%
      );
}

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

body.design-preview--leadership[data-design-variant="v10"] .leadership-hero__inner {
   position: static;
   min-height: 100%;
}

body.design-preview--leadership[data-design-variant="v10"] .leadership-hero__content {
   width: min(92%, 84rem);
   margin-inline: auto;
   align-items: center;
   text-align: center;
   position: relative;
   z-index: 3;
}

body.design-preview--leadership[data-design-variant="v10"] .leadership-hero__title {
   width: 100%;
   display: block;
   font-size: clamp(2.8rem, 5.35vw, 5.65rem);
}

body.design-preview--leadership[data-design-variant="v10"] .leadership-hero__title-part {
   display: inline;
}

body.design-preview--leadership[data-design-variant="v10"] .leadership-hero__visual {
   position: absolute;
   inset: 0;
   width: 100%;
   height: 100%;
   z-index: 0;
   mask-image: none;
}

body.design-preview--leadership[data-design-variant="v10"] .leadership-hero__image {
   content: url("../img/variants-v10-v12/luggage-tag.webp");
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center 82%;
}

body.design-preview--leadership[data-design-variant="v10"] .leadership-hero__visual::after {
   background:
      linear-gradient(
         180deg,
         color-mix(in srgb, var(--v-deep) 28%, transparent) 0%,
         color-mix(in srgb, var(--v-deep) 16%, transparent) 38%,
         color-mix(in srgb, var(--v-deep) 42%, transparent) 74%,
         var(--v-deep) 100%
      );
}

body.design-preview--leadership[data-design-variant="v10"] .leadership-split--intro-centered {
   background: var(--v-warm);
}

body.design-preview--leadership[data-design-variant="v10"] .leadership-split--intro-centered::before {
   content: "";
   position: absolute;
   width: clamp(21rem, 42vw, 43rem);
   aspect-ratio: 1.53;
   right: -10vw;
   bottom: 12%;
   z-index: 0;
   background: url("../img/variants-v10-v12/gold-relief.png") center / cover no-repeat;
   opacity: 0.2;
   mask-image: radial-gradient(ellipse at center, var(--v-deep) 36%, transparent 76%);
}

body.design-preview--leadership[data-design-variant="v10"] .leadership-split--intro-centered .leadership-split__content {
   width: min(100%, 72rem);
   margin-inline: 0;
   text-align: left;
}

body.design-preview--leadership[data-design-variant="v10"] .leadership-split--intro-centered .leadership-split__title {
   width: min(100%, 65rem);
}

body.design-preview--leadership[data-design-variant="v10"] .leadership-split--intro-centered .leadership-split__body {
   width: min(100%, 54rem);
   margin: 0 0 0 auto;
   text-align: left;
}

body.design-preview--leadership[data-design-variant="v10"] section:has(#leadership-chance-title),
body.design-preview--leadership[data-design-variant="v10"] section:has(#leadership-holistic-title),
body.design-preview--leadership[data-design-variant="v10"] section:has(#leadership-belief-title) {
   background: var(--v-canvas);
}

body.design-preview--leadership[data-design-variant="v10"] section:has(#leadership-program-title),
body.design-preview--leadership[data-design-variant="v10"] .leadership-impact {
   background: var(--v-warm);
}

body.design-preview--leadership[data-design-variant="v10"] section:has(#leadership-chance-title) .leadership-split__media {
   background: url("../img/variants-v10-v12/gold-relief.png") 56% center / cover no-repeat;
   clip-path: ellipse(50% 47% at 50% 50%);
}

body.design-preview--leadership[data-design-variant="v10"] section:has(#leadership-program-title) .leadership-split__media {
   background: url("../img/variants-v10-v12/office-wide.webp") 62% center / cover no-repeat;
   mask-image: linear-gradient(90deg, transparent 0%, var(--v-deep) 13%, var(--v-deep) 100%);
}

body.design-preview--leadership[data-design-variant="v10"] section:has(#leadership-holistic-title) .leadership-split__media {
   background: url("../img/variants-v10-v12/luggage-tag.webp") 52% center / cover no-repeat;
   mask-image: linear-gradient(135deg, transparent 0%, var(--v-deep) 20%, var(--v-deep) 88%, transparent 100%);
}

body.design-preview--leadership[data-design-variant="v10"] .leadership-impact {
   position: relative;
}

body.design-preview--leadership[data-design-variant="v10"] .leadership-impact::before {
   content: "";
   position: absolute;
   inset: 10% -12% 14% 55%;
   background: url("../img/variants-v10-v12/office-dialogue.webp") center / cover no-repeat;
   opacity: 0.34;
   mask-image: linear-gradient(90deg, transparent 0%, var(--v-deep) 35%, var(--v-deep) 100%);
}

body.design-preview--leadership[data-design-variant="v10"] .leadership-impact__inner {
   padding-right: min(41vw, 34rem);
}

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

body.design-preview--leadership[data-design-variant="v10"] .leadership-impact__line {
   padding-block: 1.15rem;
   border-bottom: 1px solid color-mix(in srgb, var(--v-ink) 16%, transparent);
}

body.design-preview--leadership[data-design-variant="v10"] section:has(#leadership-belief-title)::before {
   content: "";
   position: absolute;
   width: clamp(19rem, 35vw, 34rem);
   aspect-ratio: 1.53;
   left: -8vw;
   top: 42%;
   background: url("../img/variants-v10-v12/gold-relief.png") center / cover no-repeat;
   opacity: 0.17;
   mask-image: radial-gradient(ellipse, var(--v-deep) 32%, transparent 76%);
}

body.design-preview--leadership[data-design-variant="v10"] section:has(#leadership-belief-title) .leadership-split__content {
   width: min(100%, 62rem);
   margin-left: auto;
   text-align: left;
}

body.design-preview--leadership[data-design-variant="v10"] section:has(#leadership-belief-title) .leadership-split__body {
   margin-left: auto;
   text-align: left;
}

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

body.design-preview--leadership[data-design-variant="v10"] .home-cta::before {
   background: url("../img/variants-v10-v12/gold-relief.png") right center / min(62vw, 62rem) auto no-repeat;
   opacity: 0.14;
   mask-image: linear-gradient(90deg, transparent 40%, var(--v-deep) 100%);
}

body.design-preview--leadership[data-design-variant="v10"] .home-cta :where(h2, p) {
   color: inherit;
}

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

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

body.design-preview--leadership[data-design-variant="v11"] .leadership-hero::before {
   content: "";
   position: absolute;
   inset: 0;
   z-index: 2;
   background:
      linear-gradient(
         90deg,
         var(--v-light) 0%,
         color-mix(in srgb, var(--v-light) 98%, transparent) 28%,
         color-mix(in srgb, var(--v-light) 82%, transparent) 48%,
         color-mix(in srgb, var(--v-light) 28%, transparent) 66%,
         color-mix(in srgb, var(--v-light) 4%, transparent) 100%
      ),
      linear-gradient(180deg, transparent 64%, var(--v-light) 100%);
}

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

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

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

body.design-preview--leadership[data-design-variant="v11"] :where(.leadership-split--warm, .leadership-impact--warm) {
   background: var(--v-canvas);
}

body.design-preview--leadership[data-design-variant="v11"] :where(.leadership-split--sand) {
   background: var(--v-warm);
}

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

body.design-preview--leadership[data-design-variant="v11"] .leadership-split--intro-centered .leadership-split__content {
   width: min(100%, 78rem);
   margin: 0;
   text-align: left;
}

body.design-preview--leadership[data-design-variant="v11"] .leadership-split--intro-centered .leadership-split__body {
   width: min(100%, 58rem);
   margin-left: auto;
   text-align: left;
}

body.design-preview--leadership[data-design-variant="v11"] section:has(#leadership-chance-title) .leadership-split__media {
   background: url("../img/variants-v10-v12/office-dialogue.webp") calc(48% + var(--v-shift, 0%)) center / cover no-repeat;
   mask-image: linear-gradient(90deg, var(--v-deep) 0%, var(--v-deep) 78%, transparent 100%);
}

body.design-preview--leadership[data-design-variant="v11"] section:has(#leadership-program-title) .leadership-split__media {
   background: url("../img/variants-v10-v12/office-corner.webp") calc(50% + var(--v-shift, 0%)) center / cover no-repeat;
   mask-image: linear-gradient(90deg, transparent 0%, var(--v-deep) 22%, var(--v-deep) 100%);
}

body.design-preview--leadership[data-design-variant="v11"] section:has(#leadership-holistic-title) .leadership-split__media {
   background: url("../img/variants-v10-v12/gold-relief.png") calc(50% + var(--v-shift, 0%)) center / cover no-repeat;
   clip-path: ellipse(47% 50% at 50% 50%);
}

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

body.design-preview--leadership[data-design-variant="v11"] .leadership-impact__inner {
   display: grid;
   grid-template-columns: minmax(16rem, 0.7fr) minmax(0, 1.3fr);
   gap: clamp(3rem, 8vw, 8rem);
   align-items: start;
}

body.design-preview--leadership[data-design-variant="v11"] .leadership-impact__title {
   position: sticky;
   top: calc(var(--header-bar-height) + 3rem);
}

body.design-preview--leadership[data-design-variant="v11"] .leadership-impact__statements,
body.design-preview--leadership[data-design-variant="v11"] .leadership-impact__closing {
   grid-column: 2;
}

body.design-preview--leadership[data-design-variant="v11"] .leadership-impact__line {
   padding: 1.35rem 0;
   font-size: clamp(1rem, 1.4vw, 1.125rem);
   border-bottom: 1px solid color-mix(in srgb, var(--v-ink) 17%, transparent);
}

body.design-preview--leadership[data-design-variant="v11"] section:has(#leadership-belief-title) {
   position: relative;
   min-height: min(74rem, 100svh);
   display: grid;
   align-items: center;
   background:
      linear-gradient(
         90deg,
         color-mix(in srgb, var(--v-canvas) 97%, transparent) 0%,
         color-mix(in srgb, var(--v-canvas) 84%, transparent) 47%,
         color-mix(in srgb, var(--v-canvas) 12%, transparent) 80%
      ),
      url("../img/variants-v10-v12/office-dialogue.webp") right center / min(66vw, 70rem) auto no-repeat;
}

body.design-preview--leadership[data-design-variant="v11"] section:has(#leadership-belief-title)::after {
   content: "";
   position: absolute;
   inset: auto 0 0;
   height: 7rem;
   z-index: 1;
   pointer-events: none;
   background: linear-gradient(180deg, transparent, var(--v-canvas));
}

body.design-preview--leadership[data-design-variant="v11"] section:has(#leadership-belief-title) .leadership-split__content {
   width: min(57%, 54rem);
   margin: 0;
   text-align: left;
}

body.design-preview--leadership[data-design-variant="v11"] section:has(#leadership-belief-title) .leadership-split__body {
   text-align: left;
}

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

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

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

body.design-preview--leadership[data-design-variant="v12"] .leadership-hero::before {
   content: "";
   position: absolute;
   width: clamp(16rem, 32vw, 34rem);
   aspect-ratio: 1.33;
   left: 1vw;
   bottom: 8%;
   z-index: 2;
   background: url("../img/variants-v10-v12/luggage-tag.webp") center / cover no-repeat;
   opacity: 0.72;
   transform: rotate(-5deg);
   mask-image: linear-gradient(135deg, transparent 2%, var(--v-deep) 28%, var(--v-deep) 72%, transparent 100%);
}

body.design-preview--leadership[data-design-variant="v12"] .leadership-hero::after {
   content: "";
   position: absolute;
   inset: 0;
   z-index: 2;
   background:
      linear-gradient(
         90deg,
         var(--v-deep) 0%,
         color-mix(in srgb, var(--v-deep) 92%, transparent) 38%,
         color-mix(in srgb, var(--v-deep) 72%, transparent) 62%,
         color-mix(in srgb, var(--v-deep) 28%, transparent) 82%,
         color-mix(in srgb, var(--v-deep) 38%, transparent) 100%
      ),
      linear-gradient(180deg, transparent 72%, var(--v-deep) 100%);
}

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

body.design-preview--leadership[data-design-variant="v12"] .leadership-hero__title {
   font-size: clamp(2.8rem, 5.35vw, 5.65rem);
}

body.design-preview--leadership[data-design-variant="v12"] .leadership-hero__visual {
   inset: -4rem -12vw 0 31vw;
   width: auto;
   height: auto;
   transform: rotate(3.5deg) scale(1.05);
   clip-path: polygon(14% 0, 100% 0, 88% 100%, 0 92%);
}

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

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

body.design-preview--leadership[data-design-variant="v12"] .leadership-split--intro-centered .leadership-split__content {
   width: min(100%, 82rem);
   margin: 0;
   text-align: left;
}

body.design-preview--leadership[data-design-variant="v12"] .leadership-split--intro-centered .leadership-split__title {
   width: min(100%, 65rem);
   font-size: clamp(2.8rem, 5.35vw, 5.65rem);
}

body.design-preview--leadership[data-design-variant="v12"] .leadership-split--intro-centered .leadership-split__body {
   width: min(100%, 54rem);
   margin-left: auto;
   text-align: left;
}

body.design-preview--leadership[data-design-variant="v12"] section:has(#leadership-chance-title),
body.design-preview--leadership[data-design-variant="v12"] section:has(#leadership-holistic-title) {
   color: var(--v-white);
   background: var(--v-deep);
}

body.design-preview--leadership[data-design-variant="v12"] section:has(#leadership-program-title),
body.design-preview--leadership[data-design-variant="v12"] section:has(#leadership-belief-title) {
   background: var(--v-warm);
}

body.design-preview--leadership[data-design-variant="v12"] section:has(#leadership-chance-title) .leadership-split__media {
   background: url("../img/variants-v10-v12/gold-relief.png") center / cover no-repeat;
   clip-path: polygon(0 8%, 92% 0, 100% 92%, 12% 100%);
}

body.design-preview--leadership[data-design-variant="v12"] section:has(#leadership-program-title) .leadership-split__media {
   background: url("../img/variants-v10-v12/office-dialogue.webp") 52% center / cover no-repeat;
   clip-path: polygon(8% 0, 100% 10%, 92% 100%, 0 90%);
}

body.design-preview--leadership[data-design-variant="v12"] section:has(#leadership-holistic-title) .leadership-split__media {
   background: url("../img/variants-v10-v12/luggage-tag.webp") 53% center / cover no-repeat;
   clip-path: polygon(0 10%, 100% 0, 88% 100%, 12% 91%);
}

body.design-preview--leadership[data-design-variant="v12"] .leadership-impact {
   position: relative;
   color: var(--v-white);
   background:
      linear-gradient(
         90deg,
         color-mix(in srgb, var(--v-deep) 98%, transparent) 0%,
         color-mix(in srgb, var(--v-deep) 88%, transparent) 52%,
         color-mix(in srgb, var(--v-deep) 46%, transparent) 100%
      ),
      url("../img/variants-v10-v12/gold-relief.png") right center / min(70vw, 72rem) auto no-repeat;
}

body.design-preview--leadership[data-design-variant="v12"] .leadership-impact::after {
   content: "";
   position: absolute;
   inset: auto 0 0;
   height: 6.5rem;
   z-index: 1;
   pointer-events: none;
   background: linear-gradient(180deg, transparent, var(--v-deep));
}

body.design-preview--leadership[data-design-variant="v12"] .leadership-impact__inner {
   width: min(100%, 76rem);
   margin-left: 0;
}

body.design-preview--leadership[data-design-variant="v12"] .leadership-impact__line {
   width: min(100%, 62rem);
   padding: 1.25rem 0;
   font-size: clamp(1rem, 1.4vw, 1.125rem);
   border-bottom: 1px solid color-mix(in srgb, var(--v-white) 20%, transparent);
}

body.design-preview--leadership[data-design-variant="v12"] section:has(#leadership-belief-title)::before {
   content: "";
   position: absolute;
   inset: 8% -10% 14% 58%;
   background: url("../img/variants-v10-v12/office-corner.webp") center / cover no-repeat;
   opacity: 0.62;
   mask-image: linear-gradient(90deg, transparent 0%, var(--v-deep) 32%, var(--v-deep) 100%);
}

body.design-preview--leadership[data-design-variant="v12"] section:has(#leadership-belief-title) .leadership-split__content {
   width: min(58%, 54rem);
   margin: 0;
   text-align: left;
}

body.design-preview--leadership[data-design-variant="v12"] section:has(#leadership-belief-title) .leadership-split__body {
   text-align: left;
}

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

body.design-preview--leadership .v-gold-trace {
   display: none;
}

/* ---------------------------------------------------------------
   Section arcs — round transitions between chapters
   Shared V10–V12 CSS flattens .section-curve. Leadership restores
   the site's bowl geometry and remaps colors onto each variant.
   --------------------------------------------------------------- */

body.design-preview--leadership:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) main > .section-curve {
   --section-curve-height: clamp(3.5rem, 7.8vw, 5.85rem);
   position: relative;
   z-index: 6;
   display: block;
   width: 100%;
   height: var(--section-curve-height);
   min-height: 0;
   margin-block: -2px;
   overflow: hidden;
   pointer-events: none;
   background: var(--curve-to);
   clip-path: none;
}

body.design-preview--leadership:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) main > .section-curve--tall {
   --section-curve-height: clamp(4.75rem, 10.5vw, 7.15rem);
}

body.design-preview--leadership:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) main > .section-curve::before,
body.design-preview--leadership:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) main > .section-curve::after {
   content: "";
   display: block;
   position: absolute;
   pointer-events: none;
}

body.design-preview--leadership:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) main > .section-curve--hero {
   background: var(--curve-to);
}

body.design-preview--leadership:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) main > .section-curve--hero::before {
   left: 50%;
   top: 0;
   bottom: auto;
   width: 118%;
   height: calc(var(--section-curve-height) * 2.48);
   border-radius: 50%;
   background: var(--curve-from);
   transform: translate(-50%, -56%);
}

body.design-preview--leadership:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) main > .section-curve--hero::after,
body.design-preview--leadership:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) main > .section-curve--footer::after {
   display: none;
}

body.design-preview--leadership:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) main > .section-curve--footer {
   background: var(--curve-from);
}

body.design-preview--leadership:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) main > .section-curve--footer::before {
   left: 50%;
   top: auto;
   bottom: 0;
   width: 132%;
   height: calc(var(--section-curve-height) * 2.52);
   border-radius: 50%;
   background: var(--curve-to);
   transform: translate(-50%, 54%);
}

body.design-preview--leadership[data-design-variant="v10"] main > .section-curve {
   --section-curve-height: clamp(3.7rem, 8vw, 6.1rem);
}

body.design-preview--leadership[data-design-variant="v10"] main > .section-curve--tall {
   --section-curve-height: clamp(5.4rem, 11.5vw, 7.8rem);
}

body.design-preview--leadership[data-design-variant="v10"] main > .section-curve--hero::before {
   width: 112%;
   height: calc(var(--section-curve-height) * 2.55);
   transform: translate(-50%, -55%);
}

body.design-preview--leadership[data-design-variant="v10"] .leadership-hero + .section-curve {
   --curve-from: var(--v-deep) !important;
   --curve-to: var(--v-warm) !important;
}

body.design-preview--leadership[data-design-variant="v10"] .leadership-split--intro-centered + .section-curve {
   --curve-from: var(--v-warm) !important;
   --curve-to: var(--v-canvas) !important;
}

body.design-preview--leadership[data-design-variant="v10"] section:has(#leadership-chance-title) + .section-curve,
body.design-preview--leadership[data-design-variant="v10"] section:has(#leadership-holistic-title) + .section-curve {
   --curve-from: var(--v-canvas) !important;
   --curve-to: var(--v-warm) !important;
}

body.design-preview--leadership[data-design-variant="v10"] section:has(#leadership-program-title) + .section-curve,
body.design-preview--leadership[data-design-variant="v10"] .leadership-impact + .section-curve {
   --curve-from: var(--v-warm) !important;
   --curve-to: var(--v-canvas) !important;
}

body.design-preview--leadership[data-design-variant="v10"] section:has(#leadership-belief-title) + .section-curve {
   --curve-from: var(--v-canvas) !important;
   --curve-to: var(--v-deep) !important;
}

body.design-preview--leadership[data-design-variant="v10"] .home-cta + .section-curve {
   --curve-from: var(--v-deep) !important;
   --curve-to: var(--v-ink) !important;
}

body.design-preview--leadership[data-design-variant="v11"] main > .section-curve {
   --section-curve-height: clamp(3.35rem, 7.2vw, 5.5rem);
}

body.design-preview--leadership[data-design-variant="v11"] main > .section-curve--tall {
   --section-curve-height: clamp(4.6rem, 9.5vw, 6.8rem);
}

body.design-preview--leadership[data-design-variant="v11"] main > .section-curve--hero::before {
   width: 142%;
   height: calc(var(--section-curve-height) * 2.38);
   transform: translate(-50%, -58%);
}

body.design-preview--leadership[data-design-variant="v11"] main > .section-curve--footer::before {
   width: 148%;
}

body.design-preview--leadership[data-design-variant="v11"] .leadership-hero + .section-curve {
   display: none;
}

body.design-preview--leadership[data-design-variant="v11"] .leadership-split--intro-centered + .section-curve {
   --curve-from: var(--v-canvas) !important;
   --curve-to: var(--v-warm) !important;
}

body.design-preview--leadership[data-design-variant="v11"] section:has(#leadership-chance-title) + .section-curve,
body.design-preview--leadership[data-design-variant="v11"] section:has(#leadership-holistic-title) + .section-curve {
   --curve-from: var(--v-warm) !important;
   --curve-to: var(--v-canvas) !important;
}

body.design-preview--leadership[data-design-variant="v11"] section:has(#leadership-program-title) + .section-curve {
   --curve-from: var(--v-canvas) !important;
   --curve-to: var(--v-warm) !important;
}

body.design-preview--leadership[data-design-variant="v11"] .leadership-impact + .section-curve {
   --curve-from: var(--v-light) !important;
   --curve-to: var(--v-canvas) !important;
}

body.design-preview--leadership[data-design-variant="v11"] section:has(#leadership-belief-title) + .section-curve {
   --curve-from: var(--v-canvas) !important;
   --curve-to: var(--v-ground) !important;
}

body.design-preview--leadership[data-design-variant="v11"] .home-cta + .section-curve {
   --curve-from: var(--v-ground) !important;
   --curve-to: var(--v-ink) !important;
}

body.design-preview--leadership[data-design-variant="v12"] main > .section-curve {
   --section-curve-height: clamp(3.6rem, 7.6vw, 5.95rem);
}

body.design-preview--leadership[data-design-variant="v12"] main > .section-curve--tall {
   --section-curve-height: clamp(5.6rem, 12vw, 8.1rem);
}

body.design-preview--leadership[data-design-variant="v12"] main > .section-curve--hero::before {
   left: 46%;
   width: 118%;
   height: calc(var(--section-curve-height) * 2.58);
   transform: translate(-50%, -53%);
}

body.design-preview--leadership[data-design-variant="v12"] main > .section-curve--footer::before {
   left: 54%;
   width: 138%;
}

body.design-preview--leadership[data-design-variant="v12"] .leadership-hero + .section-curve {
   display: none;
}

body.design-preview--leadership[data-design-variant="v12"] .leadership-split--intro-centered + .section-curve {
   --curve-from: var(--v-white) !important;
   --curve-to: var(--v-deep) !important;
}

body.design-preview--leadership[data-design-variant="v12"] section:has(#leadership-chance-title) + .section-curve {
   --curve-from: var(--v-deep) !important;
   --curve-to: var(--v-warm) !important;
}

body.design-preview--leadership[data-design-variant="v12"] section:has(#leadership-program-title) + .section-curve {
   --curve-from: var(--v-warm) !important;
   --curve-to: var(--v-deep) !important;
}

body.design-preview--leadership[data-design-variant="v12"] section:has(#leadership-holistic-title) + .section-curve {
   display: none;
}

body.design-preview--leadership[data-design-variant="v12"] .leadership-impact + .section-curve {
   --curve-from: var(--v-deep) !important;
   --curve-to: var(--v-warm) !important;
}

body.design-preview--leadership[data-design-variant="v12"] section:has(#leadership-belief-title) + .section-curve {
   --curve-from: var(--v-warm) !important;
   --curve-to: var(--v-ground) !important;
}

body.design-preview--leadership[data-design-variant="v12"] .home-cta + .section-curve {
   --curve-from: var(--v-ground) !important;
   --curve-to: var(--v-ink) !important;
}

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

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

   body.design-preview--leadership[data-design-variant="v10"] .leadership-hero__visual,
   body.design-preview--leadership[data-design-variant="v11"] .leadership-hero__visual,
   body.design-preview--leadership[data-design-variant="v12"] .leadership-hero__visual {
      inset: 0 -24vw 37% 18vw;
      transform: none;
      clip-path: none;
      mask-image: linear-gradient(180deg, var(--v-deep) 0%, var(--v-deep) 58%, transparent 100%);
   }

   body.design-preview--leadership[data-design-variant="v10"] .leadership-hero {
      height: 100svh;
      min-height: 100svh;
   }

   body.design-preview--leadership[data-design-variant="v10"] .leadership-hero__visual {
      inset: 0;
      width: 100%;
      height: 100%;
      mask-image: none;
   }

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

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

   body.design-preview--leadership[data-design-variant="v12"] .leadership-hero::before {
      width: 16rem;
      left: auto;
      right: -5rem;
      bottom: 32%;
      opacity: 0.35;
   }

   body.design-preview--leadership[data-design-variant="v10"] .leadership-impact__inner {
      padding-right: 0;
   }

   body.design-preview--leadership[data-design-variant="v10"] .leadership-impact::before {
      inset: 52% -20% 12% 22%;
      opacity: 0.2;
   }

   body.design-preview--leadership[data-design-variant="v11"] .leadership-impact__inner {
      grid-template-columns: 1fr;
   }

   body.design-preview--leadership[data-design-variant="v11"] .leadership-impact__title {
      position: static;
   }

   body.design-preview--leadership[data-design-variant="v11"] .leadership-impact__statements,
   body.design-preview--leadership[data-design-variant="v11"] .leadership-impact__closing {
      grid-column: 1;
   }

   body.design-preview--leadership[data-design-variant="v11"] section:has(#leadership-belief-title),
   body.design-preview--leadership[data-design-variant="v12"] section:has(#leadership-belief-title) {
      min-height: 0;
      background: var(--v-canvas);
   }

   body.design-preview--leadership[data-design-variant="v11"] section:has(#leadership-belief-title)::after {
      display: none;
   }

   body.design-preview--leadership[data-design-variant="v11"] section:has(#leadership-belief-title) .leadership-split__content,
   body.design-preview--leadership[data-design-variant="v12"] section:has(#leadership-belief-title) .leadership-split__content {
      width: 100%;
   }

   body.design-preview--leadership[data-design-variant="v12"] section:has(#leadership-belief-title)::before {
      inset: 48% -25% 12% 22%;
      opacity: 0.18;
   }

   body.design-preview--leadership:is(
      [data-design-variant="v10"],
      [data-design-variant="v11"],
      [data-design-variant="v12"]
   ) main > .section-curve {
      --section-curve-height: clamp(2.7rem, 9vw, 4.25rem);
   }

   body.design-preview--leadership:is(
      [data-design-variant="v10"],
      [data-design-variant="v11"],
      [data-design-variant="v12"]
   ) main > .section-curve--tall {
      --section-curve-height: clamp(3.4rem, 12vw, 5.1rem);
   }

   body.design-preview--leadership:is(
      [data-design-variant="v10"],
      [data-design-variant="v11"],
      [data-design-variant="v12"]
   ) main > .section-curve--hero::before,
   body.design-preview--leadership:is(
      [data-design-variant="v10"],
      [data-design-variant="v11"],
      [data-design-variant="v12"]
   ) main > .section-curve--footer::before {
      left: 50%;
      width: 168%;
   }
}

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

   body.design-preview--leadership[data-design-variant="v10"] .leadership-hero__visual {
      inset: 0;
   }

   body.design-preview--leadership[data-design-variant="v10"] .leadership-hero__image {
      object-position: center 76%;
   }

   body.design-preview--leadership[data-design-variant="v11"] .leadership-hero__image,
   body.design-preview--leadership[data-design-variant="v12"] .leadership-hero__image {
      object-position: 58% center;
   }

   body.design-preview--leadership[data-design-variant="v12"] .leadership-split--intro-centered .leadership-split__title {
      font-size: clamp(2rem, 4.5vw, 4.25rem);
   }
}