/* Social Recruiting: the approved editorial system, with campaign interfaces as the visual focus. */
.social-recruiting-page { --sr-violet:#8c82ff; --sr-tint:#f0edff; --sr-line:#dee5e9; }
.social-recruiting-page main { background:transparent; }
.social-recruiting-page :is(figure,ol) { margin:0; }
.social-recruiting-page :is(h1,h2,h3,p) { text-wrap:pretty; }
.social-recruiting-page :is(h1,h2,h3) { text-wrap:balance; }
.social-recruiting-page .sr-accent { color:var(--sr-violet); }
.social-recruiting-page .sr-section { background:#fff; padding:var(--section-space) var(--gutter); scroll-margin-top:88px; }
.social-recruiting-page .sr-section h2 { font-size:clamp(48px,3.4vw,72px); line-height:1.07; letter-spacing:-.05em; }
.social-recruiting-page .sr-lead { max-width:52ch; font-size:clamp(18px,1.35vw,24px); line-height:1.5; color:#626f79; }
.social-recruiting-page .sr-section-heading { max-width:1100px; margin-bottom:clamp(48px,4vw,72px); }
.social-recruiting-page .sr-section-heading .about-label { margin-bottom:32px; }
.social-recruiting-page .sr-section-heading .sr-lead { margin-top:28px; }
.social-recruiting-page .sr-actions { display:flex; flex-wrap:wrap; align-items:center; gap:16px; }
.social-recruiting-page main .cut-button:not(.candidate-form-submit) { --button-base-bg:#050607; --button-base-fg:#fff; --button-base-border:#050607; --button-hover-bg:#8c82ff; --button-hover-fg:#050607; --button-hover-border:#8c82ff; font-size:18px; min-height:58px; }
.social-recruiting-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; }
.social-recruiting-page main .cut-button .button-stroke path { fill:none; stroke:var(--button-border); stroke-width:1; stroke-linejoin:miter; vector-effect:non-scaling-stroke; }
.social-recruiting-page .sr-actions .cut-button { transition:color .32s ease,background-color 0s,transform .36s cubic-bezier(.16,1,.3,1); }
.social-recruiting-page .sr-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); }
.social-recruiting-page .sr-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; }
.social-recruiting-page .sr-text-link .icon { transition:transform .32s cubic-bezier(.16,1,.3,1); }
.social-recruiting-page .sr-text-link:is(:hover,:focus-visible) { color:var(--sr-violet); border-color:var(--sr-violet); }
.social-recruiting-page .sr-text-link:is(:hover,:focus-visible) .icon { transform:translate(3px,-3px); }
/* The same light-to-dark navigation behavior as Contact. */
.social-recruiting-page .header:not(.is-scrolled) { color:#050607; background:#fff; border-color:#e1e6e9; }
.social-recruiting-page .sr-brand-light { display:none; }
.social-recruiting-page .header.is-scrolled .sr-brand-dark { display:none; }
.social-recruiting-page .header.is-scrolled .sr-brand-light { display:block; }
.social-recruiting-page .header:not(.is-scrolled) .nav-link { color:#52616c; }
.social-recruiting-page .header:not(.is-scrolled) .nav-link:is(:hover,:focus-visible),.social-recruiting-page .header:not(.is-scrolled) .services-nav.is-open>.services-trigger { color:#050607; background:#f1f4f6; }
.social-recruiting-page .header:not(.is-scrolled) .services-menu { background:#24272a; backdrop-filter:none; }
.social-recruiting-page .header:not(.is-scrolled) .header-language { color:#626f79; border-color:#cbd4da; background:#fff; }
.social-recruiting-page .header:not(.is-scrolled) .language-option.is-active { color:#fff; background:#050607; }
.social-recruiting-page .header:not(.is-scrolled) .language-option:is(:hover,:focus-visible) { color:#050607; background:#f1f4f6; }
.social-recruiting-page .header:not(.is-scrolled) .menu-toggle { color:#050607; }
.social-recruiting-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; }
/* Hero and the shared editorial introduction hierarchy. */
.social-recruiting-page .service-hero .sr-hero-art { justify-content:flex-end; }
.social-recruiting-page .service-hero .sr-hero-art .online-recruiting-illustration { width:80%; height:80%; max-width:624px; }
.social-recruiting-page .sr-hero-transition { position:relative; isolation:isolate; }
.social-recruiting-page .sr-hero-transition > .sr-hero { position:sticky; top:0; z-index:0; }
.social-recruiting-page .sr-hero-transition > .sr-intro { position:relative; z-index:2; box-shadow:none; filter:none; }
.social-recruiting-page .sr-hero-transition:is(.is-hero-tall,:focus-within) > .sr-hero { position:relative; }
@media (max-width:1100px), (max-height:640px), (prefers-reduced-motion:reduce) {
  .social-recruiting-page .sr-hero-transition > .sr-hero { position:relative; }
}
.social-recruiting-page .sr-example-label { text-align:center; color:#626f79; font-size:14px; line-height:1.4; margin-top:24px; }
.social-recruiting-page .sr-intro { padding-block:calc(var(--section-space) + 32px); }
.social-recruiting-page .sr-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); }
.social-recruiting-page .sr-intro-heading { display:grid; align-content:start; gap:40px; }
.social-recruiting-page .sr-intro-heading h2 { max-width:22ch; }
.social-recruiting-page .sr-intro-accent { color:var(--sr-violet); }
.social-recruiting-page .sr-intro-copy { display:grid; gap:24px; max-width:52ch; color:#3a454e; }
.social-recruiting-page .sr-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; }
.social-recruiting-page .sr-intro > .sr-benefit-grid { margin-top:clamp(80px,7vw,112px); }
/* Four benefit cards: same shared icons, color pair and chamfers. */
.social-recruiting-page .sr-benefit-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; }
.social-recruiting-page .sr-benefit { padding:clamp(24px,2.2vw,40px); background:#fff; clip-path:polygon(0 0,calc(100% - 30px) 0,100% 30px,100% 100%,0 100%); }
.social-recruiting-page .sr-benefit-top { display:flex; justify-content:space-between; align-items:start; margin-bottom:36px; color:#8c82ff; }
.social-recruiting-page .sr-step-number { color:#a2afb8; font-size:16px; }
.social-recruiting-page .sr-benefit h3 { font-size:clamp(24px,1.9vw,34px); font-weight:600; line-height:1.15; letter-spacing:-.035em; }
.social-recruiting-page .sr-benefit h3 span { color:var(--sr-violet); }
.social-recruiting-page .sr-benefit p { margin-top:24px; color:#626f79; font-size:18px; line-height:1.5; }
/* Readable, static campaign UI examples. No actual candidate data is collected here. */
.social-recruiting-page .sr-device { width:290px; max-width:100%; padding:9px; background:#1c232a; border:1px solid #3a454e; border-radius:34px; box-shadow:0 16px 30px rgba(5,6,7,.1); }
.social-recruiting-page .sr-screen { aspect-ratio:9/18.4; position:relative; overflow:hidden; border-radius:26px; background:#fff; font-family:Figtree,Arial,sans-serif; font-size:14px; line-height:1.35; color:#050607; }
.social-recruiting-page .sr-screen :is(p,b,small,span) { text-align:left; }
.social-recruiting-page .sr-screen small { display:block; font-size:12px; }
.social-recruiting-page .sr-screen--feed { display:flex; flex-direction:column; }
.social-recruiting-page .sr-screen--feed>:not(.sr-feed-photo) { flex-shrink:0; }
.social-recruiting-page .sr-screen--feed .sr-feed-photo { flex:1; height:auto; min-height:0; }
.social-recruiting-page .sr-screen--feed .sr-screen-nav { position:static; }
.social-recruiting-page .sr-screen .icon { width:18px; height:18px; }
.social-recruiting-page .sr-screen-top { display:flex; justify-content:space-between; align-items:center; padding:16px 16px 12px; font-family:'DM Sans',Arial,sans-serif; font-size:20px; }
.social-recruiting-page .sr-ad-account { display:flex; align-items:center; gap:8px; padding:8px 14px 12px; font-size:12px; }
.social-recruiting-page .sr-ad-account>span:last-child { margin-left:auto; }
.social-recruiting-page .sr-avatar { display:grid; place-items:center; width:30px; height:30px; border-radius:50%; background:#f0edff; color:#050607; font-weight:700; }
.social-recruiting-page .sr-screen-brand { font-weight:700; }
.social-recruiting-page .sr-feed-photo { position:relative; height:48%; background:#050607; }
.social-recruiting-page .sr-feed-photo img { width:100%; height:100%; object-fit:cover; border-radius:0; object-position:70% 50%; }
.social-recruiting-page .sr-feed-photo>div { position:absolute; bottom:0; inset-inline:0; padding:32px 16px 16px; color:#fff; background:linear-gradient(transparent,rgba(5,6,7,.85)); }
.social-recruiting-page .sr-feed-photo b { display:block; font:700 25px/1.08 'DM Sans',Arial,sans-serif; letter-spacing:-.04em; margin-bottom:8px; }
.social-recruiting-page .sr-feed-photo span { font-size:13px; }
.social-recruiting-page .sr-ad-cta { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 16px; color:#050607; background:#8c82ff; font-size:14px; font-weight:600; }
.social-recruiting-page .sr-feed-actions { display:flex; gap:14px; align-items:center; padding:10px 14px 6px; font-size:24px; line-height:1; }
.social-recruiting-page .sr-feed-copy { padding:8px 14px; font-size:13px; }
.social-recruiting-page .sr-feed-copy p { margin:4px 0; font-family:inherit; }
.social-recruiting-page .sr-screen-nav { display:flex; justify-content:space-around; position:absolute; bottom:0; inset-inline:0; border-top:1px solid #dee5e9; background:#fff; padding:10px 8px; }
.social-recruiting-page .sr-screen--full { color:#fff; background:#050607; }
.social-recruiting-page .sr-screen--full>img { width:100%; height:100%; object-fit:cover; object-position:70% center; border-radius:0; }
.social-recruiting-page .sr-screen--full::after { content:''; position:absolute; inset:0; background:linear-gradient(rgba(5,6,7,.5),transparent 40%,rgba(5,6,7,.9)); pointer-events:none; }
.social-recruiting-page .sr-story-bars { position:absolute; z-index:1; top:14px; inset-inline:16px; display:flex; gap:4px; }
.social-recruiting-page .sr-story-bars i { height:2px; background:rgba(255,255,255,.5); flex:1; }
.social-recruiting-page .sr-story-bars i:first-child { background:#fff; }
.social-recruiting-page .sr-full-top { position:absolute; z-index:1; inset:28px 16px auto; display:flex; justify-content:space-between; font-size:13px; }
.social-recruiting-page .sr-full-caption { position:absolute; z-index:1; inset:auto 16px 24px; }
.social-recruiting-page .sr-full-caption b { display:block; font:700 30px/1.07 'DM Sans',Arial,sans-serif; letter-spacing:-.045em; margin-bottom:16px; }
.social-recruiting-page .sr-full-caption>span { display:block; font-size:14px; margin-bottom:24px; }
.social-recruiting-page .sr-full-caption .sr-ad-cta { clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,0 100%); }
.social-recruiting-page .sr-play { position:absolute; z-index:1; inset:40% auto auto 42%; font-size:48px; }
.social-recruiting-page .sr-play .icon { width:44px; height:44px; }
.social-recruiting-page .sr-screen--apply { padding:28px 18px; background:#fff; }
.social-recruiting-page .sr-apply-brand { padding-bottom:28px; font-size:17px; }
.social-recruiting-page .sr-apply-brand small { margin-top:5px; color:#626f79; }
.social-recruiting-page .sr-apply-progress { display:flex; gap:4px; margin-bottom:12px; }
.social-recruiting-page .sr-apply-progress i { flex:1; height:4px; background:#dee5e9; }
.social-recruiting-page .sr-apply-progress i:nth-child(-n+2) { background:#8c82ff; }
.social-recruiting-page .sr-apply-question { margin-top:28px; }
.social-recruiting-page .sr-apply-question b { display:block; margin-bottom:24px; font:600 25px/1.12 'DM Sans',Arial,sans-serif; letter-spacing:-.03em; }
.social-recruiting-page .sr-apply-question span { display:block; padding:12px 10px; margin:10px 0; border:1px solid #dee5e9; font-size:13px; }
.social-recruiting-page .sr-apply-question .is-selected { background:#f0edff; border-color:#8c82ff; }
.social-recruiting-page .sr-screen--apply>.sr-ad-cta { margin-top:24px; }
.social-recruiting-page .sr-apply-note { margin-top:24px; color:#626f79; font-size:12px; }
.social-recruiting-page .sr-apply-note small { margin-top:4px; }
/* Five alternating methods, kept generous without doubling the section rhythm. */
.social-recruiting-page .sr-method-list { display:grid; gap:clamp(64px,7vw,128px); }
.social-recruiting-page .sr-method { display:grid; grid-template-columns:1fr 1fr; gap:clamp(48px,6vw,120px); align-items:center; }
.social-recruiting-page .sr-method:nth-child(even) .sr-method-copy { order:2; }
.social-recruiting-page .sr-method-copy { max-width:620px; }
.social-recruiting-page .sr-method-number { display:block; color:#8c82ff; font-size:18px; margin-bottom:28px; }
.social-recruiting-page .sr-method h3 { font-size:clamp(32px,3vw,56px); line-height:1.12; letter-spacing:-.04em; font-weight:600; }
.social-recruiting-page .sr-method p { margin-top:28px; font-size:clamp(18px,1.5vw,25px); color:#626f79; line-height:1.5; }
.social-recruiting-page .sr-method-preview { background:#f1f4f6; padding:32px 20px 24px; clip-path:polygon(0 0,calc(100% - 44px) 0,100% 44px,100% 100%,0 100%); }
.social-recruiting-page .sr-method:nth-child(even) .sr-method-preview { background:#f0edff; }
.social-recruiting-page .sr-preview-devices { display:flex; justify-content:center; gap:20px; align-items:center; }
.social-recruiting-page .sr-method--reminder .sr-device { width:240px; }
.social-recruiting-page .sr-device--retarget-first { opacity:.65; }
.social-recruiting-page .sr-method--reminder .sr-screen { font-size:12px; }
.social-recruiting-page .sr-method--reminder .sr-feed-photo b { font-size:22px; }
/* The process, client proof and the commercial promise. */
.social-recruiting-page .sr-process { padding-block:var(--section-mosaic-start) var(--section-mosaic-end); background:#f1f4f6; }
.social-recruiting-page .sr-process-number { color:#8c82ff; display:block; font-size:18px; margin-bottom:28px; }
.social-recruiting-page .sr-process h3 { font-size:clamp(24px,1.8vw,32px); line-height:1.15; letter-spacing:-.035em; font-weight:600; }
.social-recruiting-page .sr-process li p { color:#626f79; margin-top:20px; font-size:18px; line-height:1.5; }
/* Same accordion interaction as Contact, first question open as requested. */
.social-recruiting-page .sr-faq { background:#fff; }
.social-recruiting-page .sr-faq-grid { display:grid; grid-template-columns:1fr 1.35fr; gap:clamp(48px,6vw,120px); }
.social-recruiting-page .sr-faq h2 { margin-top:32px; }
.social-recruiting-page .sr-faq-item { border-bottom:1px solid #cbd4da; }
.social-recruiting-page .sr-faq-item:first-child { border-top:1px solid #cbd4da; }
.social-recruiting-page .sr-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; }
.social-recruiting-page .sr-faq-item h3 button:is(:hover,:focus-visible) { color:var(--sr-violet); }
.social-recruiting-page .sr-faq-item h3 button>span { min-width:0; flex:1; }
.social-recruiting-page .sr-faq-item h3 button:focus-visible { outline:1px solid var(--sr-violet); outline-offset:5px; }
.social-recruiting-page .sr-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; }
.social-recruiting-page .sr-faq-item h3 button[aria-expanded=true] svg { rotate:45deg; }
.social-recruiting-page .sr-faq-answer { display:grid; grid-template-rows:0fr; opacity:0; transition:grid-template-rows .32s cubic-bezier(.16,1,.3,1),opacity .25s ease; }
.social-recruiting-page .sr-faq-answer>div { min-height:0; overflow:hidden; }
.social-recruiting-page .sr-faq-answer p { padding:0 32px 32px 0; color:#626f79; font-size:clamp(18px,1.3vw,22px); line-height:1.5; }
.social-recruiting-page .sr-faq-answer a { text-decoration:underline; color:#050607; text-underline-offset:4px; }
.social-recruiting-page .sr-faq-item.is-open .sr-faq-answer { grid-template-rows:1fr; opacity:1; }
/* Contact uses the complete About component and its shared stylesheet. */
@media (min-width:1101px) and (max-width:1400px) {
  .social-recruiting-page .sr-benefit { padding:24px; }
  .social-recruiting-page .sr-process h3 { font-size:24px; }
  .social-recruiting-page .sr-process li p { font-size:17px; }
}
@media (max-width:1100px) {
  .social-recruiting-page .sr-section h2 { font-size:var(--compact-h2); line-height:1.1; }
  .social-recruiting-page .sr-section-heading .about-label { margin-bottom:22px; }
  .social-recruiting-page .sr-lead { font-size:var(--compact-body); }
  .social-recruiting-page .sr-intro-inner { grid-template-columns:minmax(0,1fr) clamp(96px,12vw,140px); gap:var(--compact-gap); }
  .social-recruiting-page .sr-intro-heading { grid-column:1; }
  .social-recruiting-page .sr-intro-arrow { grid-column:2; grid-row:1; }
  .social-recruiting-page .sr-intro-copy { grid-column:1/-1; }
  .social-recruiting-page .sr-intro { padding-block:calc(var(--section-space) + 16px); }
  .social-recruiting-page .sr-intro > .sr-benefit-grid { margin-top:var(--compact-space); }
  .social-recruiting-page .sr-intro-heading { gap:22px; }
  .social-recruiting-page .sr-intro-copy { gap:20px; }
  .social-recruiting-page .sr-benefit-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .social-recruiting-page .sr-benefit { padding:var(--compact-padding); }
  .social-recruiting-page .sr-benefit h3,.social-recruiting-page .sr-process h3 { font-size:var(--compact-h3); }
  .social-recruiting-page .sr-benefit p,.social-recruiting-page .sr-method p,.social-recruiting-page .sr-process li p { font-size:var(--compact-body); }
  .social-recruiting-page .sr-method { gap:32px; }
  .social-recruiting-page .sr-method h3 { font-size:var(--compact-h2); }
  .social-recruiting-page .sr-method--reminder .sr-preview-devices { gap:10px; }
  .social-recruiting-page .sr-method--reminder .sr-device { width:235px; }
  .social-recruiting-page .sr-method--reminder .sr-device--retarget-first { display:none; }
  .social-recruiting-page .sr-faq-grid { grid-template-columns:1fr; gap:40px; }
  .social-recruiting-page .sr-faq h2 { margin-top:22px; }
}
@media (max-width:760px) {
  .social-recruiting-page .sr-intro-inner { position:relative; grid-template-columns:minmax(0,1fr); }
  .social-recruiting-page .sr-intro-heading .about-label { padding-inline-end:64px; }
  .social-recruiting-page .sr-intro-arrow { position:absolute; top:0; right:0; width:48px; }
  .social-recruiting-page main .cut-button:not(.candidate-form-submit) { width:100%; font-size:17px; }
  .social-recruiting-page .sr-example-label { font-size:12px; margin-top:20px; text-align:center; }
  .social-recruiting-page .sr-section-heading { margin-bottom:40px; }
  .social-recruiting-page .sr-benefit-grid { grid-template-columns:1fr; }
  .social-recruiting-page .sr-benefit-top { margin-bottom:28px; }
  .social-recruiting-page .sr-benefit p { margin-top:16px; }
  .social-recruiting-page .sr-method { grid-template-columns:1fr; gap:28px; }
  .social-recruiting-page .sr-method:nth-child(even) .sr-method-copy { order:0; }
  .social-recruiting-page .sr-method-number { margin-bottom:16px; }
  .social-recruiting-page .sr-method p { margin-top:20px; }
  .social-recruiting-page .sr-method-preview { padding:24px 16px 20px; }
  .social-recruiting-page .sr-method--reminder .sr-device { width:calc((100% - 12px)/2); padding:6px; border-radius:24px; }
  .social-recruiting-page .sr-method--reminder .sr-device--retarget-first { display:block; }
  .social-recruiting-page .sr-method--reminder .sr-screen { border-radius:18px; }
  .social-recruiting-page .sr-method--reminder .sr-screen-top { font-size:13px; padding:10px 8px; }
  .social-recruiting-page .sr-method--reminder .sr-ad-account { font-size:10px; padding:4px 8px 8px; gap:5px; }
  .social-recruiting-page .sr-method--reminder .sr-avatar { width:22px; height:22px; }
  .social-recruiting-page .sr-method--reminder .sr-ad-account small { font-size:9px; }
  .social-recruiting-page .sr-method--reminder .sr-feed-photo>div { padding:20px 10px 10px; }
  .social-recruiting-page .sr-method--reminder .sr-feed-photo b { font-size:16px; }
  .social-recruiting-page .sr-method--reminder .sr-feed-photo span { font-size:10px; }
  .social-recruiting-page .sr-method--reminder .sr-ad-cta { font-size:11px; padding:8px 10px; }
  .social-recruiting-page .sr-method--reminder .sr-feed-actions { font-size:16px; padding:8px; gap:8px; }
  .social-recruiting-page .sr-method--reminder .sr-feed-copy { font-size:10px; padding:4px 8px; }
  .social-recruiting-page .sr-method--reminder .sr-feed-copy small { display:none; }
  .social-recruiting-page .sr-method--reminder .sr-screen-nav { font-size:15px; padding:7px 4px; }
  .social-recruiting-page .sr-method--reminder .sr-full-top { font-size:11px; inset:24px 10px auto; }
  .social-recruiting-page .sr-method--reminder .sr-full-caption { inset:auto 10px 16px; }
  .social-recruiting-page .sr-method--reminder .sr-full-caption b { font-size:20px; margin-bottom:12px; }
  .social-recruiting-page .sr-method--reminder .sr-full-caption>span { font-size:11px; margin-bottom:16px; }
  .social-recruiting-page .sr-process-number { grid-column:1; grid-row:1/3; margin:0; }
  .social-recruiting-page .sr-process h3 { grid-column:2; }
  .social-recruiting-page .sr-process li p { grid-column:2; margin-top:16px; }
  .social-recruiting-page .sr-faq-item h3 button { font-size:21px; padding-block:28px; gap:20px; }
  .social-recruiting-page .sr-faq-answer p { font-size:16px; padding-right:0; padding-bottom:28px; }
}
@media (max-width:360px) {
  .social-recruiting-page .sr-screen--apply { padding-inline:14px; }
  .social-recruiting-page .sr-apply-question b { font-size:22px; }
}
@media (min-width:1921px) and (min-aspect-ratio:21/10) {
  .social-recruiting-page .sr-section h2 { font-size:64px; }
  .social-recruiting-page .sr-lead,.social-recruiting-page .sr-method p { font-size:22px; }
}
@media (prefers-reduced-motion:reduce) {
  .social-recruiting-page .sr-actions .cut-button,.social-recruiting-page .sr-text-link .icon,.social-recruiting-page .sr-faq-answer,.social-recruiting-page .sr-faq-item h3 button svg { transition:none; }
}

/* Reuse the approved page families, with campaign-specific placement only. */
.social-recruiting-page .sr-example-label { position:relative; margin-top:42px; }
.social-recruiting-page .sr-intro { background:#fff; }
.social-recruiting-page .sr-split-heading { display:grid; grid-template-columns:minmax(0,.7fr) minmax(0,1.7fr); gap:clamp(40px,5vw,96px); max-width:none; }
.social-recruiting-page .sr-split-heading .about-label { margin:8px 0 0; }
.social-recruiting-page .sr-split-heading>.sr-lead { grid-column:2; margin-top:-8px; }
.social-recruiting-page .sr-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); }
.social-recruiting-page .sr-benefit-top { color:#050607; margin-bottom:40px; }
.social-recruiting-page .sr-benefit h3 { color:#050607; }
.social-recruiting-page .sr-benefit p { color:#3a454e; margin-top:28px; }
.social-recruiting-page .sr-benefit--1 { background:#8c82ff; clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,0 100%); }
.social-recruiting-page .sr-benefit--1 :is(.sr-benefit-top,h3,p) { color:#fff; }
.social-recruiting-page .sr-benefit--2 { clip-path:polygon(0 0,100% 0,100% 100%,var(--cut) 100%,0 calc(100% - var(--cut))); }
.social-recruiting-page .sr-benefit--3 { clip-path:polygon(var(--cut) 0,100% 0,100% 100%,0 100%,0 var(--cut)); }
.social-recruiting-page .sr-benefit--4 { background:#eaf6ff; clip-path:polygon(0 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%); }
.social-recruiting-page .sr-method-preview { position:relative; isolation:isolate; padding:40px 24px 24px; background:transparent; clip-path:none; }
.social-recruiting-page .sr-method-preview::before { content:''; position:absolute; z-index:-1; inset:12% 0 12%; background:#f1f4f6; clip-path:polygon(0 0,calc(100% - 44px) 0,100% 44px,100% 100%,44px 100%,0 calc(100% - 44px)); }
.social-recruiting-page .sr-method:nth-child(even) .sr-method-preview { background:transparent; }
.social-recruiting-page .sr-method:nth-child(even) .sr-method-preview::before { background:#8c82ff; }
.social-recruiting-page .sr-method-number { color:#626f79; padding-top:20px; border-top:1px solid #dee5e9; }
.social-recruiting-page .sr-method--feed .sr-device { transform:rotate(-4deg); }
.social-recruiting-page .sr-method--story .sr-device { transform:rotate(4deg); }
.social-recruiting-page .sr-process { background:#fff; }
.social-recruiting-page .sr-process-steps { list-style:none; padding:0; margin:0; }
.social-recruiting-page .sr-process-steps .responsibility-mosaic__card>div { width:100%; max-width:none; min-width:0; }
.social-recruiting-page .sr-process .responsibility-mosaic__heading h2 { margin:0; max-width:17ch; }
.social-recruiting-page .sr-process-card-top { display:flex; align-items:start; justify-content:space-between; margin-bottom:28px; }
.social-recruiting-page .sr-process-card-top .responsibility-mosaic__icon { margin:0; }
.social-recruiting-page .sr-process-number { margin:0; color:inherit; opacity:.65; font-size:16px; }
.social-recruiting-page .sr-process .responsibility-mosaic__card h3 { font-size:clamp(25px,2.05vw,38px); }
.social-recruiting-page .sr-process .responsibility-mosaic__card p { font-size:clamp(18px,1.42vw,26px); margin-top:24px; color:inherit; }
.social-recruiting-page .sr-clients .client-trust__gallery:not(.is-loop-visible) .client-trust__track { animation-play-state:paused; }
.social-recruiting-page .sr-cross-sell { padding-block:var(--section-feature-start) var(--section-feature-end); }
.social-recruiting-page .sr-cross-sell .conversation-cta__message { display:grid; grid-template-columns:minmax(0,1fr) clamp(150px,15vw,280px); align-items:center; }
.social-recruiting-page .sr-cross-sell .conversation-cta__message-copy { gap:32px; }
.social-recruiting-page .sr-cross-sell .conversation-cta__message .sr-lead { max-width:58ch; }
.social-recruiting-page .sr-cross-sell .conversation-cta__button::before { background:#37afff; }
.social-recruiting-page .sr-cross-sell .conversation-cta__button:is(:hover,:focus-visible) { color:#67c2ff; }
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
  .social-recruiting-page .sr-benefit:hover { transform:translateY(-6px); }
}
@media (max-width:1200px) {
}
@media (max-width:1100px) {
  .social-recruiting-page .sr-split-heading { grid-template-columns:1fr; gap:22px; }
  .social-recruiting-page .sr-split-heading .about-label { margin:0; }
  .social-recruiting-page .sr-split-heading>.sr-lead { grid-column:1; margin:0; }
  .social-recruiting-page .sr-benefit { padding:var(--compact-padding); }
  .social-recruiting-page .sr-benefit-top { margin-bottom:28px; }
  .social-recruiting-page .sr-benefit p { margin-top:20px; }
  .social-recruiting-page .sr-process .responsibility-mosaic__card h3 { font-size:var(--compact-h3); }
  .social-recruiting-page .sr-process .responsibility-mosaic__card p { font-size:var(--compact-body); margin-top:16px; }
  .social-recruiting-page .sr-cross-sell .conversation-cta__message-copy { gap:24px; }
}
@media (max-width:760px) {
  .social-recruiting-page .sr-method-preview { padding:32px 16px 20px; }
  .social-recruiting-page .sr-process-card-top { margin-bottom:24px; }
  .social-recruiting-page .sr-process .responsibility-mosaic__heading h2 { max-width:22ch; }
}
@media (min-width:1921px) and (min-aspect-ratio:21/10) {
  .social-recruiting-page .sr-process .responsibility-mosaic__card h3 { font-size:38px; }
  .social-recruiting-page .sr-process .responsibility-mosaic__card p { font-size:22px; }
}
@media (prefers-reduced-motion:reduce) {
  .social-recruiting-page .sr-benefit { transition:none; }
  .social-recruiting-page .sr-method--feed .sr-device,.social-recruiting-page .sr-method--story .sr-device { transform:none; }
}

/* Original alternating composition, with small scroll and hover responses. */
.social-recruiting-page .sr-method { --format-accent:#37afff; min-width:0; grid-template-columns:repeat(2,minmax(0,1fr)); }
.social-recruiting-page .sr-method:nth-child(even) { --format-accent:#8c82ff; }
.social-recruiting-page .sr-method-copy { min-width:0; }
.social-recruiting-page .sr-method h3 { overflow-wrap:break-word; hyphens:auto; }
.social-recruiting-page .sr-method-number { position:relative; }
.social-recruiting-page .sr-method-number::before { content:''; position:absolute; top:-1px; left:0; right:0; height:1px; background:var(--format-accent); transform:scaleX(var(--format-progress,0)); transform-origin:left; }
.social-recruiting-page .sr-method .sr-preview-devices { transform:translateY(var(--format-shift,0px)); }
.social-recruiting-page .sr-method .sr-device { transition:transform .65s cubic-bezier(.16,1,.3,1); }
.social-recruiting-page .sr-method .sr-screen p { margin:4px 0; font-size:13px; color:inherit; line-height:1.35; }
.social-recruiting-page .sr-method .sr-apply-note p { font-size:12px; }
.social-recruiting-page .sr-method .sr-screen img { transition:transform .65s cubic-bezier(.16,1,.3,1); }
.social-recruiting-page .sr-method .sr-method-preview,
.social-recruiting-page .sr-method .sr-preview-devices,
.social-recruiting-page .sr-method .sr-device { min-width:0; }
@media (max-width:760px) {
  .social-recruiting-page .sr-method { grid-template-columns:minmax(0,1fr); }
  .social-recruiting-page .sr-method .sr-device { max-width:calc(100% - 12px); }
}
@media (min-width:761px) and (hover:hover) and (pointer:fine) {
  .social-recruiting-page .sr-method .sr-method-preview:hover .sr-device { transform:translateY(-12px) rotate(0deg) scale(1.025); }
  .social-recruiting-page .sr-method .sr-method-preview:hover .sr-screen img { transform:scale(1.04); }
}
@media (prefers-reduced-motion:reduce) {
  .social-recruiting-page .sr-method .sr-preview-devices,
  .social-recruiting-page .sr-method .sr-device,
  .social-recruiting-page .sr-method .sr-method-preview:hover .sr-device,
  .social-recruiting-page .sr-method .sr-screen img,
  .social-recruiting-page .sr-method .sr-method-preview:hover .sr-screen img { transform:none; transition:none; }
}

/* Employer Branding reuses the Home art and the existing conversation playback gate. */
.social-recruiting-page .sr-cross-sell { --sr-violet:#37afff; }
.social-recruiting-page .sr-cross-sell .conversation-cta__label { padding-right:0; }
.social-recruiting-page .sr-branding-art { width:100%; min-width:0; justify-self:center; pointer-events:none; }
.social-recruiting-page .sr-branding-art svg { display:block; width:100%; height:auto; overflow:visible; shape-rendering:geometricPrecision; }
.social-recruiting-page .sr-cross-sell :is(.branding-buildings,.branding-orbit,.branding-person) { animation-play-state:paused; }
.social-recruiting-page .sr-cross-sell.is-loop-visible :is(.branding-buildings,.branding-orbit,.branding-person) { animation-play-state:running; }
@media (max-width:760px) {
  .social-recruiting-page .sr-cross-sell .conversation-cta__message { grid-template-columns:minmax(0,1fr); row-gap:32px; }
  .social-recruiting-page .sr-branding-art { width:min(200px,100%); justify-self:start; }
}