/* SSR design refresh - 2026-10-07
   Loaded from templates/_layoutold.twig. To revert: remove the <link> to this file there
   (backup: templates/_layoutold.twig.bak-design-2026-10-07). */
:root{--ssr-kicker-orange:#b84e0c;--ssr-section-pad:clamp(64px,8vw,96px);--ssr-body-copy:#3b5169}

/* Hero: stronger overlay so the wall sign does not compete with the headline */
html body .ssr-hero{position:relative;isolation:isolate}
html body .ssr-hero::before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(9,27,48,.93) 0%,rgba(9,27,48,.78) 42%,rgba(9,27,48,.30) 100%)}
html body .ssr-hero__inner{position:relative;z-index:1}

/* Hero facts */
html body .ssr-hero__facts strong{display:block;font-family:"Source Serif 4",Georgia,"Times New Roman",serif;font-size:clamp(20px,2.2vw,26px);line-height:1.1;font-weight:700;color:#fff}

/* Button hierarchy: one filled primary, quiet secondary */
html body .ssr-button--secondary{background:transparent;border-color:transparent;color:#fff;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px;padding-left:8px;padding-right:8px}
html body .ssr-button--secondary:hover{background:transparent;border-color:transparent;text-decoration-thickness:2px}

/* Client logos: single grey tone, centred label */
html body .ssr-trust p{text-transform:none;letter-spacing:.04em;font-size:13px;color:#52667c;text-align:center;width:100%;max-width:none}
html body .ssr-logos{align-items:center}
html body .ssr-logos img{height:34px;width:auto;max-width:150px;object-fit:contain;filter:grayscale(1) contrast(1.15);opacity:.8;mix-blend-mode:multiply}
/* Optical sizing: the source SVGs have uneven internal padding. Replace them with tightly cropped SVGs, then delete these five rules. */
html body .ssr-logos img:nth-child(1){height:64px}
html body .ssr-logos img:nth-child(2){height:46px}
html body .ssr-logos img:nth-child(3){height:46px}
html body .ssr-logos img:nth-child(4){height:56px}
html body .ssr-logos img:nth-child(5){height:28px}

/* Section rhythm */
html body .ssr-intro,html body .ssr-services,html body .ssr-thailand,html body .ssr-outsourcing,html body .ssr-insights,html body .ssr-candidate,html body .ssr-contact{padding-top:var(--ssr-section-pad);padding-bottom:var(--ssr-section-pad)}

/* Body copy legibility */
html body .ssr-intro p:not(.ssr-kicker),html body .ssr-section-heading p,html body .ssr-service p,html body .ssr-candidate p:not(.ssr-kicker){color:var(--ssr-body-copy);font-size:17px;line-height:1.65}

/* Accent discipline: darker orange for small kicker text (WCAG AA on white) */
html body .ssr-kicker--orange{color:var(--ssr-kicker-orange)}

/* Service cards: same treatment for every card, orange only on hover */
html body .ssr-service{border-top:3px solid var(--ssr-navy);transition:border-color .2s,box-shadow .2s}
html body .ssr-service:hover,html body .ssr-service:focus-within{border-top-color:var(--ssr-orange);box-shadow:0 10px 28px rgba(16,44,74,.10)}
html body .ssr-service--featured{border-top-color:var(--ssr-navy)}

/* Insight cards: reserved image space, no layout jump while loading */
html body .ssr-article img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;background:#e3eaf2}

/* Keyboard focus */
html body a:focus-visible,html body button:focus-visible,html body input:focus-visible,html body select:focus-visible,html body textarea:focus-visible{outline:3px solid #2a7de1;outline-offset:3px}

/* Navigation: the top-level "Executive Search" link duplicated Services > Executive Search. Hidden by CSS only (page and dropdown link are unchanged).
   To restore, delete this rule. */
html body .navbar-nav>.nav-item:has(>a.nav-link[href="/executive-search"]){display:none}

/* Handoff follow-up 2026-10-07: approved accessible orange buttons.
   White on #c8481a is 4.78:1. Revert by removing this block. */
html body .ssr-button.ssr-button--primary,
html body .mainNav .navHireTalent > a,
html body .mainNav .ssrMobileHire > a {
  background: #c8481a !important;
  border-color: #c8481a !important;
  color: #fff !important;
}
html body .ssr-button.ssr-button--primary:hover,
html body .ssr-button.ssr-button--primary:focus-visible,
html body .mainNav .navHireTalent > a:hover,
html body .mainNav .navHireTalent > a:focus-visible,
html body .mainNav .ssrMobileHire > a:hover,
html body .mainNav .ssrMobileHire > a:focus-visible {
  background: #a63a12 !important;
  border-color: #a63a12 !important;
  color: #fff !important;
}

/* Match the legacy navigation specificity, including its hover rules. */
html body .mainNav.desktop .navbar-nav > li.nav-item.navHireTalent > a.nav-link,
html body .mainNav.mobile .ssrMobileHire > a { background: #c8481a !important; border-color: #c8481a !important; color: #fff !important; }
html body .mainNav.desktop .navbar-nav > li.nav-item.navHireTalent > a.nav-link:is(:hover,:focus-visible,:active),
html body .mainNav.mobile .ssrMobileHire > a:is(:hover,:focus-visible,:active) { background: #a63a12 !important; border-color: #a63a12 !important; color: #fff !important; }