/* Shared gold accent standard for every Technologies page. */
:root {
  --accent-gold: #a68433;
  --accent-gold-light: #e0c978;
  --accent-gold-deep: #80611e;
}

.site-header nav a:hover,
.site-header nav a.current,
.site-header nav a[aria-current="page"] {
  color: var(--gold-text)!important;
;font-weight:650;text-shadow:none;-webkit-text-fill-color:currentColor;}

.site-header nav a::after {
  background: var(--accent-gold-light) !important;
}

/* Keep the four category title cards distinct while unifying their end tips. */
.cap-group-nav a,
.cap-category-heading {
  border-color: var(--accent-gold) !important;
}

.cap-category-heading {
  border-left-color: var(--accent-gold) !important;
}

.eyebrow.dark,
.markets .section-intro h2 em,
.contact .eyebrow,
.market-card span,
.capability-intro .eyebrow,
.capability-intro h1 em,
.capability-close .eyebrow,
.serve-markets .eyebrow,
.serve-main .serve-market .vertical-outcome,
.vertical-sheet .eyebrow,
.impact-page .impact-mission-copy .eyebrow,
.impact-page .foundation-intro .eyebrow,
.impact-page .focus-connect .eyebrow,
.statement-intro > strong,
.statement-difference strong,
.statement-mission {
  color: var(--gold-text)!important;
;font-weight:650;text-shadow:none;-webkit-text-fill-color:currentColor;}

.market-face,
.market-card,
.serve-market.vertical-card:before,
.capability-image,
.statement-visual + .statement-intro,
.impact-page .impact-connection {
  border-top-color: var(--accent-gold) !important;
}

.market-face,
.market-card,
.serve-market.vertical-card,
.vertical-sheet.statement,
.capability-market,
.audience-sector-card,
.impact-stephanie-quote,
.impact-russ-quote {
  border-color: color-mix(in srgb, var(--accent-gold) 48%, transparent) !important;
}

.market-back,
.market-face::before,
.market-face::after,
.vertical-card .vertical-open,
.vertical-sheet .statement-contact .button,
.statement-contact .button,
.serve-market.vertical-card .vertical-open,
.sheet-cta .button,
.capability-content .cap-open,
.capability-close .button,
.impact-page .site-header > .button,
.impact-opening-copy .button,
.button,
.motto-cinema-cta {
  border-color: var(--accent-gold) !important;
}

.vertical-card .vertical-open,
.serve-market.vertical-card .vertical-open,
.sheet-cta .button,
.statement-contact .button,
.capability-content .cap-open,
.capability-close .button,
.impact-page .site-header > .button,
.impact-opening-copy .button,
.button,
.motto-cinema-cta {
  background: linear-gradient(135deg, var(--accent-gold-light), var(--accent-gold)) !important;
  color: #03203e !important;
  box-shadow: 0 10px 24px rgba(3, 32, 62, .2), inset 0 1px rgba(255, 255, 255, .42) !important;
}

