/* Employer Branding reuses the final Social Recruiting editorial recipes. */
.employer-branding-page { --eb-accent:#37afff; --eb-tint:#f2faff; --eb-line:#dee5e9; }
.employer-branding-page main { background:transparent; }
.employer-branding-page :is(figure,ol) { margin:0; }
.employer-branding-page :is(h1,h2,h3,p) { text-wrap:pretty; }
.employer-branding-page :is(h1,h2,h3) { text-wrap:balance; }
.employer-branding-page .eb-accent { color:var(--eb-accent); }
.employer-branding-page .eb-section { background:#fff; padding:var(--section-space) var(--gutter); scroll-margin-top:88px; }
.employer-branding-page .eb-section h2 { font-size:clamp(48px,3.4vw,72px); line-height:1.07; letter-spacing:-.05em; }
.employer-branding-page .eb-lead { max-width:52ch; font-size:clamp(18px,1.35vw,24px); line-height:1.5; color:#626f79; }
.employer-branding-page .eb-section-heading { max-width:1100px; margin-bottom:clamp(48px,4vw,72px); }
.employer-branding-page .eb-section-heading .about-label { margin-bottom:32px; }
.employer-branding-page .eb-section-heading .eb-lead { margin-top:28px; }
.employer-branding-page .eb-actions { display:flex; flex-wrap:wrap; align-items:center; gap:16px; }
.employer-branding-page main .cut-button:not(.candidate-form-submit) { --button-base-bg:#050607; --button-base-fg:#fff; --button-base-border:#050607; --button-hover-bg:#37afff; --button-hover-fg:#050607; --button-hover-border:#37afff; font-size:18px; min-height:58px; }
.employer-branding-page main .cut-button.outline { --button-base-bg:transparent; --button-base-fg:#050607; --button-base-border:#050607; --button-hover-bg:#050607; --button-hover-fg:#fff; --button-hover-border:#050607; }
.employer-branding-page main .cut-button .button-stroke path { fill:none; stroke:var(--button-border); stroke-width:1; stroke-linejoin:miter; vector-effect:non-scaling-stroke; }
.employer-branding-page .eb-actions .cut-button { transition:color .32s ease,background-color 0s,transform .36s cubic-bezier(.16,1,.3,1); }
.employer-branding-page .eb-actions .cut-button:is(:hover,:focus-visible) { background:var(--button-hover-bg); transition:color .32s ease,background-color 0s .46s,transform .36s cubic-bezier(.16,1,.3,1); }
.employer-branding-page .eb-text-link { display:inline-flex; align-items:center; justify-content:space-between; gap:28px; width:fit-content; padding:12px 0; border-bottom:1px solid #cbd2d8; font-size:clamp(18px,1.35vw,24px); line-height:1.3; }
.employer-branding-page .eb-text-link .icon { transition:transform .32s cubic-bezier(.16,1,.3,1); }
.employer-branding-page .eb-text-link:is(:hover,:focus-visible) { color:var(--eb-accent); border-color:var(--eb-accent); }
.employer-branding-page .eb-text-link:is(:hover,:focus-visible) .icon { transform:translate(3px,-3px); }
.employer-branding-page .header:not(.is-scrolled) { color:#050607; background:#fff; border-color:#e1e6e9; }
.employer-branding-page .eb-brand-light { display:none; }
.employer-branding-page .header.is-scrolled .eb-brand-dark { display:none; }
.employer-branding-page .header.is-scrolled .eb-brand-light { display:block; }
.employer-branding-page .header:not(.is-scrolled) .nav-link { color:#52616c; }
.employer-branding-page .header:not(.is-scrolled) .nav-link:is(:hover,:focus-visible),.employer-branding-page .header:not(.is-scrolled) .services-nav.is-open>.services-trigger { color:#050607; background:#f1f4f6; }
.employer-branding-page .header:not(.is-scrolled) .services-menu { background:#24272a; backdrop-filter:none; }
.employer-branding-page .header:not(.is-scrolled) .header-language { color:#626f79; border-color:#cbd4da; background:#fff; }
.employer-branding-page .header:not(.is-scrolled) .language-option.is-active { color:#fff; background:#050607; }
.employer-branding-page .header:not(.is-scrolled) .language-option:is(:hover,:focus-visible) { color:#050607; background:#f1f4f6; }
.employer-branding-page .header:not(.is-scrolled) .menu-toggle { color:#050607; }
.employer-branding-page .header:not(.is-scrolled) .header-contact { --button-base-bg:#050607; --button-base-fg:#fff; --button-base-border:#050607; --button-hover-bg:#fff; --button-hover-fg:#050607; --button-hover-border:#050607; }
.employer-branding-page .eb-hero-transition { position:relative; isolation:isolate; }
.employer-branding-page .eb-hero-transition > .eb-hero { position:sticky; top:0; z-index:0; }
.employer-branding-page .eb-hero-transition > .eb-intro { position:relative; z-index:2; box-shadow:none; filter:none; }
.employer-branding-page .eb-hero-transition:is(.is-hero-tall,:focus-within) > .eb-hero { position:relative; }
@media (max-width:1100px), (max-height:640px), (prefers-reduced-motion:reduce) {
.employer-branding-page .eb-hero-transition > .eb-hero { position:relative; }
}
.employer-branding-page .eb-intro { padding-block:calc(var(--section-space) + 32px); }
.employer-branding-page .eb-intro-inner { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) clamp(160px,12vw,240px); align-items:center; gap:clamp(24px,3vw,56px); }
.employer-branding-page .eb-intro-heading { display:grid; align-content:start; gap:40px; }
.employer-branding-page .eb-intro-heading h2 { max-width:22ch; }
.employer-branding-page .eb-intro-accent { color:var(--eb-accent); }
.employer-branding-page .eb-intro-copy { display:grid; gap:24px; max-width:52ch; color:#3a454e; }
.employer-branding-page .eb-intro-arrow { display:block; width:50%; height:auto; align-self:start; justify-self:end; fill:none; stroke:#dee5e9; stroke-width:.65; stroke-linecap:round; stroke-linejoin:round; pointer-events:none; }
.employer-branding-page .eb-intro > .eb-benefit-grid { margin-top:clamp(80px,7vw,112px); }
.employer-branding-page .eb-benefit-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; }
.employer-branding-page .eb-benefit { padding:clamp(24px,2.2vw,40px); background:#fff; clip-path:polygon(0 0,calc(100% - 30px) 0,100% 30px,100% 100%,0 100%); }
.employer-branding-page .eb-benefit-top { display:flex; justify-content:space-between; align-items:start; margin-bottom:36px; color:#37afff; }
.employer-branding-page .eb-step-number { color:#a2afb8; font-size:16px; }
.employer-branding-page .eb-benefit h3 { font-size:clamp(24px,1.9vw,34px); font-weight:600; line-height:1.15; letter-spacing:-.035em; }
.employer-branding-page .eb-benefit h3 span { color:var(--eb-accent); }
.employer-branding-page .eb-benefit p { margin-top:24px; color:#626f79; font-size:18px; line-height:1.5; }
.employer-branding-page .eb-play { position:absolute; z-index:1; inset:40% auto auto 42%; font-size:48px; }
.employer-branding-page .eb-play .icon { width:44px; height:44px; }
.employer-branding-page .eb-faq { background:#fff; }
.employer-branding-page .eb-faq-grid { display:grid; grid-template-columns:1fr 1.35fr; gap:clamp(48px,6vw,120px); }
.employer-branding-page .eb-faq h2 { margin-top:32px; }
.employer-branding-page .eb-faq-item { border-bottom:1px solid #cbd4da; }
.employer-branding-page .eb-faq-item:first-child { border-top:1px solid #cbd4da; }
.employer-branding-page .eb-faq-item h3 button { display:flex; align-items:center; justify-content:space-between; gap:28px; width:100%; padding:32px 0; border:0; background:none; color:#050607; text-align:left; font:500 clamp(21px,1.6vw,28px)/1.3 'DM Sans',Arial,sans-serif; letter-spacing:-.025em; }
.employer-branding-page .eb-faq-item h3 button:is(:hover,:focus-visible) { color:var(--eb-accent); }
.employer-branding-page .eb-faq-item h3 button>span { min-width:0; flex:1; }
.employer-branding-page .eb-faq-item h3 button:focus-visible { outline:1px solid var(--eb-accent); outline-offset:5px; }
.employer-branding-page .eb-faq-item h3 button svg { width:24px; height:24px; margin-right:6px; flex:none; fill:none; stroke:currentColor; stroke-width:1.3; transition:rotate .3s ease; }
.employer-branding-page .eb-faq-item h3 button[aria-expanded=true] svg { rotate:45deg; }
.employer-branding-page .eb-faq-answer { display:grid; grid-template-rows:0fr; opacity:0; transition:grid-template-rows .32s cubic-bezier(.16,1,.3,1),opacity .25s ease; }
.employer-branding-page .eb-faq-answer>div { min-height:0; overflow:hidden; }
.employer-branding-page .eb-faq-answer p { padding:0 32px 32px 0; color:#626f79; font-size:clamp(18px,1.3vw,22px); line-height:1.5; }
.employer-branding-page .eb-faq-answer a { text-decoration:underline; color:#050607; text-underline-offset:4px; }
.employer-branding-page .eb-faq-item.is-open .eb-faq-answer { grid-template-rows:1fr; opacity:1; }
@media (min-width:1101px) and (max-width:1400px) {
.employer-branding-page .eb-benefit { padding:24px; }
}
@media (max-width:1100px) {
.employer-branding-page .eb-section h2 { font-size:var(--compact-h2); line-height:1.1; }
.employer-branding-page .eb-section-heading .about-label { margin-bottom:22px; }
.employer-branding-page .eb-lead { font-size:var(--compact-body); }
.employer-branding-page .eb-intro-inner { grid-template-columns:minmax(0,1fr) clamp(96px,12vw,140px); gap:var(--compact-gap); }
.employer-branding-page .eb-intro-heading { grid-column:1; }
.employer-branding-page .eb-intro-arrow { grid-column:2; grid-row:1; }
.employer-branding-page .eb-intro-copy { grid-column:1/-1; }
.employer-branding-page .eb-intro { padding-block:calc(var(--section-space) + 16px); }
.employer-branding-page .eb-intro > .eb-benefit-grid { margin-top:var(--compact-space); }
.employer-branding-page .eb-intro-heading { gap:22px; }
.employer-branding-page .eb-intro-copy { gap:20px; }
.employer-branding-page .eb-benefit-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.employer-branding-page .eb-benefit { padding:var(--compact-padding); }
.employer-branding-page .eb-faq-grid { grid-template-columns:1fr; gap:40px; }
.employer-branding-page .eb-faq h2 { margin-top:22px; }
}
@media (max-width:760px) {
.employer-branding-page .eb-intro-inner { position:relative; grid-template-columns:minmax(0,1fr); }
.employer-branding-page .eb-intro-heading .about-label { padding-inline-end:64px; }
.employer-branding-page .eb-intro-arrow { position:absolute; top:0; right:0; width:48px; }
.employer-branding-page main .cut-button:not(.candidate-form-submit) { width:100%; font-size:17px; }
.employer-branding-page .eb-section-heading { margin-bottom:40px; }
.employer-branding-page .eb-benefit-grid { grid-template-columns:1fr; }
.employer-branding-page .eb-benefit-top { margin-bottom:28px; }
.employer-branding-page .eb-benefit p { margin-top:16px; }
.employer-branding-page .eb-faq-item h3 button { font-size:21px; padding-block:28px; gap:20px; }
.employer-branding-page .eb-faq-answer p { font-size:16px; padding-right:0; padding-bottom:28px; }
}
@media (min-width:1921px) and (min-aspect-ratio:21/10) {
.employer-branding-page .eb-section h2 { font-size:64px; }
}
@media (prefers-reduced-motion:reduce) {
.employer-branding-page .eb-actions .cut-button,.employer-branding-page .eb-text-link .icon,.employer-branding-page .eb-faq-answer,.employer-branding-page .eb-faq-item h3 button svg { transition:none; }
}
.employer-branding-page .eb-intro { background:#fff; }
.employer-branding-page .eb-split-heading { display:grid; grid-template-columns:minmax(0,.7fr) minmax(0,1.7fr); gap:clamp(40px,5vw,96px); max-width:none; }
.employer-branding-page .eb-split-heading .about-label { margin:8px 0 0; }
.employer-branding-page .eb-split-heading>.eb-lead { grid-column:2; margin-top:-8px; }
.employer-branding-page .eb-benefit { --cut:clamp(30px,2.5vw,48px); background:#f1f4f6; padding:clamp(28px,2.6vw,48px); box-shadow:none; filter:none; transition:transform .45s cubic-bezier(.22,1,.36,1); }
.employer-branding-page .eb-benefit-top { color:#050607; margin-bottom:40px; }
.employer-branding-page .eb-benefit h3 { color:#050607; }
.employer-branding-page .eb-benefit p { color:#3a454e; margin-top:28px; }
.employer-branding-page .eb-benefit--1 { background:#37afff; clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,0 100%); }
.employer-branding-page .eb-benefit--1 :is(.eb-benefit-top,h3,p) { color:#fff; }
.employer-branding-page .eb-benefit--2 { clip-path:polygon(0 0,100% 0,100% 100%,var(--cut) 100%,0 calc(100% - var(--cut))); }
.employer-branding-page .eb-benefit--3 { clip-path:polygon(var(--cut) 0,100% 0,100% 100%,0 100%,0 var(--cut)); }
.employer-branding-page .eb-benefit--4 { background:#eaf6ff; clip-path:polygon(0 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%); }
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
.employer-branding-page .eb-benefit:hover { transform:translateY(-6px); }
}
@media (max-width:1100px) {
.employer-branding-page .eb-split-heading { grid-template-columns:1fr; gap:22px; }
.employer-branding-page .eb-split-heading .about-label { margin:0; }
.employer-branding-page .eb-split-heading>.eb-lead { grid-column:1; margin:0; }
.employer-branding-page .eb-benefit { padding:var(--compact-padding); }
.employer-branding-page .eb-benefit-top { margin-bottom:28px; }
.employer-branding-page .eb-benefit p { margin-top:20px; }
}
@media (prefers-reduced-motion:reduce) {
.employer-branding-page .eb-benefit { transition:none; }
}
/* Product-specific content; hero typography and spacing stay in page-hero.css. */
.employer-branding-page .service-hero { --page-hero-surface:#f2faff; --page-hero-accent:#37afff; }
.employer-branding-page .service-hero .eb-hero-art { justify-content:flex-end; }
.employer-branding-page .service-hero .eb-hero-art svg { display:block; width:80%; height:80%; max-width:624px; overflow:visible; }
.employer-branding-page .eb-hero-art :is(.branding-buildings,.branding-orbit,.branding-person) { animation-play-state:paused; }
.employer-branding-page .eb-hero-art.is-loop-visible :is(.branding-buildings,.branding-orbit,.branding-person) { animation-play-state:running; }
.employer-branding-page .eb-benefit--1 :is(.eb-benefit-top,h3,p) { color:#050607; }
.employer-branding-page .eb-faq-item h3 button svg { stroke-width:1.25; }
.employer-branding-page .eb-clients .client-trust__gallery:not(.is-loop-visible) .client-trust__track { animation-play-state:paused; }
.employer-branding-page .eb-contact-lead { font-size:clamp(18px,1.35vw,24px); line-height:1.5; max-width:48ch; color:#c4cdd4; margin-top:28px; }
@media(max-width:1100px) {
  .employer-branding-page .eb-benefit h3 { font-size:var(--compact-h3); }
  .employer-branding-page .eb-benefit p { font-size:var(--compact-body); }
  .employer-branding-page .eb-contact-lead { font-size:var(--compact-body); }
}


@media(prefers-reduced-motion:reduce) {
  .employer-branding-page .eb-hero-art :is(.branding-buildings,.branding-orbit,.branding-person) { animation:none; will-change:auto; }
}


/* Shared complementary-product composition, pointing to Direct Recruiting. */
.employer-branding-page .eb-cross-sell { padding-block:var(--section-feature-start) var(--section-feature-end); }
.employer-branding-page .eb-cross-sell .conversation-cta__message { display:grid; grid-template-columns:minmax(0,1fr) clamp(150px,15vw,280px); align-items:center; }
.employer-branding-page .eb-cross-sell .conversation-cta__message-copy { gap:32px; }
.employer-branding-page .eb-cross-sell .conversation-cta__message .eb-lead { max-width:58ch; }
.employer-branding-page .eb-complement-accent { color:#ffd344; }
.employer-branding-page .eb-cross-sell .conversation-cta__button::before { background:#ffd344; }
.employer-branding-page .eb-cross-sell .conversation-cta__button:is(:hover,:focus-visible) { color:#ffda5f; }
.employer-branding-page .eb-cross-sell .conversation-cta__label { padding-right:0; }
.employer-branding-page .eb-complement-art { width:100%; min-width:0; justify-self:center; pointer-events:none; }
.employer-branding-page .eb-complement-art svg { display:block; width:100%; height:auto; overflow:visible; shape-rendering:geometricPrecision; }
.employer-branding-page .eb-cross-sell :is(.direct-orbit,.direct-needle,.direct-center,.direct-person) { animation-play-state:paused; }
.employer-branding-page .eb-cross-sell.is-loop-visible :is(.direct-orbit,.direct-needle,.direct-center,.direct-person) { animation-play-state:running; }
@media(max-width:1100px) {
  .employer-branding-page .eb-cross-sell .conversation-cta__message-copy { gap:24px; }
}
@media(max-width:760px) {
  .employer-branding-page .eb-cross-sell .conversation-cta__message { grid-template-columns:minmax(0,1fr); row-gap:32px; }
  .employer-branding-page .eb-complement-art { width:min(200px,100%); justify-self:start; }
}
@media(prefers-reduced-motion:reduce) {
  .employer-branding-page .eb-cross-sell :is(.direct-orbit,.direct-needle,.direct-center,.direct-person) { animation:none; }
}

.employer-branding-page .eb-cross-sell .conversation-cta__button { color:#050607; }
.employer-branding-page .eb-cross-sell .conversation-cta__bottom { flex-wrap:wrap; }
.employer-branding-page .eb-cross-sell .conversation-cta__action { flex:1; min-width:min-content; }
.employer-branding-page .eb-cross-sell .conversation-cta__arrow { margin-left:auto; }
html.js-preload:not(.preload-ready) .employer-branding-page .eb-cross-sell :is(.direct-orbit,.direct-needle,.direct-center,.direct-person) { animation-play-state:paused; }