/* Figma 452:399, in the same 560 × 560 coordinate plane as the supplied SVG. */
.social-recruiting-page .sr-method--story .sr-method-preview { padding:0; }
.social-recruiting-page .sr-method--story .sr-method-preview::before { content:none; }
.social-recruiting-page .sr-story-illustration { --story-accent:#37afff; --story-surface:#eaf6ff; position:relative; container-type:inline-size; width:100%; max-width:560px; aspect-ratio:1; margin-inline:auto; overflow:hidden; isolation:isolate; }
.social-recruiting-page .sr-story-art { position:relative; display:block; width:100%; height:auto; pointer-events:none; user-select:none; }
.social-recruiting-page .sr-story-backdrop { fill:var(--story-surface); transition:fill .25s ease; }
.social-recruiting-page .sr-story-accent { fill:var(--story-accent); transition:fill .25s ease; }
/* Video overlaps the inner aperture by one SVG unit, safely beneath the color frame. */
.social-recruiting-page .sr-story-viewport { position:absolute; z-index:1; left:10.714286%; top:9.107143%; width:78.571429%; height:90.892857%; border-radius:7.678571cqw 7.678571cqw 0 0; overflow:hidden; background:#050607; }
.social-recruiting-page .sr-story-art { z-index:2; }
.social-recruiting-page .sr-story-backplate { position:absolute; inset:0; display:block; width:100%; height:auto; pointer-events:none; }
.social-recruiting-page .sr-story-video { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:cover; opacity:0; pointer-events:none; }
.social-recruiting-page .sr-story-video.is-active { opacity:1; }
.social-recruiting-page .sr-story-company { font-family:'DM Sans',Arial,sans-serif; font-weight:600; font-size:14px; letter-spacing:-.56px; fill:#fff; }
.social-recruiting-page .sr-story-sponsored { font-family:'DM Sans',Arial,sans-serif; font-size:12px; letter-spacing:-.24px; fill:#fff; opacity:.8; }
.social-recruiting-page .sr-story-copy { display:none; }
.social-recruiting-page .sr-story-copy.is-active { display:block; }
.social-recruiting-page .sr-story-headline { font-family:'DM Sans',Arial,sans-serif; font-size:40px; font-weight:800; letter-spacing:-1.6px; fill:#fff; }
.social-recruiting-page .sr-story-cta-label { font-family:Figtree,Arial,sans-serif; font-size:18px; font-weight:600; letter-spacing:-.36px; fill:#050607; }
.social-recruiting-page .sr-story-progress { transform:scaleX(0); }
.social-recruiting-page .sr-story-control { position:absolute; z-index:3; left:calc(82.946429% - 22px); top:calc(22.857143% - 22px); display:grid; place-items:center; width:44px; height:44px; padding:0; border:0; border-radius:0; color:#fff; background:transparent; cursor:pointer; }
.social-recruiting-page .sr-story-control[hidden] { display:none; }
.social-recruiting-page .sr-story-control:focus-visible { outline:2px solid #fff; outline-offset:1px; background:#050607; }
.social-recruiting-page .sr-story-control svg { width:clamp(20px,4.285714cqw,24px); height:auto; }
.social-recruiting-page .sr-story-play-icon { display:none; }
.social-recruiting-page .sr-story-control[aria-pressed="true"] .sr-story-pause-icon { display:none; }
.social-recruiting-page .sr-story-control[aria-pressed="true"] .sr-story-play-icon { display:block; }
@media (prefers-reduced-motion:reduce) {
  .social-recruiting-page :is(.sr-story-illustration,.sr-story-accent,.sr-story-backdrop) { transition:none; }
}