/* Same alternating steps recipe as Social Recruiting, with Employer Branding content. */
.employer-branding-page .eb-offer { background:#fff; }
.employer-branding-page .eb-offer-heading { max-width:1100px; }
.employer-branding-page .eb-offer-list { list-style:none; display:grid; padding:0; }
.employer-branding-page .eb-offer-item { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:center; min-width:0; }
.employer-branding-page .eb-offer-item:nth-child(even) .eb-offer-copy { order:2; }
.employer-branding-page .eb-offer-copy { min-width:0; }
.employer-branding-page .eb-offer-number { display:block; font-size:18px; }
.employer-branding-page .eb-offer-item h3 { font-size:clamp(32px,3vw,56px); line-height:1.12; letter-spacing:-.04em; font-weight:600; overflow-wrap:break-word; hyphens:auto; }
.employer-branding-page .eb-offer-item p { margin-top:28px; font-size:clamp(18px,1.5vw,25px); color:#626f79; line-height:1.5; }
.employer-branding-page .eb-offer-scene { min-width:0; margin:0; }
.employer-branding-page .eb-offer-illustration { display:block; width:100%; height:auto; }
@media(max-width:1100px) {
  .employer-branding-page .eb-offer-item h3 { font-size:var(--compact-h2); }
  .employer-branding-page .eb-offer-item p { font-size:var(--compact-body); }
}
@media(max-width:760px) {
  .employer-branding-page .eb-offer-item { grid-template-columns:minmax(0,1fr); }
  .employer-branding-page .eb-offer-item:nth-child(even) .eb-offer-copy { order:0; }
  .employer-branding-page .eb-offer-item p { margin-top:20px; }
}
@media(min-width:1921px) and (min-aspect-ratio:21/10) {
  .employer-branding-page .eb-offer-item p { font-size:22px; }
}

/* Lightweight SVG loops stay paused unless their own scene is visible. */
.eb-offer-scene [class*="eb-motion-"] { transform-box:fill-box; transform-origin:center; animation-play-state:paused; }
.eb-offer-scene.is-loop-visible [class*="eb-motion-"] { animation-play-state:running; }

@media(prefers-reduced-motion:reduce) {
  .eb-offer-scene [class*="eb-motion-"] { animation:none; }
}
