/* Wissen & Impulse — compact editorial worlds, never a stack of topic cards. */

body.design-preview--knowledge:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) .leadership-hero {
   min-height: max(43rem, 92svh);
}

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

body.design-preview--knowledge:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) :where(.knowledge-intro, .knowledge-topics, .blog-hub) {
   position: relative;
}

body.design-preview--knowledge:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) .knowledge-intro {
   padding-block: var(--v-space-compact);
}

body.design-preview--knowledge:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) .knowledge-intro__inner {
   display: grid;
   grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
   gap: clamp(3rem, 8vw, 9rem);
   align-items: start;
   text-align: left;
}

body.design-preview--knowledge:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) .knowledge-intro__title {
   margin: 0;
}

body.design-preview--knowledge:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) .knowledge-intro__body {
   margin: 0;
   gap: 0.8rem;
}

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

body.design-preview--knowledge:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) .knowledge-principle {
   margin-top: 1.3rem;
   padding-top: 1.15rem;
   border-top: 1px solid color-mix(in srgb, currentColor 18%, transparent);
}

body.design-preview--knowledge:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) .knowledge-principle p {
   color: var(--v-gold);
}

body.design-preview--knowledge:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) .knowledge-topics {
   padding-block: var(--v-space-compact);
}

body.design-preview--knowledge:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) .knowledge-section-heading {
   max-width: none;
   margin: 0 0 clamp(2.5rem, 5vw, 4.5rem);
   text-align: left;
}

body.design-preview--knowledge:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) .knowledge-section-heading h2 {
   color: inherit;
   font-size: clamp(2.5rem, 5vw, 5.2rem);
   font-weight: 300;
   line-height: 1;
   letter-spacing: -0.045em;
}

body.design-preview--knowledge:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) .knowledge-section-heading__eyebrow {
   color: var(--v-gold);
   letter-spacing: 0.17em;
   text-transform: none;
}

body.design-preview--knowledge:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) .knowledge-topics__list {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 0 clamp(2.5rem, 6vw, 7rem);
   border-top: 1px solid color-mix(in srgb, currentColor 18%, transparent);
}

body.design-preview--knowledge:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) .knowledge-topic {
   display: grid;
   grid-template-columns: 2.1rem minmax(0, 1fr);
   gap: 0.85rem;
   padding: clamp(1.8rem, 3.2vw, 3rem) 0;
   border-top: 0;
   border-bottom: 1px solid color-mix(in srgb, currentColor 18%, transparent);
   background: transparent;
}

body.design-preview--knowledge:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) .knowledge-topic--practice {
   grid-column: 1 / -1;
}

body.design-preview--knowledge:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) .knowledge-topic__number {
   color: var(--v-gold);
}

body.design-preview--knowledge:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) .knowledge-topic__content {
   display: block;
}

body.design-preview--knowledge:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) .knowledge-topic__content h3 {
   color: inherit;
   font-size: clamp(1.45rem, 2.45vw, 2.35rem);
   line-height: 1.12;
}

body.design-preview--knowledge:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) .knowledge-topic__content > p:not(.knowledge-topic__label),
body.design-preview--knowledge:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) .knowledge-topic__practice-copy > p,
body.design-preview--knowledge:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) .knowledge-topic li {
   color: inherit;
}

body.design-preview--knowledge:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) .knowledge-topic__label {
   margin-top: 1rem;
   color: var(--v-gold);
   letter-spacing: 0.14em;
}

body.design-preview--knowledge:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) .knowledge-topic ul {
   flex-direction: row;
   align-items: flex-start;
   margin-top: 0;
}

body.design-preview--knowledge:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) .knowledge-topic--practice .knowledge-topic__content {
   display: grid;
   grid-template-columns: minmax(0, 0.75fr) minmax(0, 1.25fr);
   gap: clamp(2rem, 6vw, 6rem);
}

body.design-preview--knowledge:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) .knowledge-topic--practice .knowledge-topic__practice-copy {
   grid-column: 2;
   grid-row: 1 / span 3;
   margin: 0;
}

body.design-preview--knowledge:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) .knowledge-topic__statement {
   border-color: color-mix(in srgb, currentColor 18%, transparent);
}

body.design-preview--knowledge:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) .knowledge-topic__statement p {
   color: var(--v-gold);
}

body.design-preview--knowledge:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) .blog-hub {
   padding-block: var(--v-space-compact);
}

body.design-preview--knowledge:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) .blog-hub__header {
   display: grid;
   grid-template-columns: minmax(0, 0.9fr) minmax(18rem, 1.1fr);
   gap: 1.5rem clamp(2.5rem, 7vw, 8rem);
   align-items: end;
   margin-bottom: clamp(2.5rem, 5vw, 4.5rem);
   text-align: left;
}

