/* Scoped return to the neutral grey treatment used on JCC's current public site. */
body.jcc-grey-return {
  --jcc-current-charcoal: #303030;
  --jcc-current-charcoal-deep: #202020;
  --jcc-current-grey: #f7f7f7;
  --jcc-current-grey-soft: #f3f5f7;
  --jcc-current-white: #ffffff;
  --jcc-current-ink: #3f3f3f;
  --jcc-current-muted: #6f6f6f;
  --jcc-current-line: #e6e6e6;
  --jcc-current-gold: #b7b7b7;
  background: var(--jcc-current-white) !important;
  color: var(--jcc-current-ink) !important;
}

body.jcc-grey-return #top {
  background: var(--jcc-current-white) !important;
  color: var(--jcc-current-ink) !important;
}

body.jcc-grey-return header,
body.jcc-grey-return header.jcc-header-scrolled,
body.jcc-grey-return.jcc-experience-ready header,
body.jcc-grey-return.jcc-experience-ready header.jcc-header-scrolled {
  background: rgba(48, 48, 48, .97) !important;
  border-bottom-color: rgba(255, 255, 255, .14) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .16) !important;
}

body.jcc-grey-return header nav > a,
body.jcc-grey-return header nav > button,
body.jcc-grey-return header button,
body.jcc-grey-return header .jcc-practice-trigger {
  color: #f1f1f1 !important;
}

body.jcc-grey-return header > div:first-child > a:first-child img {
  filter: grayscale(1) brightness(0) invert(1) !important;
}

body.jcc-grey-return #jccHome-headcta {
  color: #ffffff !important;
  background: transparent !important;
  border-color: rgba(255, 255, 255, .78) !important;
}

body.jcc-grey-return .jcc-practice-dropdown {
  background: var(--jcc-current-charcoal-deep) !important;
  border-color: rgba(255, 255, 255, .15) !important;
  box-shadow: 0 24px 50px rgba(0, 0, 0, .28) !important;
}

body.jcc-grey-return .jcc-practice-dropdown > div:last-child {
  background: #272727 !important;
  border-color: rgba(255, 255, 255, .12) !important;
}

body.jcc-grey-return .jcc-practice-dropdown .jcc-mega-item span:last-child {
  color: #dedede !important;
}

body.jcc-grey-return .jcc-mobile-menu {
  background: var(--jcc-current-charcoal-deep) !important;
  border-color: rgba(255, 255, 255, .14) !important;
}

body.jcc-grey-return footer {
  background: var(--jcc-current-charcoal-deep) !important;
}

/* Homepage palette: grey, white and charcoal with gold retained as an accent. */
body.jcc-grey-return.jcc-page-home {
  --jcc-home-green: var(--jcc-current-charcoal);
  --jcc-home-green-deep: var(--jcc-current-charcoal-deep);
  --jcc-home-green-soft: #4a4a4a;
  --jcc-home-gold: #606060;
  --jcc-home-gold-bright: #d9d9d9;
  --jcc-home-paper: var(--jcc-current-white);
  --jcc-home-paper-deep: var(--jcc-current-grey);
  --jcc-home-ink: var(--jcc-current-ink);
  --jcc-home-body: var(--jcc-current-muted);
  --jcc-home-rule: var(--jcc-current-line);
  background: var(--jcc-current-white) !important;
  color: var(--jcc-current-ink) !important;
}

body.jcc-grey-return .jcc-home-redesign-hero {
  color: #f1f1f1 !important;
  background: var(--jcc-current-charcoal) !important;
  border-bottom-color: #454545 !important;
}

body.jcc-grey-return .jcc-home-redesign-hero::before {
  background:
    radial-gradient(circle at var(--jcc-pointer-x, 74%) var(--jcc-pointer-y, 24%), rgba(255,255,255, .11), transparent 28%),
    linear-gradient(115deg, transparent 0 64%, rgba(255, 255, 255, .04) 64% 65%, transparent 65% 100%) !important;
}

