/*
 * Shared foundation for the approved V10–V12 design worlds.
 * All rules are isolated to the new preview routes.
 */

body.design-preview:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) {
   --v-ink: #3c3c3c;
   --v-deep: #272727;
   --v-gold: #c3a843;
   --v-gold-light: #d4b85a;
   --v-canvas: #f4f0ea;
   --v-light: #efe8de;
   --v-warm: #ebe4d6;
   --v-ground: #d9cdb8;
   --v-white: #ffffff;
   --v-gutter: clamp(1.25rem, 5vw, 5.5rem);
   --v-space: clamp(5.5rem, 10vw, 10rem);
   --v-space-compact: clamp(4rem, 7vw, 7rem);
   --v-reading: 70ch;
   --v-ease: cubic-bezier(0.16, 1, 0.3, 1);
   background: var(--v-canvas);
   color: var(--v-ink);
   overflow-x: clip;
}

body.design-preview:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) main {
   overflow: clip;
}

body.design-preview:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) :where(.leadership-section__shadow, .knowledge-shadow) {
   display: none;
}

body.design-preview:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) .section-curve {
   height: clamp(3.25rem, 7vw, 7rem);
   min-height: 0;
   margin: 0;
   background: linear-gradient(180deg, var(--curve-from) 0%, var(--curve-to) 100%);
   clip-path: none;
}

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

body.design-preview:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) :where(h1, h2, h3) {
   color: inherit;
   font-family: "Montserrat", system-ui, sans-serif;
   letter-spacing: -0.035em;
   text-wrap: balance;
}

body.design-preview:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) :where(p, li) {
   color: inherit;
   text-wrap: pretty;
}

body.design-preview:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) :where(a, button, input):focus-visible {
   outline: 2px solid var(--v-gold);
   outline-offset: 4px;
}

body.design-preview:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) .leadership-hero {
   min-height: max(48rem, 100svh);
   padding: calc(var(--header-bar-height) + clamp(3rem, 7vw, 7rem)) var(--v-gutter) clamp(5rem, 9vw, 9rem);
   background: var(--v-light);
   overflow: clip;
   isolation: isolate;
}

body.design-preview:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) .leadership-hero::before,
body.design-preview:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) .leadership-hero::after {
   pointer-events: none;
}

body.design-preview:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) .leadership-hero__inner {
   width: min(100%, 96rem);
   min-height: calc(100svh - var(--header-bar-height) - clamp(7rem, 13vw, 13rem));
   margin: 0 auto;
   display: grid;
   grid-template-columns: minmax(0, 1fr);
   align-items: center;
   position: relative;
   z-index: 3;
}

body.design-preview:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) .leadership-hero__content {
   width: min(100%, 84rem);
   max-width: none;
   position: relative;
   z-index: 3;
}

body.design-preview:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) .leadership-hero__eyebrow {
   margin: 0 0 clamp(1.25rem, 2vw, 2rem);
   color: currentColor;
   font-size: clamp(0.72rem, 0.9vw, 0.84rem);
   font-weight: 500;
   letter-spacing: 0.1em;
   opacity: 0.72;
   text-transform: none;
}

body.design-preview:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) .leadership-hero__title {
   width: min(100%, 84rem);
   max-width: none;
   margin: 0;
   font-size: clamp(2.8rem, 5.35vw, 5.65rem);
   font-weight: 300;
   line-height: 1.02;
   letter-spacing: -0.04em;
}

body.design-preview:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) .leadership-hero__title-part {
   display: block;
   white-space: normal;
}

body.design-preview:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) .leadership-hero__lead,
body.design-preview:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) .leadership-hero__tagline {
   width: min(100%, 42rem);
   max-width: none;
   margin: clamp(1.5rem, 3vw, 2.5rem) 0 0;
   font-size: clamp(1rem, 1.3vw, 1.22rem);
   font-weight: 400;
   line-height: 1.65;
}