body.design-preview--knowledge:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) .blog-hub__header .leadership-split__title {
   margin-bottom: 0;
}

body.design-preview--knowledge:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) .blog-search {
   width: 100%;
}

body.design-preview--knowledge:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) .blog-search__field {
   border: 0;
   border-bottom: 1px solid color-mix(in srgb, currentColor 24%, transparent);
   border-radius: 0;
   background: transparent;
}

body.design-preview--knowledge:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) .blog-search__input {
   color: inherit;
   background: transparent;
}

body.design-preview--knowledge:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) .blog-filters {
   grid-column: 1 / -1;
   justify-content: flex-start;
}

body.design-preview--knowledge:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) .blog-grid {
   grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 0 clamp(2.5rem, 6vw, 7rem);
   border-color: color-mix(in srgb, currentColor 20%, transparent);
}

body.design-preview--knowledge:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) .blog-card {
   border-color: color-mix(in srgb, currentColor 20%, transparent);
}

body.design-preview--knowledge:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) .blog-card__inner {
   display: block;
   padding-block: clamp(1.75rem, 3vw, 2.7rem);
}

body.design-preview--knowledge:is(
   [data-design-variant="v10"],
   [data-design-variant="v11"],
   [data-design-variant="v12"]
) :where(.blog-card__title, .blog-card__excerpt, .blog-card__more) {
   margin-top: 0.8rem;
}

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

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

body.design-preview--knowledge[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.9) 39%, rgba(39, 39, 39, 0.22) 68%, rgba(39, 39, 39, 0.42) 100%),
      linear-gradient(180deg, transparent 54%, var(--v-deep) 100%);
}

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

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

body.design-preview--knowledge[data-design-variant="v10"] .leadership-hero__image {
   content: url("../img/variants-v10-v12/gold-relief.png");
   object-position: 54% center;
   transform: scale(1.04);
}

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

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