body.jcc-grey-return .jcc-home-redesign-hero h1 {
  color: #f1f1f1 !important;
}

body.jcc-grey-return .jcc-home-redesign-hero .jcc-hero-lead {
  color: #dedede !important;
}

body.jcc-grey-return .jcc-home-redesign-hero .jcc-hero-kicker,
body.jcc-grey-return .jcc-home-redesign-hero .jcc-home-hero-attribution > a {
  color: #d9d9d9 !important;
}

body.jcc-grey-return .jcc-home-redesign-hero .jcc-hero-actions a {
  color: var(--jcc-current-ink) !important;
  background: #efefef !important;
  border-color: #efefef !important;
  border-radius: 999px !important;
}

body.jcc-grey-return .jcc-home-redesign-hero .jcc-hero-actions a:last-child {
  color: #ffffff !important;
  background: transparent !important;
  border-color: rgba(255, 255, 255, .72) !important;
}

body.jcc-grey-return .jcc-home-redesign-hero .jcc-hero-proof {
  color: #f1f1f1 !important;
  background: rgba(32, 32, 32, .9) !important;
  border-color: rgba(255, 255, 255, .2) !important;
  box-shadow: 0 24px 54px rgba(0, 0, 0, .24) !important;
}

body.jcc-grey-return .jcc-home-redesign-hero .jcc-hero-proof p {
  color: #dedede !important;
}

body.jcc-grey-return section[data-screen-label="Closing CTA"] .jcc-closing-cta > span {
  background: #8a8a8a !important;
}

body.jcc-grey-return section[data-screen-label="Closing CTA"] .jcc-closing-cta > a,
body.jcc-grey-return section[data-screen-label="Closing CTA"] .jcc-closing-cta > a:link,
body.jcc-grey-return section[data-screen-label="Closing CTA"] .jcc-closing-cta > a:visited,
body.jcc-grey-return section[data-screen-label="Closing CTA"] .jcc-closing-cta > a:active {
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
  font-weight: 800 !important;
  background: #f2f2f2 !important;
  border-color: #f2f2f2 !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, .18) !important;
  text-shadow: none !important;
}

body.jcc-grey-return section[data-screen-label="Closing CTA"] .jcc-closing-cta > a:hover,
body.jcc-grey-return section[data-screen-label="Closing CTA"] .jcc-closing-cta > a:focus-visible {
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
  background: #ffffff !important;
  border-color: #ffffff !important;
}

body.jcc-grey-return main .jcc-home-insights > div > div:first-child > a,
body.jcc-grey-return main .jcc-meet-justin .jcc-about-grid > div:last-child > a,
body.jcc-grey-return main #media-features > div > a,
body.jcc-grey-return main .jcc-singapore-context .jcc-split > div:last-child > a {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: #111111 !important;
  border-color: #111111 !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}

body.jcc-grey-return main .jcc-home-insights > div > div:first-child > a:hover,
body.jcc-grey-return main .jcc-home-insights > div > div:first-child > a:focus-visible,
body.jcc-grey-return main .jcc-meet-justin .jcc-about-grid > div:last-child > a:hover,
body.jcc-grey-return main .jcc-meet-justin .jcc-about-grid > div:last-child > a:focus-visible,
body.jcc-grey-return main #media-features > div > a:hover,
body.jcc-grey-return main #media-features > div > a:focus-visible,
body.jcc-grey-return main .jcc-singapore-context .jcc-split > div:last-child > a:hover,
body.jcc-grey-return main .jcc-singapore-context .jcc-split > div:last-child > a:focus-visible {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: #2d2d2d !important;
  border-color: #2d2d2d !important;
}

body.jcc-grey-return main .jcc-singapore-context .jcc-split > div:last-child > a {
  border-color: rgba(255, 255, 255, .28) !important;
}

body.jcc-grey-return .jcc-matter-finder,
body.jcc-grey-return section[data-screen-label="Homepage introduction"],
body.jcc-grey-return .jcc-home-reviews {
  background: var(--jcc-current-white) !important;
  border-color: var(--jcc-current-line) !important;
}

body.jcc-grey-return .jcc-featured-media,
body.jcc-grey-return .jcc-home-insights,
body.jcc-grey-return .jcc-meet-justin,
body.jcc-grey-return #media-features {
  background: var(--jcc-current-grey) !important;
  border-color: var(--jcc-current-line) !important;
}