body.design-preview:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) .leadership-hero__visual {
   position: absolute;
   z-index: 1;
   width: auto;
   height: auto;
   max-width: none;
   aspect-ratio: auto;
   justify-self: auto;
   margin: 0;
   overflow: hidden;
   isolation: isolate;
}

body.design-preview:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) .leadership-hero__visual::after {
   content: "";
   position: absolute;
   inset: 0;
   z-index: 2;
   pointer-events: none;
}

body.design-preview:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) :where(.leadership-hero__rings, .leadership-hero__glow) {
   display: none;
}

body.design-preview:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) .leadership-hero__image {
   width: 100%;
   height: 100%;
   max-width: none;
   display: block;
   object-fit: cover;
   opacity: 1;
   filter: none;
   transform: none;
}

body.design-preview:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) :where(.leadership-split, .leadership-intro, .leadership-impact, .knowledge-intro, .knowledge-topics, .blog-hub, .home-cta) {
   padding: var(--v-space) var(--v-gutter);
   overflow: clip;
   isolation: isolate;
}

body.design-preview:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) :where(.leadership-split__inner, .leadership-intro__inner, .leadership-impact__inner, .knowledge-intro__inner, .knowledge-topics__inner, .blog-hub__inner, .home-cta__inner) {
   width: min(100%, 88rem);
   max-width: none;
   margin-inline: auto;
   position: relative;
   z-index: 2;
}

body.design-preview:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) .leadership-split__inner {
   min-height: 0;
   display: grid;
   grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
   gap: clamp(3rem, 8vw, 9rem);
   align-items: center;
}

body.design-preview:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) .leadership-split__inner--stacked {
   grid-template-columns: minmax(0, 1fr);
}

body.design-preview:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) .leadership-split__content {
   width: 100%;
   max-width: none;
}

body.design-preview:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) .leadership-split__title,
body.design-preview:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) .leadership-impact__title,
body.design-preview:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) .knowledge-intro__title {
   margin: 0 0 clamp(2rem, 4vw, 3.75rem);
   font-size: clamp(2.15rem, 4.1vw, 4.45rem);
   font-weight: 300;
   line-height: 1.08;
   letter-spacing: -0.04em;
}

body.design-preview:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) :where(.leadership-split__body, .leadership-intro__body, .knowledge-intro__body) {
   width: min(100%, var(--v-reading));
   max-width: none;
}

body.design-preview:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) :where(.leadership-split__body, .leadership-intro__body, .knowledge-intro__body) p,
body.design-preview:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) :where(.leadership-list, .knowledge-topic ul) {
   font-size: clamp(0.98rem, 1.2vw, 1.12rem);
   line-height: 1.72;
}

body.design-preview:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) .leadership-split__media {
   min-height: clamp(28rem, 44vw, 46rem);
   display: block;
   position: relative;
   background-position: center;
   background-size: cover;
   overflow: hidden;
}

body.design-preview:is(
   [data-design-variant="v10"],
   [data-design-variant="v12"]
).page-hero-top header.header:not(.header--solid) :where(.header__toggle, .header__contact-link) {
   color: rgba(255, 255, 255, 0.84);
}

body.design-preview:is(
   [data-design-variant="v10"],
   [data-design-variant="v12"]
).page-hero-top header.header:not(.header--solid) :where(.header__toggle, .header__contact-link):hover {
   color: var(--v-white);
}

body.design-preview:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) .leadership-split__media > * {
   opacity: 0;
}

body.design-preview:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) .leadership-accent-line {
   color: inherit;
   font-weight: 500;
}

body.design-preview:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) .leadership-list {
   list-style: none;
   padding: 0;
}

body.design-preview:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) .leadership-list li {
   position: relative;
   padding: 0.58rem 0 0.58rem 1.25rem;
   border-bottom: 1px solid color-mix(in srgb, currentColor 16%, transparent);
}

