/* RS Enterprise | Recrute Home V9 motion layer, 2026-10-21
   Loaded after template and CMS styles, designed for Swiper 8+ and graceful no-JS fallback. */

/* One true editorial hero; each CMS slide lives INSIDE the Swiper, never as a repeated section. */
body.rs-recrute9 .hero9.rs-hero.rs-hero-shell {
  display:block; padding:0!important; min-height:0!important; background:#1c4d3e!important;
  background-image:none!important; overflow:hidden; isolation:isolate;
}
body.rs-recrute9 .hero9.rs-hero.rs-hero-shell::before{display:none!important}
body.rs-recrute9 .rs-hero-swiper{position:relative;width:100%;overflow:hidden}
body.rs-recrute9 .rs-hero-swiper:not(.swiper-initialized)>.swiper-wrapper>.swiper-slide:not(:first-child){display:none!important}
body.rs-recrute9 .rs-hero-swiper>.swiper-wrapper{align-items:stretch}
body.rs-recrute9 .rs-hero-swiper .swiper-slide{height:auto;min-width:0;overflow:hidden}
/* A single CMS hero remains elegant without misleading carousel controls. */
body.rs-recrute9 .rs-hero-swiper.rs-single-slide .rs-hero-main-img{animation:rs-gentle-image-drift 13s ease-in-out infinite alternate}
@keyframes rs-gentle-image-drift{from{transform:scale(1)}to{transform:scale(1.018)}}
body.rs-recrute9 .rs-hero-slide{
  position:relative;display:flex;align-items:center;box-sizing:border-box;width:100%;min-height:635px;
  padding:74px 0 108px;
  background-color:#1b5241;
  background-image:linear-gradient(115deg,rgba(8,40,33,.35),rgba(11,61,47,.11)),var(--rs-hero-background-image);
  background-size:cover;background-position:center;
}
body.rs-recrute9 .rs-hero-slide::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,37,32,.1),transparent 80%);pointer-events:none}
body.rs-recrute9 .rs-hero-slide .rs-hero-container{position:relative;z-index:2}
body.rs-recrute9 .rs-hero-swiper .rs-hero-copy h1,
body.rs-recrute9 .rs-hero-swiper .rs-hero-copy h2{font-size:clamp(3rem,5.15vw,5.7rem)!important;font-weight:850;line-height:1.07;letter-spacing:-.055em;color:#fff!important;white-space:pre-line;max-width:660px;margin:0 0 20px}
/* Swiper's fade transition handles the image; copy follows with a restrained ease-out. */
body.rs-recrute9 .rs-hero-swiper.swiper-initialized .rs-hero-copy,
body.rs-recrute9 .rs-hero-swiper.swiper-initialized .rs-hero-visual{
  opacity:.32;transform:translateY(15px);transition:opacity .8s ease-out,transform .9s cubic-bezier(.21,.65,.31,1);
}
body.rs-recrute9 .rs-hero-swiper.swiper-initialized .swiper-slide-active .rs-hero-copy,
body.rs-recrute9 .rs-hero-swiper.swiper-initialized .swiper-slide-active .rs-hero-visual{opacity:1;transform:translateY(0)}
body.rs-recrute9 .rs-hero-swiper.swiper-initialized .swiper-slide-active .rs-hero-visual{transition-delay:.11s}
body.rs-recrute9 .rs-hero-controls{
  position:absolute;bottom:25px;left:50%;z-index:15;transform:translateX(-50%);
  width:100%;max-width:1200px;display:flex;align-items:center;justify-content:space-between;gap:24px;
  padding:0 12px;box-sizing:border-box;pointer-events:none;
}
body.rs-recrute9 .rs-hero-controls>*{pointer-events:auto}
body.rs-recrute9 .rs-hero-buttons,body.rs-recrute9 .rs-slider-arrows{display:flex;align-items:center;gap:9px}
body.rs-recrute9 .rs-slider-arrow{
  display:inline-flex;align-items:center;justify-content:center;flex:none;width:43px;height:43px;
  border-radius:50%;border:1px solid #d7e4dd;background:#fff;color:#133a39;
  cursor:pointer;transition:background .24s ease,color .24s ease,transform .24s ease,border-color .24s ease,box-shadow .24s ease;
  line-height:1;font-size:14px;box-shadow:0 9px 24px rgba(9,40,33,.09);
}
body.rs-recrute9 .rs-slider-arrow:hover:not(:disabled){background:#c4e66b;color:#102b46;border-color:#c4e66b;transform:translateY(-2px);box-shadow:0 11px 24px rgba(11,36,29,.17)}
body.rs-recrute9 .rs-slider-arrow.swiper-button-disabled{opacity:.3;cursor:default;box-shadow:none}
body.rs-recrute9 .rs-slider-arrow:focus-visible,
body.rs-recrute9 .rs-hero-pagination .swiper-pagination-bullet:focus-visible{
  outline:3px solid #7cbbf6;outline-offset:3px;
}
body.rs-recrute9 .rs-hero-pagination{display:flex;align-items:center;gap:9px;width:auto!important;position:relative;z-index:20}
body.rs-recrute9 .rs-hero-pagination .swiper-pagination-bullet{
  height:9px;width:9px;border:1px solid rgba(255,255,255,.72);opacity:1;background:transparent;
  margin:0!important;transition:width .35s ease,background .35s ease;border-color .35s ease;
}
body.rs-recrute9 .rs-hero-pagination .swiper-pagination-bullet-active{width:29px;border-radius:8px;background:#c6ea73;border-color:#c6ea73}
body.rs-recrute9 .rs-hero-progress-track{position:absolute;bottom:-25px;left:12px;right:12px;height:2px;background:rgba(255,255,255,.15);overflow:hidden;pointer-events:none}
body.rs-recrute9 .rs-hero-progress-bar{display:block;width:100%;height:100%;background:#dbfa88;transform:scaleX(0);transform-origin:left;will-change:transform}
body.rs-recrute9 .rs-hero-swiper.is-paused .rs-hero-progress-bar{opacity:.35}
body.rs-recrute9 .rs-hero-controls [hidden]{display:none!important}
/* Sector & testimonial carousels: equal-height content and accessible navigation. */
body.rs-recrute9 .rs-sector-swiper,body.rs-recrute9 .rs-testimonial-swiper{overflow:hidden!important;padding:4px 4px 12px;margin:-4px}
body.rs-recrute9 .rs-sector-swiper.swiper-initialized .swiper-slide,
body.rs-recrute9 .rs-testimonial-swiper.swiper-initialized .swiper-slide{height:auto;display:flex}
body.rs-recrute9 .rs-sector-swiper.swiper-initialized .rs-sector-card,
body.rs-recrute9 .rs-testimonial-swiper.swiper-initialized .rs-testimonial-card{height:100%;width:100%}
body.rs-recrute9 .rs-testimonial-swiper:not(.swiper-initialized) .swiper-wrapper{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,285px),1fr));gap:22px;transform:none!important
}
body.rs-recrute9 .rs-testimonial-swiper:not(.swiper-initialized) .swiper-slide{width:auto!important}
body.rs-recrute9 .rs-slider-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:28px;min-height:47px}
body.rs-recrute9 .rs-slider-toolbar[hidden]{display:none!important}
body.rs-recrute9 .rs-slider-toolbar .rs-slider-pagination,
body.rs-recrute9 .rs-slider-toolbar .rs-testimonial-pagination{
  position:relative;display:flex;align-items:center;justify-content:flex-start;gap:8px;
  margin:0!important;padding:0!important;width:auto!important;min-height:14px;
}
body.rs-recrute9 .rs-slider-toolbar .swiper-pagination-bullet{margin:0!important;opacity:1;background:#d4e2d8;width:9px;height:9px;transition:width .24s ease,background .24s ease}
body.rs-recrute9 .rs-slider-toolbar .swiper-pagination-bullet-active{width:27px;border-radius:8px;background:#187b63}
body.rs-recrute9 .rs-slider-toolbar .rs-slider-arrow{border-color:#d9e6df}
/* Less jarring hover feedback and image movement. */
body.rs-recrute9 .rs-blog-card,body.rs-recrute9 .rs-benefit-card,
body.rs-recrute9 .rs-person,body.rs-recrute9 .rs-testimonial-card{
  transition:transform .35s cubic-bezier(.2,.75,.2,1),box-shadow .35s ease,border-color .35s ease;
}
body.rs-recrute9 .rs-blog-card:hover,body.rs-recrute9 .rs-benefit-card:hover,
body.rs-recrute9 .rs-person:hover{transform:translateY(-5px);box-shadow:0 20px 46px rgba(17,51,60,.12)}
body.rs-recrute9 .rs-blog-card img,body.rs-recrute9 .rs-sector-card img{
  transition:transform .7s cubic-bezier(.23,.8,.27,1);will-change:auto;
}
body.rs-recrute9 .rs-blog-card:hover img,body.rs-recrute9 .rs-sector-card:hover img{transform:scale(1.035)}
/* Do not hide old AOS-marked content if the AOS library is unavailable. */
html:not(.rs-aos-on) body.rs-recrute9 [data-aos]{opacity:1!important;transform:none!important}
/* IntersectionObserver-ready, one-time reveals. No JS means content is fully visible. */
body.rs-recrute9 .rs-motion-element.rs-motion-pending{opacity:0;transform:translate3d(0,19px,0);pointer-events:auto}
body.rs-recrute9 .rs-motion-element.rs-motion-visible{
  opacity:1;transform:translate3d(0,0,0);
  transition:opacity .66s cubic-bezier(.19,1,.22,1),transform .7s cubic-bezier(.19,1,.22,1);
  transition-delay:var(--rs-motion-delay,0ms);
}
@media (max-width:991px){
 body.rs-recrute9 .rs-hero-slide{min-height:0;padding:62px 0 108px}
 body.rs-recrute9 .rs-hero-controls{bottom:21px;padding:0 25px}
 body.rs-recrute9 .rs-hero-progress-track{left:25px;right:25px;bottom:-21px}
 body.rs-recrute9 .rs-hero-swiper .rs-hero-copy h1,body.rs-recrute9 .rs-hero-swiper .rs-hero-copy h2{font-size:clamp(3rem,6vw,4.6rem)!important}
}
@media (max-width:767px){
 body.rs-recrute9 .rs-hero-slide{padding:50px 0 92px}
 body.rs-recrute9 .rs-hero-swiper .rs-hero-copy h1,body.rs-recrute9 .rs-hero-swiper .rs-hero-copy h2{font-size:clamp(2.7rem,8.2vw,4rem)!important}
 body.rs-recrute9 .rs-hero-controls{bottom:17px;padding:0 22px}
 body.rs-recrute9 .rs-hero-progress-track{left:22px;right:22px;bottom:-17px}
 body.rs-recrute9 .rs-slider-arrow{width:40px;height:40px}
 body.rs-recrute9 .rs-slider-toolbar{margin-top:20px}
}
@media (max-width:575px){
 body.rs-recrute9 .rs-hero-slide{padding:45px 0 86px}
 body.rs-recrute9 .rs-hero-swiper .rs-hero-copy h1,body.rs-recrute9 .rs-hero-swiper .rs-hero-copy h2{font-size:clamp(2.45rem,9vw,3rem)!important}
 body.rs-recrute9 .rs-hero-controls{padding:0 17px}
 body.rs-recrute9 .rs-hero-progress-track{left:17px;right:17px}
 body.rs-recrute9 .rs-slider-arrow{width:36px;height:36px;font-size:12px}
 body.rs-recrute9 .rs-hero-buttons{gap:6px}
}
@media (prefers-reduced-motion:reduce){
 body.rs-recrute9 *,body.rs-recrute9 *::before,body.rs-recrute9 *::after{
   animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important;
 }
 body.rs-recrute9 .rs-hero-swiper.swiper-initialized .rs-hero-copy,
 body.rs-recrute9 .rs-hero-swiper.swiper-initialized .rs-hero-visual,
 body.rs-recrute9 .rs-motion-element{opacity:1!important;transform:none!important}
 body.rs-recrute9 .rs-hero-progress-track{display:none}
}