body.site-cases {
  --case-steel: #171d23;
  --case-orange: #fa803f;
  --case-paper: #f4f6f8;
}
body.site-cases .case-masthead {
  background: var(--case-steel);
  color: #f8fafb;
  border-bottom: 3px solid var(--case-orange);
}
body.site-cases .case-masthead h1 {
  color: #fff;
  font-size: clamp(32px, 4vw, 62px);
  line-height: 1.13;
  text-transform: none;
  text-wrap: balance;
}
body.site-cases .specialty-hero.case-masthead .hero-grid { min-height: 430px; }
body.site-cases[data-page="insights"] .specialty-hero .hero-grid { min-height: 345px; }
body.site-cases[data-page="insights"] .specialty-hero .hero-photo {
  width: 57%;
  margin-inline-start: auto;
  background: #e9edf0;
  object-fit: contain;
}
body.site-cases .specialty-hero .hero-visual::after {
  background: linear-gradient(90deg,#171d23 0%,#171d23fa 27%,#171d238c 52%,transparent 77%);
}
body.site-cases .case-masthead .hero-copy > p { max-width: 48ch; }
body.site-cases .case-masthead .specialty-link:not(.primary) { color: #fff; }
body.site-cases .case-masthead .contact-hero-card {
  background: #232b33;
  border-color: #53616c;
  color: #fff;
}
body.site-cases .case-masthead .contact-hero-card :is(a,p,h3,figcaption) { color: #fff; }
body.site-cases .case-inquiry :is(.btn-primary,.btn-xl) {
  background: var(--site-accent);
  color: #fff;
  border-color: var(--site-accent);
}
body.site-cases .case-inquiry button[aria-pressed="true"] {
  border-color: var(--site-accent);
  color: #762b10;
  background: #fff1e7;
}
body.case-landing .navbar .container { width: min(94%, 1400px); margin-inline: auto; }
body.case-landing .lp-hero { margin-block-start: 72px; }
body.case-landing .lp-hero .intro { color: #e3e9ef; }
body.case-landing .lp-hero .eyebrow { color: #ffc19f; }
body.case-landing .lp-hero-photo { background: #fff; }
body.case-landing .lp-hero-photo img { object-fit: contain; }
body.case-landing .lp-shell .lp-hero a.procurement-enquire-v71,
body.site-cases .case-action {
  background: var(--case-orange);
  border: 1px solid var(--case-orange);
  color: #201711;
  border-radius: 4px;
}
body.site-cases .case-article-masthead { padding: clamp(20px,4vw,44px); margin-block: 16px 24px; }
body.site-cases .case-article-masthead h1 { margin: 0; font-size: clamp(28px,3.5vw,50px); }
body.site-cases .case-supply { padding: clamp(32px,5vw,64px) 0; background: var(--case-paper); color: var(--site-ink); }
.case-supply-wrap {
  width: min(92%,1320px);
  margin: auto;
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(min(100%,380px),1fr));
  align-items: center;
  gap: clamp(20px,4vw,56px);
}
.case-supply-wrap h2 { margin: 0 0 14px; text-transform: none; }
.case-supply-wrap p { max-width: 66ch; }
.case-supply-wrap img { width: 100%; height: auto; border-radius: 4px; }
.case-supply-wrap aside { margin-top: 24px; padding-inline-start: 15px; border-inline-start: 2px solid var(--site-accent); }
.case-supply-wrap aside h3 { margin: 0 0 8px; text-transform: none; }
.case-action { display: inline-flex; padding: 10px 16px; font-weight: 700; }
.case-corporate-link { border: 1px solid #78848e; padding: 3px 8px; border-radius: 3px; }
body.site-cases section#insights, body.site-cases #inquiry { scroll-margin-top: 120px; }
@media (max-width: 767px) {
  body.site-cases .specialty-hero.case-masthead .hero-grid { min-height: 0; padding-block-end: 0; }
  body.site-cases .specialty-hero .hero-visual { position: relative; height: auto; aspect-ratio: 16/9; }
  body.site-cases .specialty-hero .hero-visual::after { content: none; }
  body.site-cases[data-page="insights"] .specialty-hero .hero-photo { width: 100%; }
  body.case-landing .lp-hero { margin-block-start: 64px; }
}

/* Keep legacy contact layout while applying the CASE palette. */
body.site-cases.design-c10[data-page=contact] {
  --p-ink: var(--site-ink);
  --p-muted: #505b66;
  --p-paper: var(--case-paper);
  --p-tint: var(--site-soft);
  --p-line: var(--site-border);
  --p-accent: var(--case-orange);
  background: var(--case-paper);
  color: var(--site-ink);
}
body.site-cases.design-c10[data-page=contact] header.inner-header.c10-hero.case-masthead {
  /* The legacy hero sets its background with !important at both widths. */
  background: var(--case-steel) !important;
}
body.site-cases.design-c10[data-page=contact] header.inner-header.c10-hero.case-masthead::after {
  background: linear-gradient(90deg, #171d23de, #171d23b5 55%, #171d23d1);
}
body.site-cases.design-c10[data-page=contact] .contact-hero-card .contact-role { color: #e3e9ef !important; }
body.site-cases.design-c10[data-page=contact] .contact-hero-card :is(.kent-portrait,.contact-qr-v52) { border-color: #53616c; }
body.site-cases.design-c10[data-page=contact] #main-content { background: var(--case-paper); }
body.site-cases.design-c10[data-page=contact] .contact-workspace.contact-unified { color: var(--site-ink); }
body.site-cases.design-c10[data-page=contact] .contact-workspace.contact-unified :is(h2,h3,label,legend),
body.site-cases.design-c10[data-page=contact] .contact-workspace.contact-unified .contact-unified-heading p {
  color: var(--site-ink) !important;
}
body.site-cases.design-c10[data-page=contact] .contact-unified-heading,
body.site-cases.design-c10[data-page=contact] #inquiry.contact-simple-v47 .choice-section {
  border-color: var(--site-border);
}
body.site-cases.design-c10[data-page=contact] #inquiry :is(input.form-control,textarea),
body.site-cases.design-c10[data-page=contact] #inquiry.contact-simple-v47 .choice-button {
  color: var(--site-ink);
  border-color: #8996a2;
}
body.site-cases.design-c10[data-page=contact] #inquiry.contact-simple-v47 .choice-button { box-shadow: none; }
body.site-cases.design-c10[data-page=contact] #inquiry.contact-simple-v47 .choice-button:hover,
body.site-cases.design-c10[data-page=contact] #inquiry.contact-simple-v47 .choice-button[aria-pressed=true] {
  background: #fff1e7;
  color: #762b10;
  border-color: var(--site-accent);
}
body.site-cases.design-c10[data-page=contact] #inquiry button[type=submit] {
  background: var(--case-orange);
  color: #201711;
  border-color: var(--site-accent);
  box-shadow: none;
}
body.site-cases.design-c10[data-page=contact] #inquiry button[type=submit]:hover {
  background: var(--site-accent);
  color: var(--site-on-accent);
  border-color: var(--site-accent);
}
body.site-cases.design-c10[data-page=contact] #inquiry :is(.choice-help-v51,.enquiry-step) {
  background: var(--site-soft);
  color: var(--site-ink);
}
body.site-cases.design-c10[data-page=contact] #inquiry :is(.enquiry-step-help,.enquiry-step-hint) {
  color: var(--p-muted);
}


/* CASE palette and interaction styles shared across all page types. */
body.site-cases {
  --site-ink: #20262c;
  --site-bg: #fff;
  --site-soft: #f2f4f6;
  --site-border: #d6dce1;
  --site-accent: #a83b16;
  --case-steel: #171d23;
  --case-orange: #ff8345;
  --case-on-orange: #21150f;
  --case-paper: #f2f4f6;
  background: var(--site-bg);
}
body.site-cases :is(.navbar,.footer-v592) {
  --site-nav: var(--case-steel);
  --site-nav-ink: #f5f7f8;
}
body.site-cases .navbar :is(.nav-search-form input,.language-menu a),
body.site-cases :is(.site-search,.site-search input) {
  background: #fff;
  color: var(--site-ink);
}
body.site-cases .navbar :is(.nav-search-form button,.language-menu a:hover) { color: var(--site-accent); }
body.site-cases .navbar .nav > li > a:hover,
body.site-cases .navbar .nav > li > a[aria-current] {
  text-decoration: underline;
  text-decoration-color: var(--case-orange);
  text-underline-offset: 6px;
}
body.site-cases :is(.specialty-link.primary,.case-action,.lp-shell .button.procurement-enquire-v71,.case-inquiry button[type=submit],.case-inquiry .btn-xl) {
  background: var(--case-orange);
  border-color: var(--case-orange);
  color: var(--case-on-orange);
  border-radius: 4px;
}
body.site-cases .case-masthead .case-action,
body.site-cases :is(.case-supply,.lp-shell,.editorial-page) .case-action { color: var(--case-on-orange); }
body.site-cases :is(.c10-jumps a[aria-current],.recovery-actions .btn-primary,.article-related .btn-primary) {
  background: var(--case-orange);
  color: var(--case-on-orange);
  border-color: var(--case-orange);
}
body.site-cases :is(.editorial-page,.recovery-page,.lp-contact,.contact-workspace.contact-unified) {
  background: var(--case-paper);
  color: var(--site-ink);
}
body.site-cases :is(.article-back,.article-category,.article-body,.article-related,.recovery-page,.case-supply,.lp-section) a:not(.btn,.button,.case-action) {
  color: var(--site-accent);
}
body.site-cases .footer-v592 { border-top: 3px solid var(--case-orange); }
body.site-cases .footer-v592 .case-corporate-link { border-color: #9ba4ac; }
body.site-cases :is(a,button,input,textarea,select,summary):focus-visible {
  outline: 2px solid var(--site-accent);
  outline-offset: 3px;
}
body.site-cases :is(.navbar,.case-masthead,.footer-v592) :is(a,button,input,summary):focus-visible {
  outline-color: var(--case-orange);
}

/* Keep the guide image in a single continuous field behind the headline. */
body.site-cases[data-page="insights"] .specialty-hero .hero-photo {
  width: 100%;
  background: var(--case-steel);
  object-fit: cover;
  object-position: center 60%;
}
body.site-cases[data-page="insights"] #insights { background: var(--case-paper); }
body.case-landing .lp-hero-photo img { object-fit: cover; }
body.case-landing .lp-hero-photo figcaption {
  color: #20262c;
  background: #fff;
  padding: 10px 14px;
  font-size: 14px;
}
.case-process-photo { margin: 28px 0; }
.case-process-photo img { display: block; width: 100%; height: auto; border-radius: 4px; }
.case-process-photo figcaption { margin-block-start: 8px; }