body.jcc-grey-return .jcc-matter-grid,
body.jcc-grey-return .jcc-matter-card {
  border-color: #dddddd !important;
}

body.jcc-grey-return main .jcc-matter-finder .jcc-matter-card {
  color: var(--jcc-current-ink) !important;
  background: var(--jcc-current-white) !important;
  box-shadow: none !important;
}

body.jcc-grey-return .jcc-practice-editorial {
  color: var(--jcc-current-ink) !important;
  background: var(--jcc-current-grey) !important;
  border-color: var(--jcc-current-line) !important;
}

body.jcc-grey-return main .jcc-practice-editorial .jcc-practice-intro h2,
body.jcc-grey-return .jcc-practice-editorial .jcc-practice-grid > a > strong {
  color: var(--jcc-current-ink) !important;
}

body.jcc-grey-return main .jcc-practice-editorial .jcc-practice-intro > p,
body.jcc-grey-return main .jcc-practice-editorial .jcc-practice-grid > a > p {
  color: #4f4f4f !important;
}

body.jcc-grey-return main #areas-of-practice .jcc-practice-intro > p:last-of-type {
  color: #4f4f4f !important;
}

body.jcc-grey-return main #areas-of-practice .jcc-practice-intro > a {
  color: var(--jcc-current-ink) !important;
}

body.jcc-grey-return main #areas-of-practice .jcc-practice-intro > figure {
  border-color: #d8d8d8 !important;
}

body.jcc-grey-return .jcc-practice-editorial .jcc-practice-grid > a {
  color: var(--jcc-current-ink) !important;
  border-color: #d8d8d8 !important;
}

body.jcc-grey-return main #areas-of-practice .jcc-practice-grid {
  border-color: #d8d8d8 !important;
}

body.jcc-grey-return .jcc-practice-editorial .jcc-practice-grid > a > span,
body.jcc-grey-return .jcc-practice-editorial .jcc-practice-grid > a > i {
  color: #737373 !important;
}

body.jcc-grey-return main .jcc-practice-editorial .jcc-practice-grid > a:hover,
body.jcc-grey-return main .jcc-practice-editorial .jcc-practice-grid > a:focus-visible {
  color: var(--jcc-current-ink) !important;
  background: var(--jcc-current-white) !important;
  border-color: #cfcfcf !important;
  box-shadow: none !important;
}

body.jcc-grey-return main .jcc-practice-editorial .jcc-practice-grid > a:hover > span,
body.jcc-grey-return main .jcc-practice-editorial .jcc-practice-grid > a:hover > strong,
body.jcc-grey-return main .jcc-practice-editorial .jcc-practice-grid > a:hover > p,
body.jcc-grey-return main .jcc-practice-editorial .jcc-practice-grid > a:hover > i,
body.jcc-grey-return main .jcc-practice-editorial .jcc-practice-grid > a:focus-visible > span,
body.jcc-grey-return main .jcc-practice-editorial .jcc-practice-grid > a:focus-visible > strong,
body.jcc-grey-return main .jcc-practice-editorial .jcc-practice-grid > a:focus-visible > p,
body.jcc-grey-return main .jcc-practice-editorial .jcc-practice-grid > a:focus-visible > i {
  color: var(--jcc-current-ink) !important;
}

body.jcc-grey-return .jcc-singapore-context,
body.jcc-grey-return main section[data-screen-label="Closing CTA"] {
  background: var(--jcc-current-charcoal) !important;
}

/* Readiness modules: neutral grey band, white cards and charcoal controls. */
body.jcc-grey-return section[id$="-readiness-check"] {
  color: var(--jcc-current-ink) !important;
  background: var(--jcc-current-grey-soft) !important;
  border-color: var(--jcc-current-line) !important;
}