body.design-preview:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) .leadership-list li::before {
   content: "";
   width: 0.28rem;
   height: 0.28rem;
   position: absolute;
   top: 1.18rem;
   left: 0;
   border-radius: 50%;
   background: var(--v-gold);
}

body.design-preview:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) .home-cta__button--primary {
   color: var(--v-deep);
   background: var(--v-gold);
}

body.design-preview:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) .home-cta__button--primary:hover {
   color: var(--v-deep);
   background: var(--v-gold-light);
}

body.design-preview:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) :where(.home-cta__leads, .home-cta__actions, .home-cta__eyebrow) {
   opacity: 1 !important;
   transform: none !important;
}

body.design-preview:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) .v-gold-trace {
   position: fixed;
   top: var(--header-bar-height);
   bottom: 0;
   left: clamp(0.5rem, 1.4vw, 1.15rem);
   width: 1px;
   z-index: 20;
   pointer-events: none;
   background: linear-gradient(
      180deg,
      var(--v-gold) 0,
      var(--v-gold) calc(var(--v-scroll, 0) * 100%),
      color-mix(in srgb, var(--v-gold) 18%, transparent) calc(var(--v-scroll, 0) * 100%),
      transparent 100%
   );
   opacity: 0.72;
}

@media (max-width: 899px) {
   body.design-preview:is(
      [data-design-variant="v10"],
      [data-design-variant="v11"],
      [data-design-variant="v12"]
   ) {
      --v-space: clamp(4.5rem, 14vw, 7rem);
      --v-space-compact: clamp(3.5rem, 11vw, 5.5rem);
   }

   body.design-preview:is(
      [data-design-variant="v10"],
      [data-design-variant="v11"],
      [data-design-variant="v12"]
   ) .leadership-hero {
      min-height: 100svh;
      padding-top: calc(var(--header-bar-height) + 2.5rem);
   }

   body.design-preview:is(
      [data-design-variant="v10"],
      [data-design-variant="v11"],
      [data-design-variant="v12"]
   ) .leadership-hero__inner {
      min-height: calc(100svh - var(--header-bar-height) - 7rem);
   }

   body.design-preview:is(
      [data-design-variant="v10"],
      [data-design-variant="v11"],
      [data-design-variant="v12"]
   ) .leadership-hero__title {
      font-size: clamp(2.35rem, 8.8vw, 4.5rem);
   }

   body.design-preview:is(
      [data-design-variant="v10"],
      [data-design-variant="v11"],
      [data-design-variant="v12"]
   ) .leadership-split__inner {
      grid-template-columns: minmax(0, 1fr);
      gap: clamp(2.5rem, 8vw, 4.5rem);
   }

   body.design-preview:is(
      [data-design-variant="v10"],
      [data-design-variant="v11"],
      [data-design-variant="v12"]
   ) .leadership-split__media {
      min-height: clamp(22rem, 84vw, 36rem);
   }
}

@media (max-width: 599px) {
   body.design-preview:is(
      [data-design-variant="v10"],
      [data-design-variant="v11"],
      [data-design-variant="v12"]
   ) .leadership-hero__title {
      font-size: clamp(2.1rem, 10.5vw, 3.4rem);
      line-height: 1.04;
   }

   body.design-preview:is(
      [data-design-variant="v10"],
      [data-design-variant="v11"],
      [data-design-variant="v12"]
   ) :where(.leadership-split__title, .leadership-impact__title, .knowledge-intro__title) {
      font-size: clamp(1.9rem, 8.8vw, 3rem);
   }

   body.design-preview:is(
      [data-design-variant="v10"],
      [data-design-variant="v11"],
      [data-design-variant="v12"]
   ) .v-gold-trace {
      left: 0.35rem;
      opacity: 0.48;
   }
}

@media (prefers-reduced-motion: reduce) {
   body.design-preview:is(
      [data-design-variant="v10"],
      [data-design-variant="v11"],
      [data-design-variant="v12"]
   ) .v-gold-trace {
      display: none;
   }
}