body.design-preview--knowledge[data-design-variant="v10"] .knowledge-intro::before {
   content: "";
   position: absolute;
   width: clamp(18rem, 37vw, 38rem);
   aspect-ratio: 1.33;
   right: -9vw;
   bottom: -7rem;
   background: url("../img/variants-v10-v12/luggage-tag.webp") center / cover no-repeat;
   opacity: 0.18;
   transform: rotate(4deg);
   mask-image: radial-gradient(ellipse, #000 31%, transparent 73%);
}

body.design-preview--knowledge[data-design-variant="v10"] .knowledge-topics {
   color: var(--v-ink);
   background: var(--v-warm);
}

body.design-preview--knowledge[data-design-variant="v10"] .knowledge-topics::before {
   content: "";
   position: absolute;
   width: clamp(16rem, 28vw, 29rem);
   aspect-ratio: 1.53;
   right: -6vw;
   top: -5rem;
   background: url("../img/variants-v10-v12/gold-relief.png") center / cover no-repeat;
   opacity: 0.12;
   mask-image: radial-gradient(ellipse, #000 32%, transparent 76%);
}

body.design-preview--knowledge[data-design-variant="v10"] .knowledge-topic:nth-child(even) {
   transform: translateY(clamp(1.25rem, 2vw, 2.25rem));
}

body.design-preview--knowledge[data-design-variant="v10"] .knowledge-topic--practice {
   margin-top: clamp(1.25rem, 2vw, 2.25rem);
   transform: none;
}

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

body.design-preview--knowledge[data-design-variant="v10"] .blog-hub::before {
   content: "";
   position: absolute;
   inset: 0 0 0 58%;
   background: url("../img/variants-v10-v12/gold-relief.png") right center / cover no-repeat;
   opacity: 0.1;
   mask-image: linear-gradient(90deg, transparent 0%, #000 38%, #000 100%);
}

body.design-preview--knowledge[data-design-variant="v10"] .blog-hub :where(.blog-card__title, .blog-card__excerpt, .blog-card__more, .blog-search__label, .blog-filter) {
   color: inherit;
}

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

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

body.design-preview--knowledge[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.97) 34%, rgba(239, 232, 222, 0.3) 67%, rgba(239, 232, 222, 0.08) 100%),
      linear-gradient(180deg, transparent 61%, var(--v-light) 100%);
}

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

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

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

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

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

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

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

body.design-preview--knowledge[data-design-variant="v11"] .knowledge-topics::before {
   content: "";
   position: absolute;
   inset: 0 0 0 62%;
   background: url("../img/variants-v10-v12/office-dialogue.webp") calc(54% + var(--v-shift, 0%)) center / cover no-repeat;
   opacity: 0.07;
   mask-image: linear-gradient(90deg, transparent 0%, #000 40%, #000 100%);
}

body.design-preview--knowledge[data-design-variant="v11"] .knowledge-topics__list {
   grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr);
}

body.design-preview--knowledge[data-design-variant="v11"] .knowledge-topic:nth-child(2),
body.design-preview--knowledge[data-design-variant="v11"] .knowledge-topic:nth-child(4) {
   padding-left: clamp(0rem, 4vw, 4rem);
}

body.design-preview--knowledge[data-design-variant="v11"] .blog-hub {
   color: var(--v-ink);
   background: var(--v-warm);
}

body.design-preview--knowledge[data-design-variant="v11"] .blog-hub::before {
   content: "";
   position: absolute;
   width: clamp(17rem, 30vw, 32rem);
   aspect-ratio: 1.53;
   right: -8vw;
   top: -6rem;
   background: url("../img/variants-v10-v12/gold-relief.png") center / cover no-repeat;
   opacity: 0.1;
   mask-image: radial-gradient(ellipse, #000 32%, transparent 76%);
}

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

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

body.design-preview--knowledge[data-design-variant="v12"] .leadership-hero::before {
   content: "";
   position: absolute;
   width: clamp(18rem, 34vw, 36rem);
   aspect-ratio: 1.53;
   left: -7vw;
   bottom: -5rem;
   z-index: 2;
   background: url("../img/variants-v10-v12/gold-relief.png") center / cover no-repeat;
   opacity: 0.7;
   transform: rotate(-5deg);
   clip-path: polygon(0 14%, 90% 0, 100% 87%, 8% 100%);
   mask-image: linear-gradient(135deg, transparent 0%, #000 24%, #000 78%, transparent 100%);
}

body.design-preview--knowledge[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.8) 39%, rgba(39, 39, 39, 0.08) 68%, rgba(39, 39, 39, 0.24) 100%),
      linear-gradient(180deg, transparent 56%, var(--v-deep) 100%);
}

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

body.design-preview--knowledge[data-design-variant="v12"] .leadership-hero__visual {
   inset: -4rem -11vw -5rem 34vw;
   width: auto;
   height: auto;
   transform: rotate(3.2deg) scale(1.05);
   clip-path: polygon(12% 0, 100% 7%, 89% 100%, 0 91%);
}

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

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

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

body.design-preview--knowledge[data-design-variant="v12"] .knowledge-intro::before {
   content: "";
   position: absolute;
   inset: -14% -5% -14% 60%;
   background: url("../img/variants-v10-v12/luggage-tag.webp") center / cover no-repeat;
   opacity: 0.28;
   transform: rotate(3deg);
   clip-path: polygon(8% 0, 100% 8%, 92% 100%, 0 90%);
   mask-image: linear-gradient(90deg, transparent 0%, #000 30%, #000 100%);
}

body.design-preview--knowledge[data-design-variant="v12"] .knowledge-topics {
   color: var(--v-ink);
   background: var(--v-white);
}

body.design-preview--knowledge[data-design-variant="v12"] .knowledge-topics__inner {
   display: grid;
   grid-template-columns: minmax(16rem, 0.52fr) minmax(0, 1fr);
   gap: clamp(3rem, 8vw, 9rem);
   align-items: start;
}

body.design-preview--knowledge[data-design-variant="v12"] .knowledge-section-heading {
   width: auto;
   position: sticky;
   top: calc(var(--header-bar-height) + 2.5rem);
   grid-column: 1;
}

body.design-preview--knowledge[data-design-variant="v12"] .knowledge-section-heading h2 {
   font-size: clamp(2.5rem, 4.15vw, 4.45rem);
}

body.design-preview--knowledge[data-design-variant="v12"] .knowledge-topics__list {
   width: 100%;
   margin-left: 0;
   grid-column: 2;
   grid-template-columns: 1fr;
}

body.design-preview--knowledge[data-design-variant="v12"] .knowledge-topic,
body.design-preview--knowledge[data-design-variant="v12"] .knowledge-topic--practice {
   grid-column: 1;
}

body.design-preview--knowledge[data-design-variant="v12"] .knowledge-topic:nth-child(even) {
   width: 91%;
   margin-left: auto;
}

body.design-preview--knowledge[data-design-variant="v12"] .knowledge-topic--practice .knowledge-topic__content {
   grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
}

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

body.design-preview--knowledge[data-design-variant="v12"] .blog-hub::before {
   content: "";
   position: absolute;
   inset: 0 56% 0 0;
   background: url("../img/variants-v10-v12/office-corner.webp") 52% center / cover no-repeat;
   opacity: 0.12;
   transform: rotate(-2deg) scale(1.08);
   clip-path: polygon(0 5%, 94% 0, 100% 94%, 7% 100%);
   mask-image: linear-gradient(90deg, #000 0%, #000 58%, transparent 100%);
}

body.design-preview--knowledge[data-design-variant="v12"] .blog-hub :where(.blog-card__title, .blog-card__excerpt, .blog-card__more, .blog-search__label, .blog-filter) {
   color: inherit;
}

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

@media (max-width: 999px) {
   body.design-preview--knowledge[data-design-variant="v12"] .knowledge-topics__inner {
      display: block;
   }

   body.design-preview--knowledge[data-design-variant="v12"] .knowledge-section-heading {
      width: auto;
      position: static;
   }

   body.design-preview--knowledge[data-design-variant="v12"] .knowledge-topics__list {
      width: 100%;
      margin-left: 0;
      grid-template-columns: repeat(2, minmax(0, 1fr));
   }

   body.design-preview--knowledge[data-design-variant="v12"] .knowledge-topic,
   body.design-preview--knowledge[data-design-variant="v12"] .knowledge-topic--practice {
      grid-column: auto;
      width: 100%;
      margin-left: 0;
   }

   body.design-preview--knowledge[data-design-variant="v12"] .knowledge-topic--practice {
      grid-column: 1 / -1;
   }
}

@media (max-width: 899px) {
   body.design-preview--knowledge:is(
      [data-design-variant="v10"],
      [data-design-variant="v11"],
      [data-design-variant="v12"]
   ) .leadership-hero {
      min-height: 100svh;
   }

   body.design-preview--knowledge: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--knowledge: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--knowledge:is(
      [data-design-variant="v10"],
      [data-design-variant="v11"],
      [data-design-variant="v12"]
   ) .leadership-hero__visual {
      inset: 0 -24vw 37% 10vw;
      transform: none;
      clip-path: none;
      mask-image: linear-gradient(180deg, #000 0%, #000 57%, transparent 100%);
   }

   body.design-preview--knowledge[data-design-variant="v10"] .leadership-hero::before,
   body.design-preview--knowledge[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--knowledge[data-design-variant="v11"] .leadership-hero::before {
      background: linear-gradient(180deg, transparent 0%, transparent 28%, var(--v-light) 68%, var(--v-light) 100%);
   }

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

   body.design-preview--knowledge:is(
      [data-design-variant="v10"],
      [data-design-variant="v11"],
      [data-design-variant="v12"]
   ) .knowledge-intro__inner {
      grid-template-columns: 1fr;
      gap: 2rem;
   }

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

   body.design-preview--knowledge:is(
      [data-design-variant="v10"],
      [data-design-variant="v11"],
      [data-design-variant="v12"]
   ) .knowledge-topic,
   body.design-preview--knowledge:is(
      [data-design-variant="v10"],
      [data-design-variant="v11"],
      [data-design-variant="v12"]
   ) .knowledge-topic--practice {
      grid-column: 1;
      width: 100%;
      margin: 0;
      padding-left: 0;
      transform: none;
   }

   body.design-preview--knowledge:is(
      [data-design-variant="v10"],
      [data-design-variant="v11"],
      [data-design-variant="v12"]
   ) .knowledge-topic--practice .knowledge-topic__content {
      display: block;
   }

   body.design-preview--knowledge:is(
      [data-design-variant="v10"],
      [data-design-variant="v11"],
      [data-design-variant="v12"]
   ) .knowledge-topic--practice .knowledge-topic__practice-copy {
      margin-top: 1rem;
   }

   body.design-preview--knowledge:is(
      [data-design-variant="v10"],
      [data-design-variant="v11"],
      [data-design-variant="v12"]
   ) .blog-hub__header {
      grid-template-columns: 1fr;
      align-items: start;
   }

   body.design-preview--knowledge:is(
      [data-design-variant="v10"],
      [data-design-variant="v11"],
      [data-design-variant="v12"]
   ) .blog-filters {
      grid-column: 1;
   }
}

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

   body.design-preview--knowledge:is(
      [data-design-variant="v10"],
      [data-design-variant="v11"],
      [data-design-variant="v12"]
   ) .knowledge-section-heading h2 {
      font-size: clamp(2.3rem, 11vw, 3.7rem);
   }

   body.design-preview--knowledge:is(
      [data-design-variant="v10"],
      [data-design-variant="v11"],
      [data-design-variant="v12"]
   ) .knowledge-topic {
      grid-template-columns: 1.65rem minmax(0, 1fr);
      gap: 0.55rem;
   }

   body.design-preview--knowledge:is(
      [data-design-variant="v10"],
      [data-design-variant="v11"],
      [data-design-variant="v12"]
   ) .blog-grid {
      grid-template-columns: 1fr;
   }
}