body.jcc-grey-return section[id$="-readiness-check"] [style*="background:#f2f2f2" i],
body.jcc-grey-return section[id$="-readiness-check"] [style*="background:#f7f7f7" i],
body.jcc-grey-return section[id$="-readiness-check"] [style*="background:#f7f7f7" i],
body.jcc-grey-return section[id$="-readiness-check"] [style*="background:#f2f2f2" i] {
  background: var(--jcc-current-grey) !important;
}

body.jcc-grey-return section[id$="-readiness-check"] [style*="background:#FFFFFF" i],
body.jcc-grey-return section[id$="-readiness-check"] [style*="background:#fff" i] {
  background: var(--jcc-current-white) !important;
}

body.jcc-grey-return section[id$="-readiness-check"] [style*="color:#222222" i] {
  color: var(--jcc-current-ink) !important;
}

body.jcc-grey-return section[id$="-readiness-check"] [style*="color:#555555" i],
body.jcc-grey-return section[id$="-readiness-check"] [style*="color:#777777" i] {
  color: var(--jcc-current-muted) !important;
}

body.jcc-grey-return section[id$="-readiness-check"] [style*="border:1px solid #e2e2e2" i],
body.jcc-grey-return section[id$="-readiness-check"] [style*="border-bottom:1px solid #e2e2e2" i] {
  border-color: var(--jcc-current-line) !important;
}

body.jcc-grey-return section[id$="-readiness-check"] button[style*="background:#222222" i] {
  color: #ffffff !important;
  background: var(--jcc-current-charcoal) !important;
  border-color: var(--jcc-current-charcoal) !important;
}

body.jcc-grey-return section[id$="-readiness-check"] a[style*="background:#626262" i],
body.jcc-grey-return section[id$="-readiness-check"] a[style*="background:#bdbdbd" i] {
  color: var(--jcc-current-charcoal-deep) !important;
  background: var(--jcc-current-gold) !important;
  border-color: var(--jcc-current-gold) !important;
}

body.jcc-grey-return section[id$="-readiness-check"] input {
  accent-color: var(--jcc-current-charcoal) !important;
}

@media (max-width: 720px) {
  body.jcc-grey-return .jcc-home-redesign-hero {
    background: var(--jcc-current-charcoal) !important;
  }
}

/* JCC strict neutral design system 2026-07-18: no gold, brown, yellow or green interface controls. */
body.jcc-grey-return {
  --jcc-current-gold: #707070;
  font-family: 'Hanken Grotesk', system-ui, sans-serif;
}
body.jcc-grey-return ::selection { color: #fff; background: #5f5f5f; }
body.jcc-grey-return .whatsapp-dot { color: #fff !important; background: #3f3f3f !important; }
body.jcc-grey-return .whatsapp-float:hover .whatsapp-dot,
body.jcc-grey-return .whatsapp-float:focus-visible .whatsapp-dot { background: #202020 !important; }
body.jcc-grey-return a[style*="background:#626262" i],
body.jcc-grey-return a[style*="background:#bdbdbd" i],
body.jcc-grey-return button[style*="background:#626262" i],
body.jcc-grey-return button[style*="background:#bdbdbd" i] {
  min-height: 48px;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  background: #252525 !important;
  border-color: #252525 !important;
  border-radius: 999px !important;
  font-family: 'Hanken Grotesk', system-ui, sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .11em !important;
  text-transform: uppercase !important;
}
body.jcc-grey-return [style*="color:#626262" i] { color: #666 !important; }
body.jcc-grey-return [style*="border-color:#626262" i],
body.jcc-grey-return [style*="border:1px solid #626262" i] { border-color: #777 !important; }
body.jcc-grey-return header,
body.jcc-grey-return footer,
body.jcc-grey-return button,
body.jcc-grey-return a { font-family: 'Hanken Grotesk', system-ui, sans-serif; }