.vertical-card .vertical-open:hover,
.serve-market.vertical-card .vertical-open:hover,
.sheet-cta .button:hover,
.statement-contact .button:hover,
.capability-content .cap-open:hover,
.capability-close .button:hover,
.impact-page .site-header > .button:hover,
.impact-opening-copy .button:hover,
.button:hover,
.motto-cinema-cta:hover {
  background: linear-gradient(135deg, #f1dfa0, var(--accent-gold-light)) !important;
  color: #03203e !important;
}

.market-face,
.market-card,
.serve-market.vertical-card,
.vertical-card .vertical-areas,
.vertical-sheet .sheet-applications,
.vertical-sheet .sheet-delivery,
.statement-visual + .statement-intro,
.statement-sidebar,
.statement-sidebar section + section,
.capability-content ul,
.impact-path,
.impact-page .impact-connection {
  border-color: color-mix(in srgb, var(--accent-gold) 42%, transparent) !important;
}

.market-face,
.market-card {
  border-top-color: var(--accent-gold) !important;
}

.market-card span,
.market-card .market-kicker,
.market-card .market-label,
.market-card .market-back strong,
.glass-card[data-accent],
.glass-card[data-accent="red"],
.glass-card[data-accent="blue"],
.glass-card[data-accent="gold"] {
  --accent: var(--accent-gold-light) !important;
}

.market-back,
.market-back .market-kicker,
.market-back .market-card span,
.market-back .market-card b,
.glass-card[data-accent] .icon,
.journey-frame-copy span,
.journey-purpose-line span,
.journey-purpose-line strong,
.journey-purpose-line i {
  color: var(--gold-text)!important;
;font-weight:650;text-shadow:none;-webkit-text-fill-color:currentColor;}

.serve-market.vertical-card .audience-sector-icon,
.serve-market.vertical-card:nth-child(2) .audience-sector-icon,
.serve-market.vertical-card:nth-child(3) .audience-sector-icon,
.capability-title svg,
.capabilities-page .statement-section-title > svg,
.statement-icon,
.impact-path svg,
.ripple-node-icon {
  stroke: var(--accent-gold) !important;
}

.serve-market.vertical-card .vertical-areas li::marker,
.serve-market.vertical-card li::before,
.statement-table li::marker,
.capability-content li::before {
  color: var(--gold-text)!important;
;font-weight:650;text-shadow:none;-webkit-text-fill-color:currentColor;}

.vertical-card .vertical-areas,
.vertical-card .serve-outcome,
.capability-title svg,
.capability-image,
.audience-sector-icon-wrap,
.statement-brand,
.statement-mission,
.statement-visual + .statement-intro,
.journey-frame,
.journey-closing,
.journey-flywheel-bridge,
.contact:before,
footer {
  border-color: color-mix(in srgb, var(--accent-gold) 62%, transparent) !important;
}

.vertical-card .serve-outcome,
.audience-sector-card > span,
.audience-sector-card strong,
.statement-difference strong,
.statement-mission,
.statement-intro > strong,
.statement-contact a,
.capability-content li::before,
.capability-intro .eyebrow,
.capability-intro h1 em,
.capabilities-page .statement-section-title > svg {
  color: var(--gold-text)!important;
;font-weight:650;text-shadow:none;-webkit-text-fill-color:currentColor;}

.vertical-card .vertical-open,
.sheet-close,
.statement-contact .button,
.mobile-card-dialog,
.mobile-card-dialog-close,
.mobile-card-dialog-copy button,
.capability-main button:focus-visible,
.capability-main a:focus-visible,
.audience-page a:focus-visible,
.impact-page a:focus-visible,
a:focus-visible,
button:focus-visible {
  outline-color: var(--accent-gold-light) !important;
}

.ripple-graphic::before,
.ripple-graphic::after,
.ripple-ring-outer,
.ripple-ring-middle,
.ripple-ring-inner {
  border-color: rgba(224, 201, 120, .82) !important;
  box-shadow: 0 0 25px rgba(224, 201, 120, .3), inset 0 0 20px rgba(224, 201, 120, .14) !important;
}

.ripple-family,
.ripple-ring,
.ripple-node-icon {
  filter: drop-shadow(0 0 8px rgba(224, 201, 120, .35));
}

.vertical-sheet .statement-brand > div p,
.vertical-sheet .statement-intro > strong,
.vertical-sheet .statement-difference strong,
.vertical-sheet .statement-mission,
.impact-role-refresh .impact-role,
.impact-page .impact-russ-quote .eyebrow,
.impact-page .impact-stephanie-quote .eyebrow {
  color: var(--gold-text)!important;
;font-weight:650;text-shadow:none;-webkit-text-fill-color:currentColor;}

@media (max-width: 767px) {
  .site-header nav a.current,
  .site-header nav a[aria-current="page"] {
    color: var(--gold-text)!important;
  ;font-weight:650;text-shadow:none;-webkit-text-fill-color:currentColor;}
}

/* Accessible solid gold text, independent of decorative gold tokens. */
:root { --gold-text: #D6B45B; }
.markets, .market-card, .market-face, .vertical-sheet,
.statement-sidebar, .capability-content, .capability-intro,
.capability-close, .serve-markets, .serve-market,
.impact-foundation, .impact-path article, .impact-russ-quote,
.impact-stephanie-quote, .focus-connect, .audience-sector-card {
  --gold-text: #8A6A1F;
}
.hero, .site-header, .mobile-menu, .market-back, .glass-card,
.contact, .capability-intro, .capability-close, .serve-hero,
.serve-market.vertical-card, .journey, .impact-opening,
.impact-mission-copy, .capability-title,
.audience-sector-card:nth-child(2), .audience-sector-card:nth-child(4) {
  --gold-text: #D6B45B;
}
.vertical-sheet, .vertical-sheet .capability-title { --gold-text: #8A6A1F; }

.serve-markets, .capability-overview { --gold-text: #D6B45B; }
@media (min-width: 768px) {
  .impact-russ-quote, .impact-stephanie-quote { --gold-text: #D6B45B; }
}