/* R7: homepage hero only. Keep the deployed R6 shared styles unchanged. */
#onesign-premium.op-recruit .vx-hero-r7{padding-top:clamp(56px,5vw,88px)}
#onesign-premium.op-recruit .vx-hero-r7 .vx-hero-copy{padding:0 28px 48px}
#onesign-premium.op-recruit .vx-hero-r7 .vx-audience{margin:0 0 28px}
#onesign-premium.op-recruit .vx-hero-r7 .vx-audience>span{font-size:clamp(18px,1.6vw,24px);font-weight:800;line-height:1.5;padding:9px 24px;letter-spacing:.04em}
#onesign-premium.op-recruit .vx-hero-r7 h1{font-size:clamp(38px,5.1vw,82px);line-height:1.3;letter-spacing:-.045em;text-wrap:initial}
#onesign-premium.op-recruit .vx-hero-r7 h1>span,#onesign-premium.op-recruit .vx-hero-r7 h1>em{white-space:nowrap}
#onesign-premium.op-recruit .vx-hero-r7 h1>em{margin:0;max-width:none}
#onesign-premium.op-recruit .vx-hero-r7 .vx-hero-lead{font-size:clamp(17px,1.5vw,21px);margin:26px auto 28px;line-height:1.85;max-width:1000px}
#onesign-premium.op-recruit .vx-hero-r7 .vx-hero-lead strong{font-weight:700}
#onesign-premium.op-recruit .vx-hero-r7 .vx-hero-lead strong>span{display:inline-block}
#onesign-premium.op-recruit .vx-hero-reel{--hero-group-width:max(100vw,1320px);--hero-photo-height:240px;--hero-gap:12px}
#onesign-premium.op-recruit .vx-hero-reel-window{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#788b9b #0c2135}
#onesign-premium.op-recruit .vx-hero-reel-window:focus-visible{outline:2px solid var(--vx-yellow);outline-offset:-3px}
#onesign-premium.op-recruit .vx-hero-reel-track{display:flex;width:max-content;transform:translateX(0)}
#onesign-premium.op-recruit .vx-hero-reel-group{display:grid;grid-template-columns:1fr .82fr 1.25fr .86fr 1fr;flex:0 0 var(--hero-group-width);width:var(--hero-group-width);height:var(--hero-photo-height);box-sizing:border-box;gap:var(--hero-gap);padding-right:var(--hero-gap)}
#onesign-premium.op-recruit .vx-hero-reel-group[aria-hidden=true]{display:none}
#onesign-premium.op-recruit .vx-hero-reel figure{position:relative;overflow:hidden;margin:0;min-width:0}
#onesign-premium.op-recruit .vx-hero-reel .vx-tile-1,#onesign-premium.op-recruit .vx-hero-reel .vx-tile-5{margin-top:22px}
#onesign-premium.op-recruit .vx-hero-reel .vx-tile-2,#onesign-premium.op-recruit .vx-hero-reel .vx-tile-4{margin-top:10px;margin-bottom:12px}
#onesign-premium.op-recruit .vx-hero-reel img{display:block;width:100%;height:100%;object-fit:cover}
#onesign-premium.op-recruit .vx-hero-reel figcaption{position:absolute;inset:auto 0 0;padding:38px 22px 18px;background:linear-gradient(transparent,#0c2135ce);color:white;font-size:clamp(20px,1.8vw,29px);font-weight:800;letter-spacing:.05em}
#onesign-premium.op-recruit .vx-hero-reel.is-enhanced .vx-hero-reel-window{overflow:hidden}
#onesign-premium.op-recruit .vx-hero-reel.is-enhanced .vx-hero-reel-group[aria-hidden=true]{display:grid}
#onesign-premium.op-recruit .vx-hero-reel.is-enhanced .vx-hero-reel-track{animation:vx-hero-loop 44s linear infinite;animation-play-state:paused}
#onesign-premium.op-recruit .vx-hero-reel.is-running .vx-hero-reel-track{animation-play-state:running}
#onesign-premium.op-recruit .vx-hero-footer{position:relative;padding:12px 28px 28px;min-height:84px;box-sizing:border-box}
#onesign-premium.op-recruit .vx-hero-footer .vx-hero-foot{margin:0;padding:14px 170px}
#onesign-premium.op-recruit .vx-hero-motion{position:absolute;right:28px;top:14px;min-height:44px;padding:8px 14px;border:1px solid #8396a7;border-radius:2px;background:transparent;color:#e4ecf2;font-family:inherit;font-weight:600;font-size:13px;line-height:1.5;cursor:pointer}
#onesign-premium.op-recruit .vx-hero-motion[hidden]{display:none}
#onesign-premium.op-recruit .vx-hero-motion:hover{background:#ffffff10;border-color:white}
#onesign-premium.op-recruit .vx-hero-motion:focus-visible{outline:2px solid var(--vx-yellow);outline-offset:4px}
@keyframes vx-hero-loop{to{transform:translateX(-50%)}}
@media(hover:hover) and (pointer:fine){#onesign-premium.op-recruit .vx-hero-reel-window:hover .vx-hero-reel-track{animation-play-state:paused}}
#onesign-premium.op-recruit .vx-hero-reel-window:focus-visible .vx-hero-reel-track{animation-play-state:paused}
@media(min-width:1800px){#onesign-premium.op-recruit .vx-hero-reel{--hero-photo-height:320px}}
@media(max-width:1000px){#onesign-premium.op-recruit .vx-hero-footer .vx-hero-foot{padding:12px 0}#onesign-premium.op-recruit .vx-hero-motion{position:static;display:block;margin:5px auto 0}#onesign-premium.op-recruit .vx-hero-footer{padding-bottom:24px}}
@media(max-width:800px){#onesign-premium.op-recruit .vx-hero-reel{--hero-group-width:1120px;--hero-photo-height:206px;--hero-gap:10px}#onesign-premium.op-recruit .vx-hero-r7 h1{font-size:clamp(33px,5.4vw,44px)}}
@media(max-width:540px){
 #onesign-premium.op-recruit .vx-hero-r7{padding-top:44px}
 #onesign-premium.op-recruit .vx-hero-r7 .vx-hero-copy{padding:0 18px 34px}
 #onesign-premium.op-recruit .vx-hero-r7 .vx-audience{margin-bottom:24px}
 #onesign-premium.op-recruit .vx-hero-r7 .vx-audience>span{font-size:17px;padding:8px 16px;letter-spacing:.02em}
 #onesign-premium.op-recruit .vx-hero-r7 h1{font-size:clamp(25px,7.6vw,40px);line-height:1.43;letter-spacing:-.05em}
 #onesign-premium.op-recruit .vx-hero-r7 .vx-hero-lead{font-size:15px;line-height:1.9;max-width:24em;margin:22px auto 24px;text-wrap:pretty}
 #onesign-premium.op-recruit .vx-hero-r7 .vx-hero-action p{font-size:13px}
 #onesign-premium.op-recruit .vx-hero-r7 .vx-hero-action p>span{font-size:12px}
 #onesign-premium.op-recruit .vx-hero-reel{--hero-group-width:1040px;--hero-photo-height:184px;--hero-gap:8px}
 #onesign-premium.op-recruit .vx-hero-reel figcaption{font-size:20px;padding:32px 15px 14px}
 #onesign-premium.op-recruit .vx-hero-footer{padding:8px 16px 24px}
 #onesign-premium.op-recruit .vx-hero-footer .vx-hero-foot{flex-wrap:wrap;gap:6px 12px}
 #onesign-premium.op-recruit .vx-hero-footer .vx-hero-foot span:last-child{flex-basis:100%;margin-left:0;font-size:11px;text-align:center}
}
@media(prefers-reduced-motion:reduce){
 #onesign-premium.op-recruit .vx-hero-reel.is-enhanced .vx-hero-reel-track{animation:none;transform:none}
 #onesign-premium.op-recruit .vx-hero-reel.is-enhanced .vx-hero-reel-group[aria-hidden=true]{display:none}
 #onesign-premium.op-recruit .vx-hero-reel.is-enhanced .vx-hero-reel-window{overflow-x:auto}
}