.template-root[data-brand="duke-innovation-digest"] {
  --brand-tokens-brand-50: #eef2fc;
  --brand-tokens-brand-100: #d3def8;
  --brand-tokens-brand-200: #9ab5f4;
  --brand-tokens-brand-300: #5484f2;
  --brand-tokens-brand-400: #0a4deb;
  --brand-tokens-brand-500: #0335aa;
  --brand-tokens-brand-600: #01216a;
  --brand-tokens-brand-700: #011a56;
  --brand-tokens-brand-800: #011647;
  --brand-tokens-brand-900: #011138;
  --brand-tokens-brand-950: #000b23;
  --brand-tokens-greyscale-10: #ffffff;
  --brand-tokens-greyscale-50: #f4f5f7;
  --brand-tokens-greyscale-100: #e8eaee;
  --brand-tokens-greyscale-200: #d2d5dc;
  --brand-tokens-greyscale-300: #b0b5bf;
  --brand-tokens-greyscale-400: #8c919d;
  --brand-tokens-greyscale-500: #6a6f7b;
  --brand-tokens-greyscale-600: #545963;
  --brand-tokens-greyscale-700: #3f434b;
  --brand-tokens-greyscale-800: #2b2e34;
  --brand-tokens-greyscale-900: #101114;
  --brand-tokens-greyscale-950: #0a0b0d;
  --brand-tokens-greyscale-1000: #050506;
  --brand-tokens-typography-body: "Source Serif 4";
  --brand-tokens-typography-labels: "Inter Tight";
  --brand-tokens-typography-titles-a: "Host Grotesk";
  --brand-tokens-typography-titles-b: "Host Grotesk";
  --duke-stone: #8a7f6d;
  --tint-light: #f3f2f0;
}

.template-root[data-brand="duke-innovation-digest"] .block-section-title {
  letter-spacing: 0.02em;
}

/* brand-700 gives white text 16.4:1 contrast on the painted band. */
.template-root[data-brand="duke-innovation-digest"] {
  --interactive-outlined-primary-toggled-idle: var(--brand-tokens-brand-700);
}

/* Painted containers remap meta text, so timestamps need this higher-contrast value. */
.template-root[data-brand="duke-innovation-digest"] .block-container--bg-brand {
  --text-inverted-3: var(--brand-tokens-greyscale-100);
}

/* Hero v3 uses a big Card on desktop; its lead-title selector is mobile-only. */
.template-root[data-brand="duke-innovation-digest"] .block-hero .card--big .card__title {
  font-size: 38px;
  line-height: 44px;
  font-weight: 600;
}

/* A fixed size bypasses the shared 767px step on --card-title-xl. */
@media (max-width: 767px) {
  .template-root[data-brand="duke-innovation-digest"] .block-hero .card--big .card__title {
    font-size: 28px;
    line-height: 34px;
  }
}

/* SUR-691: hero v3's mobile text-only lead is a big card now; it keeps its
   own front-page title, as before. */
@media (max-width: 767px) {
  .template-root[data-brand="duke-innovation-digest"] .block-hero .block-hero__flow--headlines > .card--big .card__title {
    font-size: 26px;
    line-height: 32px;
  }
}

.template-root[data-brand="duke-innovation-digest"]
  .block-container:not(.block-container--bg-inverted):not(.block-container--bg-brand):not(
    .block-container--bg-image
  )
  .block-section-title--v6 {
  border-bottom-color: var(--duke-stone);
}

.template-root[data-brand="duke-innovation-digest"]
  .block-container--bg-default:has(.block-header) {
  background-image:
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--duke-stone) 22%, transparent) 0%,
      color-mix(in srgb, var(--duke-stone) 14%, transparent) 78%,
      transparent 100%
    ),
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--brand-tokens-brand-500) 10%, transparent) 0%,
      transparent 22%
    );
}