/* Roux recrute : alignement sur la maquette XD (16/10/2026).
   Chargée après le style lib360. Le double :not(#…) passe devant les règles
   `.hub-xd:not(#lib360-elementor-source)` sans toucher au fichier généré. */

:root{--rm-orange:#ff7600;--rm-ink:#101010;--rm-grey:#8a8a8a;--rm-line:#cfcfcf;--rm-display:termina,var(--display,sans-serif);--rm-text:nexa,var(--font,sans-serif)}

/* Termina se dessine large : aucun resserrement. */
body.hub-xd:not(#rm):not(#rn) :is(h1,h2,h3,h4,h5,h6,.offer__title,.button,.elementor-button,.hub-photo-hero h1){letter-spacing:0}

/* Couleurs des entreprises (maquette) */
body.hub-xd:not(#rm):not(#rn) .gr_company-roux-btp{--company:#ff7703}
body.hub-xd:not(#rm):not(#rn) .gr_company-missonnier{--company:#bc0000}
body.hub-xd:not(#rm):not(#rn) .gr_company-verti-block{--company:#b74b1b}
body.hub-xd:not(#rm):not(#rn) .gr_company-derosso{--company:#259f00}
body.hub-xd:not(#rm):not(#rn) .gr_company-reynard{--company:#97b12b}
body.hub-xd:not(#rm):not(#rn) .gr_company-recg{--company:#ffb100}

/* ---------- En-tête ---------- */
body.hub-xd:not(#rm):not(#rn) .site-header .wordmark{gap:12px}
body.hub-xd:not(#rm):not(#rn) .wordmark__mark{--k:58px;width:58px;height:58px;border-radius:0;background:var(--rm-orange);clip-path:polygon(0 0,calc(100% - var(--k)*0.3384) 0,calc(100% - var(--k)*0.3014) calc(var(--k)*0.0028),calc(100% - var(--k)*0.2657) calc(var(--k)*0.011),calc(100% - var(--k)*0.2317) calc(var(--k)*0.0244),calc(100% - var(--k)*0.2) calc(var(--k)*0.0428),calc(100% - var(--k)*0.171) calc(var(--k)*0.066),100% calc(var(--k)*0.2255),100% 100%,calc(var(--k)*0.3384) 100%,calc(var(--k)*0.3014) calc(100% - var(--k)*0.0028),calc(var(--k)*0.2657) calc(100% - var(--k)*0.011),calc(var(--k)*0.2317) calc(100% - var(--k)*0.0244),calc(var(--k)*0.2) calc(100% - var(--k)*0.0428),calc(var(--k)*0.171) calc(100% - var(--k)*0.066),0 calc(100% - var(--k)*0.2255))}
body.hub-xd:not(#rm):not(#rn) .wordmark__text{font-size:49px;line-height:.86;letter-spacing:-1.5px}
body.hub-xd:not(#rm):not(#rn) .wordmark__text small{font-size:14px;margin:0 0 2px 40px;letter-spacing:0}
body.hub-xd:not(#rm):not(#rn) .header-actions .button,
body.hub-xd:not(#rm):not(#rn) .header-actions .button.is-current{background:var(--rm-orange);border-color:var(--rm-orange);color:#fff;border-radius:10px;font-family:var(--rm-display);font-weight:700;font-size:clamp(14px,.94vw,18px);min-height:50px;min-width:clamp(200px,13.9vw,266px);padding:0 24px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}
body.hub-xd:not(#rm):not(#rn) .header-actions .button :is(span){color:#fff}
@media (min-width:1101px){
 body.hub-xd:not(#rm):not(#rn) .site-header .container{max-width:1662px;width:calc(100% - 2*6.5%);padding-inline:0;min-height:136px}
 body.hub-xd:not(#rm):not(#rn) .site-nav>ul{gap:clamp(4px,1.6vw,34px)}
 body.hub-xd:not(#rm):not(#rn) .site-nav>ul>li>:is(a,button),
 body.hub-xd:not(#rm):not(#rn) .nav-dropdown>button{font-family:var(--rm-text);font-size:clamp(14px,.95vw,18px);padding:12px 14px}
 body.hub-xd:not(#rm):not(#rn) .site-nav>ul>li>:is(a,button) span{font-size:inherit;font-family:inherit}
 body.hub-xd:not(#rm):not(#rn) .header-actions{margin-left:clamp(12px,2vw,40px)}
}

/* ---------- Héros des offres ---------- */
body.hub-xd:not(#rm):not(#rn) .hub-photo-hero:not(.hub-detail-hero){background-image:linear-gradient(180deg,#0000 0%,#0000 38%,#0005 68%,#000b 100%),url('_assets/assets/hub/hero-offres.webp');border-radius:10px}
body.hub-xd:not(#rm):not(#rn) .hub-photo-hero .tagline{color:var(--rm-orange);font-family:var(--rm-text);font-weight:400;font-size:clamp(16px,1.2vw,23px)}
@media (min-width:1101px){
 body.hub-xd:not(#rm):not(#rn) .hub-photo-hero:not(.hub-detail-hero){min-height:clamp(560px,47.4vw,910px);padding-bottom:clamp(150px,11.5vw,220px)}
 body.hub-xd:not(#rm):not(#rn) .hub-photo-hero h1{font-size:clamp(48px,3.65vw,70px);line-height:1.2}
}

/* ---------- Filtres ---------- */
@media (min-width:1101px){
 body.hub-xd.hub-offers:not(#rm):not(#rn) .filters{width:min(1258px,100%);margin-top:-129px;padding:48px 48px 46px;border:0;border-radius:10px;box-shadow:0 2px 14px #0000001c;grid-template-columns:1.68fr repeat(4,1fr);gap:26px 22px}
}
body.hub-xd.hub-offers:not(#rm):not(#rn) .filters .field label{font-family:var(--rm-display);font-weight:700;font-size:clamp(13px,.84vw,16px);line-height:1.2;color:var(--rm-ink);margin-bottom:12px}
body.hub-xd.hub-offers:not(#rm):not(#rn) .filters .field :is(input,select){height:50px;min-height:50px;border:1px solid #d9d9d9;border-radius:10px;background:#fff;font-family:var(--rm-text);font-size:clamp(14px,.94vw,18px);color:#555;padding:0 18px;box-shadow:none}
body.hub-xd.hub-offers:not(#rm):not(#rn) .filters .field select{appearance:none;-webkit-appearance:none;background-image:none}
body.hub-xd.hub-offers:not(#rm):not(#rn) .filters .field input::placeholder{color:#bababa}
body.hub-xd.hub-offers:not(#rm):not(#rn) .hub-filter-actions{gap:22px}
body.hub-xd.hub-offers:not(#rm):not(#rn) .hub-filter-actions .button{min-height:50px;border-radius:10px;padding:0 24px;font-family:var(--rm-display);font-weight:700;font-size:clamp(14px,.94vw,18px);min-width:190px;background:var(--rm-ink);border-color:var(--rm-ink);color:#fff}
body.hub-xd.hub-offers:not(#rm):not(#rn) .hub-filter-actions .button--secondary{min-width:min(308px,100%);background:#fff;border:2px solid #707070;color:#707070;font-family:var(--rm-display);font-weight:500}

/* ---------- Ligne de résultats ---------- */
body.hub-xd.hub-offers:not(#rm):not(#rn) .results-bar{margin:62px 0 36px}
body.hub-xd.hub-offers:not(#rm):not(#rn) .results-count,body.hub-xd.hub-offers:not(#rm):not(#rn) .results-count *{font-family:var(--rm-display);font-weight:400;font-size:clamp(14px,.84vw,16px);line-height:1.2;color:#000}
body.hub-xd.hub-offers:not(#rm):not(#rn) .results-count .lib360-results-suffix{font-family:var(--rm-display);font-weight:400;color:var(--rm-ink)}
@media (min-width:1101px){
 body.hub-xd.hub-offers:not(#rm):not(#rn) .results-bar .field--inline{position:absolute;right:0;top:50%;transform:translateY(-50%)}
}

/* ---------- Cartes d'offre ---------- */
@media (min-width:1101px){
 body.hub-xd:not(#rm):not(#rn) .lib360-job-loop{width:min(1632px,calc(100vw - 2*6.5%));margin-inline:auto;position:relative;left:50%;transform:translateX(-50%)}
 body.hub-xd:not(#rm):not(#rn) .lib360-job-loop .elementor-loop-container{gap:33px}
}
body.hub-xd:not(#rm):not(#rn) .offers .hub-offer,
body.hub-xd:not(#rm):not(#rn) .offers .hub-offer:is(:hover,:focus-within),
body.hub-xd:not(#rm):not(#rn) .lib360-job-loop .hub-offer,
body.hub-xd:not(#rm):not(#rn) .lib360-job-loop .hub-offer:is(:hover,:focus-within){border:0;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 2px 10px #00000021}
body.hub-xd:not(#rm):not(#rn) .lib360-job-loop .hub-offer:is(:hover,:focus-within){box-shadow:0 6px 20px #0000002e}
body.hub-xd:not(#rm):not(#rn) .hub-offer-image{display:block;width:100%;height:146px;aspect-ratio:auto;object-fit:cover}
body.hub-xd:not(#rm):not(#rn) .hub-offer-body{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center;align-content:flex-start;gap:7px;padding:21px 34px 26px}
body.hub-xd:not(#rm):not(#rn) .hub-offer-body>:is(.hub-offer-domain,.offer__title){flex:0 0 100%}
body.hub-xd:not(#rm):not(#rn) .hub-offer-body :is(.hub-offer-meta,.hub-offer-bottom){display:contents}
body.hub-xd:not(#rm):not(#rn) .hub-offer-domain{font-family:var(--rm-text);font-size:14px;color:var(--rm-grey);margin:0;font-weight:400}
body.hub-xd:not(#rm):not(#rn) .hub-offer-body .offer__title{font-family:var(--rm-display);font-weight:700;font-size:clamp(19px,1.2vw,23px);line-height:1.22;color:var(--rm-ink);min-height:2.44em;margin:2px 0 30px}
body.hub-xd:not(#rm):not(#rn) .hub-offer-body .offer__title span{font:inherit}
/* Pastille entreprise : contour à la couleur de l'entreprise, seule sur sa ligne */
body.hub-xd:not(#rm):not(#rn) .hub-offer-body .hub-company-badge{flex:0 0 auto;margin:0 100% 0 0;min-width:193px;height:34px;padding:0 16px;border:1px solid var(--company,var(--rm-orange));border-radius:17px;color:var(--company,var(--rm-orange));font-family:var(--rm-text);font-size:14px;font-weight:400;justify-content:center;line-height:1;white-space:nowrap}
body.hub-xd:not(#rm):not(#rn) .hub-offer-body .hub-company-badge span{color:inherit;font:inherit}
/* Pastilles grises avec icône */
body.hub-xd:not(#rm):not(#rn) .hub-offer-body .hub-offer-meta>span,
body.hub-xd:not(#rm):not(#rn) .hub-offer-body .hub-salary,
body.hub-xd:not(#rm):not(#rn) .hub-offer-body .hub-card-arrow{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border:1px solid #b0b0b0;border-radius:17px;color:var(--rm-grey);font-family:var(--rm-text);font-size:14px;font-weight:400;line-height:1;white-space:nowrap;background:#fff;margin:0}
body.hub-xd:not(#rm):not(#rn) .hub-offer-body .hub-offer-meta>span::before,
body.hub-xd:not(#rm):not(#rn) .hub-offer-body .hub-salary::before{content:'';flex:0 0 15px;width:15px;height:15px;background:currentColor;-webkit-mask:var(--rm-icon) center/contain no-repeat;mask:var(--rm-icon) center/contain no-repeat}
body.hub-xd:not(#rm):not(#rn) .hub-offer-meta>span:nth-child(1){--rm-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%2010c0%204.993-5.539%2010.193-7.399%2011.799a1%201%200%200%201-1.202%200C9.539%2020.193%204%2014.993%204%2010a8%208%200%200%201%2016%200%22/%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2210%22%20r%3D%223%22/%3E%3C/svg%3E")}
body.hub-xd:not(#rm):not(#rn) .hub-offer-meta>span:nth-child(2){--rm-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M15%202H6a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V7Z%22/%3E%3Cpath%20d%3D%22M14%202v4a2%202%200%200%200%202%202h4%22/%3E%3Cpath%20d%3D%22M16%2013H8%22/%3E%3Cpath%20d%3D%22M16%2017H8%22/%3E%3C/svg%3E")}
body.hub-xd:not(#rm):not(#rn) .hub-salary{--rm-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20width%3D%2220%22%20height%3D%2212%22%20x%3D%222%22%20y%3D%226%22%20rx%3D%222%22/%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%222%22/%3E%3Cpath%20d%3D%22M6%2012h.01M18%2012h.01%22/%3E%3C/svg%3E")}
body.hub-xd:not(#rm):not(#rn) .hub-offer-body .hub-card-arrow{font-size:0;width:49px;justify-content:center;padding:0;margin-left:0;transform:none}
body.hub-xd:not(#rm):not(#rn) .hub-offer-body .hub-card-arrow::after{content:'…';font-size:14px;line-height:1;margin-top:-4px}
body.hub-xd:not(#rm):not(#rn) .hub-offer:is(:hover,:focus-within) .hub-card-arrow{border-color:var(--company,var(--rm-orange));color:var(--company,var(--rm-orange));background:#fff}

/* ---------- Bloc « Vous n'avez pas trouvé » ---------- */
body.hub-xd:not(#rm):not(#rn) .hub-next .section-head h2{font-size:clamp(28px,2.08vw,40px);line-height:1.2}
body.hub-xd:not(#rm):not(#rn) .hub-next .section-head p{color:var(--rm-orange);font-family:var(--rm-text);font-weight:400;font-size:clamp(16px,1.2vw,23px)}
@media (min-width:1101px){
 body.hub-xd:not(#rm):not(#rn) .hub-next-grid{grid-template-columns:652fr 862fr;gap:40px;--rm-next-w:min(1554px,calc(100vw - 2*8.6%));width:var(--rm-next-w);max-width:none;margin-inline:calc((100% - var(--rm-next-w))/2)}
 body.hub-xd:not(#rm):not(#rn) :is(.hub-alert,.hub-spontaneous){min-height:480px;padding:72px 56px 40px;border-radius:10px;display:flex;flex-direction:column;align-items:flex-start}
}
body.hub-xd:not(#rm):not(#rn) :is(.hub-alert,.hub-spontaneous) h3{font-family:var(--rm-display);font-weight:700;font-size:clamp(21px,1.56vw,30px);line-height:1.2;margin:0}
body.hub-xd:not(#rm):not(#rn) .hub-alert h3{color:#fff;max-width:none;text-shadow:none}
body.hub-xd:not(#rm):not(#rn) .hub-alert h3 span{color:var(--rm-ink)}
body.hub-xd:not(#rm):not(#rn) .hub-alert .lib360-native-form{width:100%;max-width:540px;margin-top:44px}
body.hub-xd:not(#rm):not(#rn) .hub-alert .form-panel{background:transparent;border:0;box-shadow:none;padding:0;border-radius:0}
body.hub-xd:not(#rm):not(#rn) .hub-alert .elementor-field-label{font-family:var(--rm-display);font-weight:700;font-size:clamp(14px,.84vw,16px);line-height:1.2;color:var(--rm-ink);margin-bottom:10px}
body.hub-xd:not(#rm):not(#rn) .hub-alert .elementor-mark-required .elementor-field-label::after{content:none}
body.hub-xd:not(#rm):not(#rn) .hub-alert .elementor-field-textual{height:50px;min-height:50px;border:0;border-radius:10px;background:#fff;padding:0 18px;font-family:var(--rm-text);font-size:16px}
body.hub-xd:not(#rm):not(#rn) .hub-alert .elementor-field-type-html,
body.hub-xd:not(#rm):not(#rn) .hub-alert #alert-summary{font-family:var(--rm-text);font-size:12px;line-height:1.5;color:var(--rm-ink);margin:2px 0 0}
body.hub-xd:not(#rm):not(#rn) .hub-alert #alert-summary:empty{display:none}
body.hub-xd:not(#rm):not(#rn) .hub-alert .alert-privacy{max-width:470px;margin:10px 0 0;font-family:var(--rm-text);font-weight:500;font-size:13px;line-height:17px;color:#000}
body.hub-xd:not(#rm):not(#rn) .hub-alert .e-form__buttons{margin-top:24px}
body.hub-xd:not(#rm):not(#rn) .hub-alert .lib360-native-form .elementor-button{width:auto;min-width:225px;min-height:50px;padding:0 26px;border-radius:10px;background:var(--rm-ink);border-color:var(--rm-ink);color:#fff;font-family:var(--rm-display);font-weight:700;font-size:clamp(15px,.94vw,18px)}
body.hub-xd:not(#rm):not(#rn) .hub-alert .e-form__buttons{justify-content:flex-start}
body.hub-xd:not(#rm):not(#rn) .hub-spontaneous h3{color:#fff;max-width:none}
body.hub-xd:not(#rm):not(#rn) .hub-spontaneous h3 span{color:var(--rm-orange)}
body.hub-xd:not(#rm):not(#rn) .hub-spontaneous p{font-family:var(--rm-text);font-size:clamp(15px,.95vw,18px);line-height:1.5;color:#fff;max-width:440px;margin:16px 0 0}
body.hub-xd:not(#rm):not(#rn) .hub-spontaneous .button{margin-top:auto;min-width:225px;min-height:50px;border-radius:10px;background:#fff;border-color:#fff;color:var(--rm-ink);font-family:var(--rm-display);font-weight:700;font-size:clamp(15px,.94vw,18px);justify-content:center}
body.hub-xd:not(#rm):not(#rn) .hub-spontaneous .button span{font:inherit;color:inherit}

/* ---------- Pied de page ---------- */
body.hub-xd:not(#rm):not(#rn) .site-footer{background:#111}
body.hub-xd:not(#rm):not(#rn) .site-footer .wordmark__mark{width:58px;height:58px}
body.hub-xd:not(#rm):not(#rn) .site-footer .footer-brand p{font-family:var(--rm-text);font-size:13px;line-height:1.45;max-width:280px;margin-top:66px;color:#fff}
body.hub-xd:not(#rm):not(#rn) .site-footer h4{font-family:var(--rm-display);font-weight:700;font-size:clamp(16px,1.04vw,20px);line-height:1.2;margin:12px 0 18px;padding:0;border:0;letter-spacing:0}
body.hub-xd:not(#rm):not(#rn) .site-footer h4::after,body.hub-xd:not(#rm):not(#rn) .site-footer h4::before{content:none;display:none}
body.hub-xd:not(#rm):not(#rn) .site-footer :is(ul,li){border:0}
body.hub-xd:not(#rm):not(#rn) .site-footer li>a{min-height:27px}
body.hub-xd:not(#rm):not(#rn) .site-footer li :is(a,span),
body.hub-xd:not(#rm):not(#rn) .site-footer .footer-note a,
body.hub-xd:not(#rm):not(#rn) .site-footer .footer-note{font-family:var(--rm-text);font-size:clamp(14px,.95vw,18px);line-height:1.5;color:#fff}
body.hub-xd:not(#rm):not(#rn) .site-footer .subfooter{background:#4d4d4d}
body.hub-xd:not(#rm):not(#rn) .site-footer .subfooter :is(a,button,span){font-family:var(--rm-text);font-size:13px;color:#fff}
@media (min-width:1101px){
 body.hub-xd:not(#rm):not(#rn) .footer-grid{grid-template-columns:380fr 250fr 340fr 355fr 280fr;gap:0;padding-bottom:50px}
}
body.hub-xd:not(#rm):not(#rn) .site-footer .footer-note{margin:0 0 18px}
/* Macaron Comm360 : disque gris qui déborde de la bande basse, même traitement que hotspottracking.fr */
body:not(#rm):not(#rn) .site-footer .subfooter{position:relative}
body:not(#rm):not(#rn) .site-footer .rm-macaron{position:absolute;right:24px;bottom:0;display:flex;align-items:center;justify-content:center;width:auto;min-width:0;height:auto;margin:0;padding:18px;border-radius:9999px;background:#4d4d4d;line-height:0;z-index:1}
body:not(#rm):not(#rn) .site-footer .rm-macaron-img{display:block;width:auto;height:60px;max-width:none;transition:transform 1.2s ease}
body:not(#rm):not(#rn) .site-footer .rm-macaron:is(:hover,:focus-visible) .rm-macaron-img{transform:rotate(-30deg)}
body:not(#rm):not(#rn) .site-footer .rm-macaron:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media (max-width:1100px){
 body:not(#rm):not(#rn) .site-footer .subfooter{padding-top:58px}
 body:not(#rm):not(#rn) .site-footer .rm-macaron{right:auto;bottom:auto;left:50%;top:-44px;transform:translateX(-50%);padding:16px}
 body:not(#rm):not(#rn) .site-footer .rm-macaron-img{height:54px}
}
@media (prefers-reduced-motion:reduce){body:not(#rm):not(#rn) .site-footer .rm-macaron-img{transition:none}}

/* ---------- Fiche offre (maquette « Chef de chantier ») ---------- */
/* Héros : accroche orange, pastilles détourées avec icônes */
body.hub-detail:not(#rm):not(#rn) #offre-hero .eyebrow span{color:var(--rm-orange);font-family:var(--rm-text);font-weight:500;line-height:1.52;font-size:clamp(16px,1.2vw,23px)}
body.hub-detail:not(#rm):not(#rn) .hub-hero-tags{gap:8px}
body.hub-detail:not(#rm):not(#rn) .hub-hero-tags>span{background:transparent;border:1px solid #fff;min-height:34px;padding:0 14px;gap:6px;font-size:14px;font-weight:500;color:#fff}
body.hub-detail:not(#rm):not(#rn) .hub-hero-tags>span span{font-size:inherit;font-weight:inherit;color:inherit}
body.hub-detail:not(#rm):not(#rn) .hub-hero-tags>.hub-company-badge{border-color:var(--company);color:var(--company);min-width:190px}
body.hub-detail:not(#rm):not(#rn) .hub-hero-tags>span:is(:nth-child(2),:nth-child(3),:nth-child(4))::before{content:'';flex:none;width:14px;height:14px;background:currentColor;-webkit-mask:var(--rm-icon) center/contain no-repeat;mask:var(--rm-icon) center/contain no-repeat}
body.hub-detail:not(#rm):not(#rn) .hub-hero-tags>span:nth-child(2){--rm-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%2010c0%204.993-5.539%2010.193-7.399%2011.799a1%201%200%200%201-1.202%200C9.539%2020.193%204%2014.993%204%2010a8%208%200%200%201%2016%200%22/%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2210%22%20r%3D%223%22/%3E%3C/svg%3E")}
body.hub-detail:not(#rm):not(#rn) .hub-hero-tags>span:nth-child(3){--rm-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M15%202H6a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V7Z%22/%3E%3Cpath%20d%3D%22M14%202v4a2%202%200%200%200%202%202h4%22/%3E%3Cpath%20d%3D%22M16%2013H8%22/%3E%3Cpath%20d%3D%22M16%2017H8%22/%3E%3C/svg%3E")}
body.hub-detail:not(#rm):not(#rn) .hub-hero-tags>span:nth-child(4){--rm-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20width%3D%2220%22%20height%3D%2212%22%20x%3D%222%22%20y%3D%226%22%20rx%3D%222%22/%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%222%22/%3E%3Cpath%20d%3D%22M6%2012h.01M18%2012h.01%22/%3E%3C/svg%3E")}

/* En bref : chapô, encadré des infos, boutons */
body.hub-detail:not(#rm):not(#rn) .hub-offer-intro{max-width:1040px;margin:56px auto 50px;font-family:var(--rm-text);font-weight:500;font-size:clamp(17px,1.2vw,23px);line-height:1.52}
body.hub-detail:not(#rm):not(#rn) #offre-facts{width:min(1422px,calc(100vw - 40px));margin-left:calc(50% - min(711px,50vw - 20px));padding:42px clamp(24px,4.6vw,88px);gap:34px 24px;border:1px solid #e5e5e5;border-radius:10px;box-shadow:0 2px 12px #0000000f;background:#fff}
body.hub-detail:not(#rm):not(#rn) #offre-facts dt{font-family:var(--rm-text);font-size:clamp(15px,1.2vw,23px);color:#919191;line-height:1.3}
body.hub-detail:not(#rm):not(#rn) #offre-facts dt span{font-size:inherit;color:inherit}
body.hub-detail:not(#rm):not(#rn) #offre-facts dd{font-family:var(--rm-display);font-weight:700;font-size:clamp(15px,1.2vw,23px);line-height:1.22;margin-top:6px}
body.hub-detail:not(#rm):not(#rn) #offre-facts dd span{font-size:inherit;font-family:inherit;font-weight:inherit}
body.hub-detail:not(#rm):not(#rn) .hub-offer-actions{gap:16px;margin-top:66px}
body.hub-detail:not(#rm):not(#rn) .hub-offer-actions .button{min-width:min(350px,100%);min-height:50px;border-radius:10px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center}
body.hub-detail:not(#rm):not(#rn) .hub-offer-actions .button:not(.button--secondary),
body.hub-detail:not(#rm):not(#rn) .hub-offer-actions .button:not(.button--secondary) span{color:#fff;font-family:var(--rm-display);font-weight:700;font-size:clamp(15px,.95vw,18px)}
body.hub-detail:not(#rm):not(#rn) .hub-offer-actions .button--secondary{border:2px solid #707070;background:#fff}
body.hub-detail:not(#rm):not(#rn) .hub-offer-actions .button--secondary,
body.hub-detail:not(#rm):not(#rn) .hub-offer-actions .button--secondary span{color:#707070;font-family:var(--rm-display);font-weight:500;font-size:clamp(15px,.94vw,18px);line-height:1.2}

/* L'entreprise : même largeur que l'encadré des infos */
body.hub-detail:not(#rm):not(#rn) #a-propos.hub-company{width:min(1422px,calc(100vw - 40px));margin-left:calc(50% - min(711px,50vw - 20px));padding:clamp(40px,4.7vw,90px) clamp(24px,4.2vw,80px) clamp(40px,5.2vw,100px);border-radius:10px;margin-top:44px;margin-bottom:clamp(70px,6vw,120px)}
body.hub-detail:not(#rm):not(#rn) #a-propos.hub-company h2{font-size:clamp(28px,2.08vw,40px);line-height:1.2;margin-bottom:28px}
body.hub-detail:not(#rm):not(#rn) #a-propos.hub-company :is(p,a,a span){font-family:var(--rm-text);font-size:clamp(16px,1.2vw,23px);line-height:1.4}
body.hub-detail:not(#rm):not(#rn) #a-propos.hub-company p{max-width:1180px}

/* Frise : trait et pastille à la couleur de l'entreprise, texte en Nexa 23 */
body.hub-detail:not(#rm):not(#rn) #offre-corps{width:min(1240px,calc(100vw - 40px));margin-left:calc(50% - min(645px,50vw - 20px))}
body.hub-detail:not(#rm):not(#rn) .hub-job-section{margin:0 0 clamp(70px,6vw,120px) 25px;padding:0 0 0 clamp(28px,2.9vw,56px);border-left:2px solid var(--company)}
body.hub-detail:not(#rm):not(#rn) .hub-job-section::before{width:48px;height:48px;left:-25px;top:-2px;outline:0;border:3px solid var(--company);background:radial-gradient(circle,var(--company) 0 13px,#fff 14px)}
body.hub-detail:not(#rm):not(#rn) .hub-job-section h2{font-size:clamp(28px,2.08vw,40px);line-height:1.2;margin:0 0 clamp(24px,2.1vw,40px)}
body.hub-detail:not(#rm):not(#rn) .hub-job-section :is(p,li,h3,strong,span){font-family:var(--rm-text);font-size:clamp(16px,1.2vw,23px);line-height:1.25}
body.hub-detail:not(#rm):not(#rn) .hub-job-section h3{font-weight:700;margin:28px 0}
body.hub-detail:not(#rm):not(#rn) .hub-job-section p+p{margin-top:28px}
body.hub-detail:not(#rm):not(#rn) .hub-job-section ul{list-style:none;padding-left:30px;margin:0 0 28px}
body.hub-detail:not(#rm):not(#rn) .hub-job-section ul>li::before{content:'• '}
body.hub-detail:not(#rm):not(#rn) .hub-job-section ul>li{margin:0}
body.hub-detail:not(#rm):not(#rn) .hub-hiring-steps{gap:clamp(24px,2.1vw,40px) 40px}
body.hub-detail:not(#rm):not(#rn) .hub-hiring-steps p{line-height:1.35;margin-top:6px}

/* Candidature : carte blanche filet de couleur en tête, titre dans la carte */
body.hub-detail:not(#rm):not(#rn) #candidature>.container--narrow{max-width:958px;width:calc(100% - 40px);padding:clamp(48px,5.7vw,110px) clamp(20px,6.1vw,117px) 68px;background:#fff;border:1px solid #e5e5e5;border-top:12px solid var(--company);border-radius:10px;box-shadow:0 2px 12px #0000000f}
body.hub-detail:not(#rm):not(#rn) #candidature .section-head{width:100%;margin:0 0 54px;text-align:center}
body.hub-detail:not(#rm):not(#rn) #candidature .section-head h2{font-size:clamp(26px,2.1vw,40px);line-height:1.2}
body.hub-detail:not(#rm):not(#rn) #candidature .section-head p{max-width:none;font-family:var(--rm-text);font-size:clamp(14px,.84vw,16px);line-height:1.2;line-height:1.35;color:#333}
body.hub-detail:not(#rm):not(#rn) #candidature .form-panel{border:0;box-shadow:none;padding:0;width:100%;border-radius:0}
body.hub-detail:not(#rm):not(#rn) #candidature .elementor-form-fields-wrapper{row-gap:36px}
body.hub-detail:not(#rm):not(#rn) #candidature .elementor-field-label{font-family:var(--rm-display);font-weight:700;font-size:clamp(14px,.84vw,16px);line-height:1.2;margin-bottom:10px}
body.hub-detail:not(#rm):not(#rn) #candidature .elementor-mark-required>.elementor-field-label{font-weight:400;color:var(--company)}
body.hub-detail:not(#rm):not(#rn) #candidature .elementor-mark-required .elementor-field-label::after{content:'*';color:var(--company);margin-left:2px;padding:0}
body.hub-detail:not(#rm):not(#rn) #candidature .elementor-field-textual{min-height:50px;border:2px solid #e3e3e3;border-radius:10px;background:#fff;font-family:var(--rm-text);font-size:16px}
body.hub-detail:not(#rm):not(#rn) #candidature .elementor-field-textual:focus{border-color:#9a9a9a;outline:0}
body.hub-detail:not(#rm):not(#rn) #candidature :is(.elementor-field-group-offre,.elementor-field-group-entreprise) .elementor-field-textual{background:#e8e8e8;border-color:#cfcfcf;color:#101010;font-weight:400}
body.hub-detail:not(#rm):not(#rn) #candidature textarea.elementor-field-textual{min-height:240px;resize:vertical}
body.hub-detail:not(#rm):not(#rn) #candidature .elementor-upload-field{min-height:60px;background:#111;border:0;border-radius:10px;color:#bdbdbd;font-family:var(--rm-text);font-size:16px;padding:12px 18px}
body.hub-detail:not(#rm):not(#rn) #candidature .elementor-upload-field::file-selector-button{background:#3a3a3a;color:#fff;border:0;border-radius:3px;padding:6px 12px;margin-right:14px;font-family:var(--rm-text);font-size:16px;cursor:pointer}
body.hub-detail:not(#rm):not(#rn) #candidature :is(.elementor-field-group,.elementor-field-type-upload) :is(.elementor-field-help,small,p){font-family:var(--rm-text);font-size:12px;color:#333}
body.hub-detail:not(#rm):not(#rn) #candidature .elementor-acceptance-field+label,
body.hub-detail:not(#rm):not(#rn) #candidature .elementor-field-type-acceptance label{font-family:var(--rm-text);font-weight:400;font-style:italic;font-size:13px;line-height:1.45}
body.hub-detail:not(#rm):not(#rn) #candidature .e-form__buttons{justify-content:center}
body.hub-detail:not(#rm):not(#rn) #candidature .e-form__buttons .elementor-button{margin-inline:auto}
body.hub-detail:not(#rm):not(#rn) #candidature .elementor-upload-field:disabled{opacity:1}
body.hub-detail:not(#rm):not(#rn) #candidature{padding-bottom:74px}
body.hub-detail:not(#rm):not(#rn) #en-bref{padding-bottom:0}
body.hub-detail:not(#rm):not(#rn) #candidature .e-form__buttons .elementor-button{width:min(350px,100%);flex:0 0 auto;min-height:48px;border-radius:10px;background:var(--company);border-color:var(--company);color:#fff;font-family:var(--rm-display);font-weight:700;font-size:clamp(15px,.95vw,18px)}
body.hub-detail:not(#rm):not(#rn) #candidature .e-form__buttons .elementor-button span{color:#fff;font-size:inherit;font-family:inherit}
@media (min-width:700px){
 /* Pièces jointes : l'intitulé passe dans la barre noire, à gauche */
 body.hub-detail:not(#rm):not(#rn) #candidature .elementor-field-type-upload{position:relative}
 body.hub-detail:not(#rm):not(#rn) #candidature .elementor-field-type-upload>.elementor-field-label{position:absolute;left:18px;top:0;height:60px;display:flex;align-items:center;margin:0;color:#fff;z-index:1;pointer-events:none}
 body.hub-detail:not(#rm):not(#rn) #candidature .elementor-upload-field{padding-left:max(220px,calc(100% - 360px))}
}

/* Offres similaires */
body.hub-detail:not(#rm):not(#rn) #similaires{padding-top:clamp(70px,7.5vw,145px);padding-bottom:clamp(60px,6vw,120px);border-radius:10px;margin-top:0}
body.hub-detail:not(#rm):not(#rn) #similaires .section-head{margin-bottom:clamp(30px,2.6vw,50px)}
body.hub-detail:not(#rm):not(#rn) #similaires .section-head h2{font-size:clamp(26px,2.08vw,40px);line-height:1.2;text-align:center}
body.hub-detail:not(#rm):not(#rn) #similaires .section-actions{margin-top:50px;display:flex;justify-content:center}
body.hub-detail:not(#rm):not(#rn) #similaires .section-actions .button{min-width:min(354px,100%);min-height:50px;border:2px solid #101010;border-radius:10px;background:transparent;display:inline-flex;align-items:center;justify-content:center}
body.hub-detail:not(#rm):not(#rn) #similaires .section-actions .button span{font-family:var(--rm-display);font-weight:500;font-size:clamp(15px,.94vw,18px);line-height:1.2;color:#0f0f0f}

/* Pied de page en mobile : le texte de présentation passe sous le logo */
@media (max-width:1100px){
 body.hub-xd:not(#rm):not(#rn) .site-footer .footer-brand{flex-wrap:wrap}
 body.hub-xd:not(#rm):not(#rn) .site-footer .footer-brand p{flex:1 0 100%;max-width:340px;margin-top:22px}
}

/* ---------- Graisses Nexa du kit : Regular = 500, Book = 400 ---------- */
/* Le XD compose l'interface (menu, pastilles, sur-titres, pied) en Nexa Regular et les paragraphes en Nexa Book. */
body.hub-xd:not(#rm):not(#rn) :is(header .e-paragraph-base:not(.button *),footer .e-paragraph-base,.eyebrow,.eyebrow *,.hub-offer-domain,.hub-offer-domain *,.hub-company-badge,.hub-company-badge *,.hub-offer-meta>span,.hub-offer-meta>span *,.hub-salary,.hub-salary *,[data-id="f80abb8c"],[data-id="d19a14de"],[data-id="7d7c6003"],#offre-facts dt,#offre-facts dt *,.filters :is(input,select),.search-block :is(input,select),#votre-domaine .text-link,#votre-domaine .text-link *){font-weight:500}
body.hub-xd:not(#rm):not(#rn) .hub-photo-hero{border-radius:10px}
body.hub-xd:not(#rm):not(#rn) #offre-facts dt{line-height:1.52}
body.hub-xd:not(#rm):not(#rn) .hub-job-section :is(p,li,span){line-height:1.22}


/* ---------- Accueil (maquette « Web 1920 – 3 ») ----------
   Préfixe à trois :not(#…) : les règles lib360 de l'accueil visent des id (#valeurs, #recrutement…). */
body.hub-home:not(#rm):not(#rn):not(#ro){--rm-gap:3.7%;--rm-band:#efefef}
body.hub-home:not(#rm):not(#rn):not(#ro) .eyebrow{color:var(--rm-orange);font-family:var(--rm-text);font-weight:400;font-size:clamp(16px,1.2vw,23px);line-height:1.5;letter-spacing:0;text-transform:none}
body.hub-home:not(#rm):not(#rn):not(#ro) .eyebrow::before{content:none;display:none}
body.hub-home:not(#rm):not(#rn):not(#ro) main h2{font-family:var(--rm-display);font-weight:800;font-size:clamp(26px,2.08vw,40px);line-height:1.2;letter-spacing:0;color:var(--rm-ink)}
body.hub-home:not(#rm):not(#rn):not(#ro) .section-head{max-width:none}
body.hub-home:not(#rm):not(#rn):not(#ro) main .section-head .eyebrow{margin:0 0 4px}
body.hub-home:not(#rm):not(#rn):not(#ro) main .section-head h2{margin-top:0}
body.hub-home:not(#rm):not(#rn):not(#ro) :is([data-id="8c92e6bc"],[data-id="1d2d6c93"],[data-id="09b34acd"]) .eyebrow{justify-content:center}
body.hub-home:not(#rm):not(#rn):not(#ro) .section-head p:not(.eyebrow){font-family:var(--rm-text);font-size:clamp(15px,.94vw,18px);line-height:1.28;color:var(--rm-ink)}

/* Héros : photo pleine largeur, contenu centré */
body.hub-home:not(#rm):not(#rn):not(#ro) #contenu>.hero--cover,
body.hub-home:not(#rm):not(#rn):not(#ro) [data-id="0744ef4f"]{position:relative;margin:0 var(--rm-gap);padding:clamp(120px,22vw,420px) 0 clamp(60px,4.6vw,88px);min-height:clamp(560px,47.4vw,910px);border-radius:10px 10px 0 0;overflow:hidden;background:#000 url('_assets/assets/hub/hero-offres.webp') center 30%/cover no-repeat;display:flex;align-items:flex-end}
body.hub-home:not(#rm):not(#rn):not(#ro) [data-id="0744ef4f"]::before{content:"";display:block;position:absolute;inset:0;background:linear-gradient(180deg,#0000 0%,#0000 37.6%,#000 100%);pointer-events:none;z-index:0}
body.hub-home:not(#rm):not(#rn):not(#ro) [data-id="0744ef4f"]::after{content:none;display:none}
body.hub-home:not(#rm):not(#rn):not(#ro) [data-id="0744ef4f"] .hero__media{display:none}
body.hub-home:not(#rm):not(#rn):not(#ro) [data-id="cdd81d47"]{position:relative;z-index:1;width:100%;max-width:none;padding-inline:clamp(20px,5vw,96px);text-align:center}
body.hub-home:not(#rm):not(#rn):not(#ro) [data-id="5bebfcbf"]{display:flex;flex-direction:column;align-items:center;width:100%;max-width:1600px;margin:0 auto}
body.hub-home:not(#rm):not(#rn):not(#ro) [data-id="1b620689"]{display:none}
body.hub-home:not(#rm):not(#rn):not(#ro) [data-id="d19a14de"]{order:-1;margin:0 0 8px;max-width:none;color:var(--rm-orange);font-family:var(--rm-text);font-weight:400;font-size:clamp(16px,1.2vw,23px);line-height:1.5}
body.hub-home:not(#rm):not(#rn):not(#ro) [data-id="b34cef99"]{margin:0;max-width:1600px;color:#fff;font-family:var(--rm-display);font-weight:800;font-size:clamp(30px,3.65vw,70px);line-height:1.2;letter-spacing:0;text-align:center}
body.hub-home:not(#rm):not(#rn):not(#ro) [data-id="bcb511af"]{margin:18px auto 0;max-width:1500px;color:#fff;font-family:var(--rm-text);font-weight:400;font-size:clamp(15px,1.2vw,23px);line-height:1.22;text-align:center}
body.hub-home:not(#rm):not(#rn):not(#ro) [data-id="eee3127a"]{justify-content:center;margin-top:clamp(28px,2.8vw,54px)}
body.hub-home:not(#rm):not(#rn):not(#ro) [data-id="ea62bb8b"]{min-width:min(337px,100%);min-height:50px;padding:0 28px;border-radius:10px;background:var(--rm-orange);border-color:var(--rm-orange);justify-content:center}
body.hub-home:not(#rm):not(#rn):not(#ro) [data-id="ea62bb8b"] span{color:#fff;font-family:var(--rm-display);font-weight:700;font-size:clamp(15px,.95vw,18px)}

/* Bandeau des valeurs : suite noire du héros */
body.hub-home:not(#rm):not(#rn):not(#ro) #valeurs{margin:0 var(--rm-gap);padding:clamp(40px,3.3vw,64px) 0 clamp(44px,3vw,58px);background:#000;color:#fff;border-radius:0 0 10px 10px;border-top:1px solid #fff}
body.hub-home:not(#rm):not(#rn):not(#ro) #valeurs .container{width:100%;max-width:1300px;margin:0 auto;padding-inline:24px}
body.hub-home:not(#rm):not(#rn):not(#ro) [data-id="04dabd89"]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:start;text-align:center}
body.hub-home:not(#rm):not(#rn):not(#ro) [data-id="04dabd89"]>div{border:0;padding:0}
body.hub-home:not(#rm):not(#rn):not(#ro) #valeurs .values-band__word{margin:0 0 6px;color:#fff;font-family:var(--rm-display);font-weight:700;font-size:clamp(17px,1.2vw,23px);line-height:1.3;text-transform:uppercase;letter-spacing:0}
body.hub-home:not(#rm):not(#rn):not(#ro) #valeurs .values-band p:not(.values-band__word){margin:0 auto;max-width:270px;color:#fff;font-family:var(--rm-text);font-size:clamp(14px,.94vw,18px);line-height:1.28}

/* Domaines : cartes photo */
body.hub-home:not(#rm):not(#rn):not(#ro) #votre-domaine{padding-block:clamp(70px,6.2vw,120px) clamp(60px,5vw,96px)}
body.hub-home:not(#rm):not(#rn):not(#ro) #votre-domaine .container{width:calc(100% - 2*var(--rm-gap));max-width:1525px;padding-inline:0}
body.hub-home:not(#rm):not(#rn):not(#ro) [data-id="8c92e6bc"]{text-align:center;margin:0 auto clamp(32px,3vw,58px)}
body.hub-home:not(#rm):not(#rn):not(#ro) [data-id="19cf18e2"]{max-width:620px;margin-inline:auto}
body.hub-home:not(#rm):not(#rn):not(#ro) [data-id="5c45048a"]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,38px)}
body.hub-home:not(#rm):not(#rn):not(#ro) #votre-domaine .card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:16px;aspect-ratio:483/257;min-height:0;padding:clamp(20px,2vw,38px);border:0;border-radius:10px;overflow:hidden;color:#fff;background:#222 center/cover no-repeat;isolation:isolate;transition:transform .25s ease}
body.hub-home:not(#rm):not(#rn):not(#ro) #votre-domaine .card::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0000 20%,#0008 62%,#000c 100%);transition:opacity .25s ease}
body.hub-home:not(#rm):not(#rn):not(#ro) #votre-domaine .card:is(:hover,:focus-visible){background-color:#222;transform:translateY(-3px)}
body.hub-home:not(#rm):not(#rn):not(#ro) #votre-domaine .card h3{margin:0;color:#fff;font-family:var(--rm-display);font-weight:700;font-size:clamp(17px,1.2vw,23px);line-height:1.2;letter-spacing:0}
body.hub-home:not(#rm):not(#rn):not(#ro) #votre-domaine .card .actions{margin:0}
body.hub-home:not(#rm):not(#rn):not(#ro) #votre-domaine .card .text-link{display:inline-flex;align-items:center;justify-content:center;min-width:clamp(130px,8.4vw,161px);height:38px;padding:0 18px;border:1px solid #fff;border-radius:10px;color:#fff;font-family:var(--rm-text);font-weight:400;font-size:clamp(15px,.94vw,18px);text-decoration:none;background:transparent;transition:background-color .2s ease,color .2s ease}
body.hub-home:not(#rm):not(#rn):not(#ro) #votre-domaine .card .text-link::after{content:none;display:none}
body.hub-home:not(#rm):not(#rn):not(#ro) #votre-domaine .card:is(:hover,:focus-visible) .text-link{background:#fff;color:var(--rm-ink)}
body.hub-home:not(#rm):not(#rn):not(#ro) #votre-domaine [data-id="d4b5ed18"]{background-image:url('_assets/assets/hub/chantier.webp')}
body.hub-home:not(#rm):not(#rn):not(#ro) #votre-domaine [data-id="2e298938"]{background-image:url('_assets/assets/hub/construction.webp')}
body.hub-home:not(#rm):not(#rn):not(#ro) #votre-domaine [data-id="4fb61737"]{background-image:url('_assets/assets/hub/conduite-travaux.webp')}
body.hub-home:not(#rm):not(#rn):not(#ro) #votre-domaine [data-id="db3ad294"]{background-image:url('_assets/assets/hub/electricite-industrielle.webp')}
body.hub-home:not(#rm):not(#rn):not(#ro) #votre-domaine [data-id="ced857a8"]{background-image:url('_assets/assets/hub/transport.webp')}
body.hub-home:not(#rm):not(#rn):not(#ro) #votre-domaine [data-id="3c575b89"]{background-image:url('_assets/assets/hub/conduite.webp')}

/* Chiffres : bande grise, cartes orange et noires */
body.hub-home:not(#rm):not(#rn):not(#ro) #groupe{margin:0 var(--rm-gap);padding:clamp(70px,6.4vw,122px) 0 clamp(70px,5.5vw,106px);border-radius:10px;background:var(--rm-band)}
body.hub-home:not(#rm):not(#rn):not(#ro) #groupe .container{width:calc(100% - 2*var(--rm-gap));max-width:1477px;padding-inline:0}
body.hub-home:not(#rm):not(#rn):not(#ro) [data-id="1d2d6c93"]{text-align:center;margin:0 auto clamp(40px,3.6vw,70px)}
body.hub-home:not(#rm):not(#rn):not(#ro) [data-id="0ca5144f"]{max-width:1110px;margin-inline:auto}
body.hub-home:not(#rm):not(#rn):not(#ro) [data-id="1e3fdd50"]{max-width:1222px;margin:clamp(24px,2.3vw,44px) auto 0}
body.hub-home:not(#rm):not(#rn):not(#ro) [data-id="9c4ed124"]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.2vw,23px)}
body.hub-home:not(#rm):not(#rn):not(#ro) #groupe .stat{min-height:clamp(220px,14.4vw,276px);padding:clamp(24px,1.9vw,36px);border:0;border-radius:10px;background:#0f0f0f;color:#fff}
body.hub-home:not(#rm):not(#rn):not(#ro) #groupe [data-id="5c8ca05b"]{background:var(--rm-orange)}
body.hub-home:not(#rm):not(#rn):not(#ro) #groupe .stat__value{word-spacing:-.32em;color:#fff;font-family:var(--rm-display);font-weight:800;font-size:clamp(44px,3.65vw,70px);line-height:1.2;letter-spacing:0}
body.hub-home:not(#rm):not(#rn):not(#ro) #groupe .stat__value span{font-size:1em!important;font-family:inherit;font-weight:inherit;color:inherit;vertical-align:baseline}
body.hub-home:not(#rm):not(#rn):not(#ro) #groupe .stat__label,
body.hub-home:not(#rm):not(#rn):not(#ro) #groupe .stat__label *{color:#fff;font-family:var(--rm-display);font-weight:700;font-size:clamp(17px,1.2vw,23px);line-height:1.2;letter-spacing:0}
body.hub-home:not(#rm):not(#rn):not(#ro) #groupe .stat__note{margin-top:clamp(12px,1.1vw,20px);color:#fff;font-family:var(--rm-text);font-size:clamp(14px,.94vw,18px);line-height:1.28}

/* Bandeau des six entreprises : carte blanche à cheval sur le bas de la bande grise (XD 1222 x 103) */
body.hub-home:not(#rm):not(#rn):not(#ro) #groupe{padding-bottom:0;overflow:visible}
body.hub-home:not(#rm):not(#rn):not(#ro) [data-id="a72b17ae"]{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:14px;max-width:1222px;min-height:103px;margin:clamp(40px,3.6vw,70px) auto -51px;padding:20px clamp(28px,3.3vw,63px);border:0;border-radius:10px;background:#fff;box-shadow:0 1px 8px #00000024}
body.hub-home:not(#rm):not(#rn):not(#ro) #groupe .rm-logo{--h:clamp(20px,2.15vw,31px);flex:0 0 auto;width:auto;height:calc(var(--h)*var(--rm-logo-r,1));aspect-ratio:var(--rm-logo-a);min-width:0;padding:0;border:0;background:center/contain no-repeat}
body.hub-home:not(#rm):not(#rn):not(#ro) #groupe .rm-logo::before{content:none;display:none}
body.hub-home:not(#rm):not(#rn):not(#ro) #groupe .rm-logo span{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
/* Logos de novembre 2026 (archive du 06/11) : WebP rognés, même échelle pour tous ; RouxTP et RouxBat remplacent l'ancien logo Roux BTP */
body.hub-home:not(#rm):not(#rn):not(#ro) #groupe .rm-logo--roux{--rm-logo-a:3.904;--rm-logo-r:1.047;background-image:url('_assets/assets/hub/logos/rouxtp.webp')}
body.hub-home:not(#rm):not(#rn):not(#ro) #groupe .rm-logo--rouxbat{--rm-logo-a:4.470;--rm-logo-r:0.993;background-image:url('_assets/assets/hub/logos/rouxbat.webp')}
body.hub-home:not(#rm):not(#rn):not(#ro) #groupe .rm-logo--recg{--rm-logo-a:3.233;background-image:url('_assets/assets/hub/logos/recg.webp')}
body.hub-home:not(#rm):not(#rn):not(#ro) #groupe .rm-logo--de-rosso{--rm-logo-a:4.540;background-image:url('_assets/assets/hub/logos/de-rosso.webp')}
body.hub-home:not(#rm):not(#rn):not(#ro) #groupe .rm-logo--reynard{--rm-logo-a:4.287;background-image:url('_assets/assets/hub/logos/reynard.webp')}
body.hub-home:not(#rm):not(#rn):not(#ro) #groupe .rm-logo--missonnier{--rm-logo-a:5.601;--rm-logo-r:0.953;background-image:url('_assets/assets/hub/logos/missonnier.webp')}
body.hub-home:not(#rm):not(#rn):not(#ro) #groupe .rm-logo--verti-block{--rm-logo-a:5.107;background-image:url('_assets/assets/hub/logos/verti-block.webp')}

/* Forme du carré des logos (angles haut droit et bas gauche coupés en biais arrondi) reprise sur les blocs */
body.hub-home:not(#rm):not(#rn):not(#ro) :is([data-id="9c4ed124"] .stat,#parcours .portrait,#agenda .card,[data-id="2e8a12b7"]){clip-path:polygon(0 0,calc(100% - var(--k)*0.3384) 0,calc(100% - var(--k)*0.3014) calc(var(--k)*0.0028),calc(100% - var(--k)*0.2657) calc(var(--k)*0.011),calc(100% - var(--k)*0.2317) calc(var(--k)*0.0244),calc(100% - var(--k)*0.2) calc(var(--k)*0.0428),calc(100% - var(--k)*0.171) calc(var(--k)*0.066),100% calc(var(--k)*0.2255),100% 100%,calc(var(--k)*0.3384) 100%,calc(var(--k)*0.3014) calc(100% - var(--k)*0.0028),calc(var(--k)*0.2657) calc(100% - var(--k)*0.011),calc(var(--k)*0.2317) calc(100% - var(--k)*0.0244),calc(var(--k)*0.2) calc(100% - var(--k)*0.0428),calc(var(--k)*0.171) calc(100% - var(--k)*0.066),0 calc(100% - var(--k)*0.2255))}
body.hub-home:not(#rm):not(#rn):not(#ro) #groupe .stat{--k:clamp(110px,7.6vw,146px)}
body.hub-home:not(#rm):not(#rn):not(#ro) :is(#parcours .portrait,#agenda .card){--k:clamp(110px,7vw,134px);box-shadow:none}
body.hub-home:not(#rm):not(#rn):not(#ro) :is([data-id="81880125"],#agenda .agenda){filter:drop-shadow(0 1px 4px #00000024)}
body.hub-home:not(#rm):not(#rn):not(#ro) [data-id="2e8a12b7"]{--k:clamp(170px,15vw,290px)}
body.hub-home:not(#rm):not(#rn):not(#ro) [data-id="0744ef4f"]{--k:clamp(150px,17vw,330px);clip-path:polygon(0 0,calc(100% - var(--k)*0.3384) 0,calc(100% - var(--k)*0.3014) calc(var(--k)*0.0028),calc(100% - var(--k)*0.2657) calc(var(--k)*0.011),calc(100% - var(--k)*0.2317) calc(var(--k)*0.0244),calc(100% - var(--k)*0.2) calc(var(--k)*0.0428),calc(100% - var(--k)*0.171) calc(var(--k)*0.066),100% calc(var(--k)*0.2255),100% 100%,0 100%)}
body.hub-home:not(#rm):not(#rn):not(#ro) #valeurs{--k:clamp(150px,17vw,330px);clip-path:polygon(0 0,100% 0,100% 100%,calc(var(--k)*0.3384) 100%,calc(var(--k)*0.3014) calc(100% - var(--k)*0.0028),calc(var(--k)*0.2657) calc(100% - var(--k)*0.011),calc(var(--k)*0.2317) calc(100% - var(--k)*0.0244),calc(var(--k)*0.2) calc(100% - var(--k)*0.0428),calc(var(--k)*0.171) calc(100% - var(--k)*0.066),0 calc(100% - var(--k)*0.2255))}

/* Portraits */
body.hub-home:not(#rm):not(#rn):not(#ro) #parcours{padding-block:clamp(80px,9vw,170px) clamp(60px,6vw,110px)}
body.hub-home:not(#rm):not(#rn):not(#ro) #parcours .container{width:calc(100% - 2*var(--rm-gap));max-width:1260px;padding-inline:0}
body.hub-home:not(#rm):not(#rn):not(#ro) [data-id="8b7580ca"]{margin:0 0 clamp(48px,5.6vw,108px);max-width:1222px}
body.hub-home:not(#rm):not(#rn):not(#ro) [data-id="134e04a9"]{max-width:1080px}
body.hub-home:not(#rm):not(#rn):not(#ro) [data-id="1532c2ce"]{max-width:1222px;margin-top:clamp(20px,2.2vw,42px)}
body.hub-home:not(#rm):not(#rn):not(#ro) [data-id="81880125"]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2.6vw,50px) clamp(20px,2.5vw,48px)}
body.hub-home:not(#rm):not(#rn):not(#ro) #parcours .portrait{display:flex;flex-direction:column;padding:0 0 clamp(26px,2vw,38px);border:0;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 1px 8px #00000024}
body.hub-home:not(#rm):not(#rn):not(#ro) #parcours .portrait .image-placeholder{flex:0 0 auto;width:100%;height:auto;aspect-ratio:386/194;min-height:0;margin:0;border:0;border-radius:10px 10px 0 0;background:#d9d9d9 url('_assets/assets/hub/portrait.webp') center 20%/cover no-repeat}
body.hub-home:not(#rm):not(#rn):not(#ro) #parcours .portrait .image-placeholder>*{display:none}
body.hub-home:not(#rm):not(#rn):not(#ro) #parcours .portrait>:not(.image-placeholder){margin-inline:clamp(22px,1.95vw,37px)}
body.hub-home:not(#rm):not(#rn):not(#ro) #parcours .portrait__who{display:flex;flex-direction:column;gap:6px;margin-top:clamp(22px,1.8vw,34px)}
body.hub-home:not(#rm):not(#rn):not(#ro) #parcours .portrait__who>span{color:var(--rm-ink);font-family:var(--rm-display);font-weight:700;font-size:clamp(18px,1.2vw,23px);line-height:1.22}
body.hub-home:not(#rm):not(#rn):not(#ro) #parcours .portrait__who small,
body.hub-home:not(#rm):not(#rn):not(#ro) #parcours .portrait__who small span{color:var(--rm-role,var(--rm-orange));font-family:var(--rm-text);font-weight:400;font-size:clamp(15px,.94vw,18px);line-height:1.28;text-transform:none;letter-spacing:0}
body.hub-home:not(#rm):not(#rn):not(#ro) #parcours .portrait>p:not(.portrait__who){margin-top:clamp(16px,1.3vw,25px);color:#1d1d1d;font-family:nexa-text,var(--rm-text);font-style:italic;font-weight:400;font-size:clamp(15px,.94vw,18px);line-height:1.5}
body.hub-home:not(#rm):not(#rn):not(#ro) #parcours .portrait .actions{margin:auto clamp(22px,1.95vw,37px) 0;padding-top:22px}
body.hub-home:not(#rm):not(#rn):not(#ro) #parcours .portrait .button{min-height:42px;border:1px solid #2b2b2b;border-radius:10px;background:#fff;color:#2b2b2b}
body.hub-home:not(#rm):not(#rn):not(#ro) #parcours .portrait .button span{color:inherit;font-family:var(--rm-text);font-size:15px}
body.hub-home:not(#rm):not(#rn):not(#ro) #parcours .portrait .button:is(:hover,:focus-visible){background:var(--rm-ink);color:#fff}
body.hub-home:not(#rm):not(#rn):not(#ro) [data-id="9a106ff3"]{--rm-role:#ff7600}
body.hub-home:not(#rm):not(#rn):not(#ro) [data-id="abd4cc6a"]{--rm-role:#089834}
body.hub-home:not(#rm):not(#rn):not(#ro) [data-id="3b3a0eb5"]{--rm-role:#ffb100}
body.hub-home:not(#rm):not(#rn):not(#ro) [data-id="2f08a983"]{--rm-role:#a4cc56}
body.hub-home:not(#rm):not(#rn):not(#ro) [data-id="23a44106"]{--rm-role:#e60000}
body.hub-home:not(#rm):not(#rn):not(#ro) [data-id="ccf73ea5"]{--rm-role:#e60000}

/* Offres : bande grise, recherche en carte blanche */
body.hub-home:not(#rm):not(#rn):not(#ro) #recrutement{margin:0 var(--rm-gap);padding:clamp(70px,5.4vw,104px) 0 clamp(70px,5.4vw,104px);border-radius:10px;background:var(--rm-band);color:var(--rm-ink)}
body.hub-home:not(#rm):not(#rn):not(#ro) #recrutement .container{width:calc(100% - 2*var(--rm-gap));max-width:1618px;padding-inline:0}
body.hub-home:not(#rm):not(#rn):not(#ro) [data-id="09b34acd"]{text-align:center;margin:0 auto clamp(40px,3.8vw,72px)}
body.hub-home:not(#rm):not(#rn):not(#ro) [data-id="98623c63"]{max-width:760px;margin-inline:auto}
body.hub-home:not(#rm):not(#rn):not(#ro) #recrutement .section-head p:not(.eyebrow){max-width:1430px;margin:clamp(20px,2vw,38px) auto 0;color:var(--rm-ink)}
body.hub-home:not(#rm):not(#rn):not(#ro) #recrutement .search-block{display:grid;grid-template-columns:1.68fr repeat(3,1fr);gap:24px 22px;align-items:end;width:min(1258px,100%);margin:0 auto;padding:clamp(24px,2.5vw,48px);border:0;border-radius:10px;background:#fff;box-shadow:0 2px 14px #0000001c}
body.hub-home:not(#rm):not(#rn):not(#ro) #recrutement .search-block .field{margin:0}
body.hub-home:not(#rm):not(#rn):not(#ro) #recrutement .search-block label{display:block;margin-bottom:12px;color:var(--rm-ink);font-family:var(--rm-display);font-weight:700;font-size:clamp(13px,.84vw,16px);line-height:1.2;letter-spacing:0;text-transform:none}
body.hub-home:not(#rm):not(#rn):not(#ro) #recrutement .search-block :is(input,select){width:100%;height:50px;min-height:50px;padding:0 16px;border:1px solid #d9d9d9;border-radius:10px;background:#fff;color:#555;font-family:var(--rm-text);font-size:clamp(13px,.85vw,16px);box-shadow:none}
body.hub-home:not(#rm):not(#rn):not(#ro) #recrutement .search-block select{appearance:none;-webkit-appearance:none;background-image:none}
body.hub-home:not(#rm):not(#rn):not(#ro) #recrutement .search-block input::placeholder{color:#a5a5a5}
body.hub-home:not(#rm):not(#rn):not(#ro) #recrutement .search-block .button{grid-column:-2/-1;min-height:50px;padding:0 24px;border-radius:10px;background:var(--rm-ink);border-color:var(--rm-ink);color:#fff;font-family:var(--rm-display);font-weight:700;font-size:clamp(14px,.94vw,18px);justify-content:center}
body.hub-home:not(#rm):not(#rn):not(#ro) #recrutement .search-block__foot{grid-column:1/-2;grid-row:2;align-self:center;margin:0;color:var(--rm-grey);font-family:var(--rm-text);font-size:15px}
body.hub-home:not(#rm):not(#rn):not(#ro) #recrutement .search-block__foot .text-link{color:var(--rm-ink);font-family:var(--rm-text);font-size:15px}
/* Barre de l'accueil : mêmes champs et boutons que la page des offres (maquette) */
body.hub-home:not(#rm):not(#rn):not(#ro) #recrutement .search-block{grid-template-columns:1.68fr repeat(4,1fr);gap:26px 20px;padding:clamp(24px,2.5vw,48px) clamp(24px,2.5vw,48px) clamp(24px,2.4vw,46px)}
body.hub-home:not(#rm):not(#rn):not(#ro) #recrutement .search-block .hub-filter-actions{grid-column:3/-1;grid-row:2;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:22px;margin:0}
body.hub-home:not(#rm):not(#rn):not(#ro) #recrutement .search-block .hub-filter-actions .button{grid-column:auto;min-width:min(191px,100%)}
body.hub-home:not(#rm):not(#rn):not(#ro) #recrutement .search-block .hub-filter-actions .button--secondary{min-width:min(308px,100%);background:#fff;border:2px solid #707070;color:#707070;font-weight:500}
body.hub-home:not(#rm):not(#rn):not(#ro) #recrutement .search-block .hub-filter-actions .button--secondary:is(:hover,:focus-visible){border-color:var(--rm-ink);color:var(--rm-ink)}
body.hub-home:not(#rm):not(#rn):not(#ro) #recrutement .search-block__foot{grid-column:1/3}
body.hub-home:not(#rm):not(#rn):not(#ro) #recrutement .lib360-job-loop{margin-top:clamp(40px,4.6vw,88px)}
body.hub-home:not(#rm):not(#rn):not(#ro) #recrutement .lib360-job-loop .offers{margin:0;border:0;gap:clamp(20px,1.65vw,32px)}
body.hub-home:not(#rm):not(#rn):not(#ro) #recrutement .lib360-job-loop .offer,
body.hub-home:not(#rm):not(#rn):not(#ro) #recrutement .lib360-job-loop .offer:is(:hover,:focus-within){padding:0;border:0;background:#fff;color:var(--rm-ink)}
body.hub-home:not(#rm):not(#rn):not(#ro) #recrutement .offer__title{margin:2px 0 30px;color:var(--rm-ink);font-family:var(--rm-display);font-weight:700;font-size:clamp(19px,1.2vw,23px);line-height:1.22}
body.hub-home:not(#rm):not(#rn):not(#ro) [data-id="50524413"]{justify-content:center;margin-top:clamp(40px,3.6vw,70px)}
body.hub-home:not(#rm):not(#rn):not(#ro) [data-id="93752462"]{min-width:min(407px,100%);min-height:50px;padding:0 28px;border:1px solid #2b2b2b;border-radius:10px;background:transparent;color:#2b2b2b;justify-content:center}
body.hub-home:not(#rm):not(#rn):not(#ro) [data-id="93752462"] span{color:inherit;font-family:var(--rm-display);font-weight:700;font-size:clamp(15px,.95vw,18px)}
body.hub-home:not(#rm):not(#rn):not(#ro) [data-id="93752462"]:is(:hover,:focus-visible){background:var(--rm-ink);border-color:var(--rm-ink);color:#fff}

/* Le groupe : texte à gauche, photo à droite */
body.hub-home:not(#rm):not(#rn):not(#ro) #histoire{background:#fff;padding-block:clamp(80px,7vw,134px)}
body.hub-home:not(#rm):not(#rn):not(#ro) #histoire .container{width:calc(100% - 2*var(--rm-gap));max-width:1380px;padding-inline:0}
body.hub-home:not(#rm):not(#rn):not(#ro) [data-id="cd4638cb"]{display:grid;grid-template-columns:minmax(0,693fr) minmax(0,569fr);gap:clamp(32px,6.3vw,117px);align-items:center}
body.hub-home:not(#rm):not(#rn):not(#ro) [data-id="0cce2f28"]{margin-top:clamp(22px,2.3vw,44px);font-family:var(--rm-text);font-size:clamp(15px,.94vw,18px);line-height:1.28;color:var(--rm-ink)}
body.hub-home:not(#rm):not(#rn):not(#ro) [data-id="17996f2c"]{margin-top:clamp(28px,2.6vw,50px)}
body.hub-home:not(#rm):not(#rn):not(#ro) [data-id="b1cc45c6"]{min-width:min(347px,100%);min-height:50px;padding:0 28px;border:2px solid #0f0f0f;border-radius:10px;background:transparent;color:#0f0f0f;justify-content:center}
body.hub-home:not(#rm):not(#rn):not(#ro) [data-id="b1cc45c6"] span{color:inherit;font-family:var(--rm-display);font-weight:700;font-size:clamp(15px,.95vw,18px)}
body.hub-home:not(#rm):not(#rn):not(#ro) [data-id="b1cc45c6"]:is(:hover,:focus-visible){background:#0f0f0f;color:#fff}
body.hub-home:not(#rm):not(#rn):not(#ro) [data-id="2e8a12b7"]{position:relative;width:100%;height:auto;aspect-ratio:569/389;min-height:0;border:0;border-radius:10px;overflow:hidden;background:#d9d9d9 url('_assets/assets/hub/construction.webp') center/cover no-repeat}
body.hub-home:not(#rm):not(#rn):not(#ro) [data-id="2e8a12b7"]>*{display:none}
body.hub-home:not(#rm):not(#rn):not(#ro) [data-id="2e8a12b7"]::after{inset:auto;left:auto;top:auto;width:auto;height:auto;transform:none;font-style:normal;background:none;letter-spacing:0;content:"Respect.\A Confiance.\A Autonomie";white-space:pre;position:absolute;right:clamp(14px,1.4vw,26px);bottom:clamp(14px,1.2vw,22px);color:#fff;font-family:var(--rm-display);font-weight:800;font-size:clamp(22px,2.08vw,40px);line-height:1.08;text-align:right;text-transform:uppercase;text-shadow:0 2px 12px #0006}

/* Frise : titre aligné à gauche comme le bloc précédent */
body.hub-home:not(#rm):not(#rn):not(#ro) #frise .container{width:calc(100% - 2*var(--rm-gap));max-width:1380px;padding-inline:0}
body.hub-home:not(#rm):not(#rn):not(#ro) #frise{background:#fff}
body.hub-home:not(#rm):not(#rn):not(#ro) #frise .section-head{max-width:none}
body.hub-home:not(#rm):not(#rn):not(#ro) #frise .section-head h2{max-width:1120px}
body.hub-home:not(#rm):not(#rn):not(#ro) #frise .section-head p:not(.eyebrow){max-width:700px}

/* Agenda : cartes illustrées sur le modèle des portraits, date en pastille sur l'image */
body.hub-home:not(#rm):not(#rn):not(#ro) #agenda .agenda{gap:clamp(16px,1.6vw,28px)}
body.hub-home:not(#rm):not(#rn):not(#ro) #agenda .card{position:relative;display:flex;flex-direction:column;gap:0;padding:0 0 clamp(26px,2vw,38px);border:0;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 1px 8px #00000024}
body.hub-home:not(#rm):not(#rn):not(#ro) #agenda .card::before{content:"";display:block;flex:0 0 auto;width:100%;aspect-ratio:386/194;border-radius:10px 10px 0 0;background:#d9d9d9 center/cover no-repeat}
body.hub-home:not(#rm):not(#rn):not(#ro) #agenda [data-id="f2f167b2"]::before{background-image:url('_assets/assets/hub/electricite.webp')}
body.hub-home:not(#rm):not(#rn):not(#ro) #agenda [data-id="e260ba0d"]::before{background-image:url('_assets/assets/hub/maconnerie.webp');background-position:70% center}
body.hub-home:not(#rm):not(#rn):not(#ro) #agenda [data-id="61a07af2"]::before{background-image:url('_assets/assets/hub/bureau-etudes.webp')}
body.hub-home:not(#rm):not(#rn):not(#ro) #agenda .agenda__date{position:absolute;top:16px;left:16px;z-index:1;margin:0;padding:9px 14px;border-radius:10px;background:#fff;color:var(--rm-orange);font-family:var(--rm-display);font-weight:700;font-size:13px;line-height:1.2;letter-spacing:.06em;text-transform:uppercase}
body.hub-home:not(#rm):not(#rn):not(#ro) #agenda .card h3{margin:clamp(22px,1.8vw,34px) clamp(22px,1.95vw,37px) 0;color:var(--rm-ink);font-family:var(--rm-display);font-weight:700;font-size:clamp(18px,1.2vw,23px);line-height:1.22;letter-spacing:0}
body.hub-home:not(#rm):not(#rn):not(#ro) #agenda .card p{margin:clamp(12px,1vw,18px) clamp(22px,1.95vw,37px) 0;color:#1d1d1d;font-family:var(--rm-text);font-weight:400;font-size:clamp(15px,.94vw,18px);line-height:1.5}

@media (max-width:1100px){
 body.hub-home:not(#rm):not(#rn):not(#ro) [data-id="a72b17ae"]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));justify-items:center;row-gap:22px;padding-block:26px}
 body.hub-home:not(#rm):not(#rn):not(#ro) #groupe .rm-logo{--h:clamp(26px,3.4vw,32px);max-width:100%}
 body.hub-home:not(#rm):not(#rn):not(#ro) #groupe .rm-logo:last-child{grid-column:1/-1}
 body.hub-home:not(#rm):not(#rn):not(#ro) [data-id="9c4ed124"]{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.hub-home:not(#rm):not(#rn):not(#ro) :is([data-id="5c45048a"],[data-id="81880125"]){grid-template-columns:repeat(2,minmax(0,1fr))}
 body.hub-home:not(#rm):not(#rn):not(#ro) #recrutement .search-block{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.hub-home:not(#rm):not(#rn):not(#ro) #recrutement .search-block .button{grid-column:auto}
 body.hub-home:not(#rm):not(#rn):not(#ro) #recrutement .search-block__foot{grid-column:1/-1;grid-row:auto}
 body.hub-home:not(#rm):not(#rn):not(#ro) #recrutement .search-block .hub-filter-actions{grid-column:1/-1;grid-row:auto;justify-content:stretch}
 body.hub-home:not(#rm):not(#rn):not(#ro) #recrutement .search-block .hub-filter-actions .button{flex:1 1 191px}
}
@media (max-width:767px){
 body.hub-home:not(#rm):not(#rn):not(#ro) [data-id="a72b17ae"]{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px;margin-bottom:-40px;padding:22px 20px}
 body.hub-home:not(#rm):not(#rn):not(#ro) #groupe .rm-logo{--h:24px;justify-self:center}
 body.hub-home:not(#rm):not(#rn):not(#ro){--rm-gap:12px}
 body.hub-home:not(#rm):not(#rn):not(#ro) [data-id="0744ef4f"]{margin:0 12px;padding:220px 0 40px;min-height:560px;background-position:42% center}
 body.hub-home:not(#rm):not(#rn):not(#ro) [data-id="cdd81d47"]{padding-inline:20px}
 body.hub-home:not(#rm):not(#rn):not(#ro) [data-id="0744ef4f"]::before{background:linear-gradient(180deg,#0000 0%,#0004 22%,#000a 45%,#000d 75%,#000 100%)}
 body.hub-home:not(#rm):not(#rn):not(#ro) [data-id="b34cef99"]{font-size:clamp(26px,7.4vw,34px)}
 body.hub-home:not(#rm):not(#rn):not(#ro) #valeurs{margin:0 12px}
 body.hub-home:not(#rm):not(#rn):not(#ro) [data-id="04dabd89"]{grid-template-columns:1fr;gap:22px}
 body.hub-home:not(#rm):not(#rn):not(#ro) #valeurs .values-band>div{padding:0;border:0}
 body.hub-home:not(#rm):not(#rn):not(#ro) :is([data-id="5c45048a"],[data-id="81880125"],[data-id="9c4ed124"],[data-id="cd4638cb"]){grid-template-columns:1fr}
 body.hub-home:not(#rm):not(#rn):not(#ro) #groupe .stat{min-height:0}
 body.hub-home:not(#rm):not(#rn):not(#ro) :is(#votre-domaine,#parcours,#histoire,#frise) .container{width:calc(100% - 40px)}
 body.hub-home:not(#rm):not(#rn):not(#ro) :is(#groupe,#recrutement) .container{width:calc(100% - 32px)}
 body.hub-home:not(#rm):not(#rn):not(#ro) #recrutement .search-block{grid-template-columns:1fr}
 body.hub-home:not(#rm):not(#rn):not(#ro) :is([data-id="ea62bb8b"],[data-id="93752462"],[data-id="b1cc45c6"]){min-width:0;width:100%}
}
body.hub-xd:not(#rm):not(#rn) .hub-alert .alert-privacy a{color:inherit;text-decoration:underline;text-underline-offset:2px}

/* Roux Academy (bande noire) et Dans les écoles (bande grise) : photo à la forme du carré des logos */
body.hub-xd:not(#rm):not(#rn):not(#ro) :is(#academy,#ecoles){border-radius:10px}
body.hub-xd:not(#rm):not(#rn):not(#ro) #academy{margin:0 var(--rm-gap) clamp(40px,4.2vw,80px);padding:clamp(64px,6vw,116px) 0;background:#000;color:#fff}
body.hub-xd:not(#rm):not(#rn):not(#ro) #ecoles{margin:clamp(30px,3vw,56px) var(--rm-gap) clamp(70px,6vw,116px);padding:clamp(64px,5.6vw,108px) 0;background:var(--rm-band)}
body.hub-xd:not(#rm):not(#rn):not(#ro) :is(#academy,#ecoles) .container{width:calc(100% - 2*clamp(24px,4.4vw,84px));max-width:1300px;margin:0 auto;padding-inline:0}
body.hub-xd:not(#rm):not(#rn):not(#ro) #academy .rm-split{display:grid;grid-template-columns:minmax(0,560fr) minmax(0,700fr);gap:clamp(32px,5.4vw,104px);align-items:center}
body.hub-xd:not(#rm):not(#rn):not(#ro) #ecoles .rm-split{display:grid;grid-template-columns:minmax(0,700fr) minmax(0,560fr);gap:clamp(32px,5.4vw,104px);align-items:center}
body.hub-xd:not(#rm):not(#rn):not(#ro) :is(#academy,#ecoles) .rm-media{--k:clamp(140px,12.5vw,240px);width:100%;aspect-ratio:560/470;min-height:0;border-radius:10px;background:#3a3a3a center/cover no-repeat;clip-path:polygon(0 0,calc(100% - var(--k)*0.3384) 0,calc(100% - var(--k)*0.3014) calc(var(--k)*0.0028),calc(100% - var(--k)*0.2657) calc(var(--k)*0.011),calc(100% - var(--k)*0.2317) calc(var(--k)*0.0244),calc(100% - var(--k)*0.2) calc(var(--k)*0.0428),calc(100% - var(--k)*0.171) calc(var(--k)*0.066),100% calc(var(--k)*0.2255),100% 100%,calc(var(--k)*0.3384) 100%,calc(var(--k)*0.3014) calc(100% - var(--k)*0.0028),calc(var(--k)*0.2657) calc(100% - var(--k)*0.011),calc(var(--k)*0.2317) calc(100% - var(--k)*0.0244),calc(var(--k)*0.2) calc(100% - var(--k)*0.0428),calc(var(--k)*0.171) calc(100% - var(--k)*0.066),0 calc(100% - var(--k)*0.2255))}
body.hub-xd:not(#rm):not(#rn):not(#ro) #academy .rm-media{background-image:url('_assets/assets/hub/roux-academy.webp');background-position:62% center}
body.hub-xd:not(#rm):not(#rn):not(#ro) #ecoles .rm-media{background-image:url('_assets/assets/hub/roux-ecoles.webp');background-position:30% center}
body.hub-xd:not(#rm):not(#rn):not(#ro) :is(#academy,#ecoles) .eyebrow{display:block;margin:0 0 6px}
body.hub-xd:not(#rm):not(#rn):not(#ro) :is(#academy,#ecoles) h2{margin:0;max-width:640px}
body.hub-xd:not(#rm):not(#rn):not(#ro) #academy h2{color:#fff}
body.hub-xd:not(#rm):not(#rn):not(#ro) :is(#academy,#ecoles) .rm-texte>p{margin:clamp(18px,1.6vw,30px) 0 0;max-width:620px;font-family:var(--rm-text);font-weight:400;font-size:clamp(15px,.94vw,18px);line-height:1.45}
body.hub-xd:not(#rm):not(#rn):not(#ro) #academy .rm-texte>p{color:#fff}
body.hub-xd:not(#rm):not(#rn):not(#ro) #ecoles .rm-texte>p{color:var(--rm-ink)}
body.hub-xd:not(#rm):not(#rn):not(#ro) #ecoles .rm-texte>p+p{margin-top:14px}
body.hub-xd:not(#rm):not(#rn):not(#ro) #academy .rm-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,1.8vw,32px);margin-top:clamp(28px,2.6vw,48px)}
body.hub-xd:not(#rm):not(#rn):not(#ro) #academy .rm-point{position:relative;padding-top:38px;border-top:1px solid #ffffff4d}
body.hub-xd:not(#rm):not(#rn):not(#ro) #academy .rm-point::before{content:"";position:absolute;top:16px;left:0;--k:14px;width:14px;height:14px;background:var(--rm-orange);clip-path:polygon(0 0,calc(100% - var(--k)*0.3384) 0,calc(100% - var(--k)*0.3014) calc(var(--k)*0.0028),calc(100% - var(--k)*0.2657) calc(var(--k)*0.011),calc(100% - var(--k)*0.2317) calc(var(--k)*0.0244),calc(100% - var(--k)*0.2) calc(var(--k)*0.0428),calc(100% - var(--k)*0.171) calc(var(--k)*0.066),100% calc(var(--k)*0.2255),100% 100%,calc(var(--k)*0.3384) 100%,calc(var(--k)*0.3014) calc(100% - var(--k)*0.0028),calc(var(--k)*0.2657) calc(100% - var(--k)*0.011),calc(var(--k)*0.2317) calc(100% - var(--k)*0.0244),calc(var(--k)*0.2) calc(100% - var(--k)*0.0428),calc(var(--k)*0.171) calc(100% - var(--k)*0.066),0 calc(100% - var(--k)*0.2255))}
body.hub-xd:not(#rm):not(#rn):not(#ro) #academy .rm-point h3{margin:0;color:#fff;font-family:var(--rm-display);font-weight:700;font-size:clamp(15px,1vw,19px);line-height:1.25;letter-spacing:0}
body.hub-xd:not(#rm):not(#rn):not(#ro) #academy .rm-point p{margin:8px 0 0;color:#ffffffcc;font-family:var(--rm-text);font-weight:400;font-size:clamp(14px,.84vw,16px);line-height:1.4}
body.hub-xd:not(#rm):not(#rn):not(#ro) :is(#academy,#ecoles) .rm-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:clamp(28px,2.6vw,48px)}
body.hub-xd:not(#rm):not(#rn):not(#ro) :is(#academy,#ecoles) .rm-actions .button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 28px;border:2px solid var(--rm-orange);border-radius:10px;background:var(--rm-orange);color:#fff;text-decoration:none;transition:background-color .2s,border-color .2s,color .2s}
body.hub-xd:not(#rm):not(#rn):not(#ro) :is(#academy,#ecoles) .rm-actions .button span{color:inherit;font-family:var(--rm-display);font-weight:700;font-size:clamp(14px,.94vw,18px);line-height:1.2}
body.hub-xd:not(#rm):not(#rn):not(#ro) :is(#academy,#ecoles) .rm-btn-plein:is(:hover,:focus-visible){background:#fff;border-color:#fff;color:var(--rm-ink)}
body.hub-xd:not(#rm):not(#rn):not(#ro) #ecoles .rm-btn-plein:is(:hover,:focus-visible){background:var(--rm-ink);border-color:var(--rm-ink);color:#fff}
body.hub-xd:not(#rm):not(#rn):not(#ro) #academy .rm-actions .rm-btn-ligne{background:transparent;border-color:#fff}
body.hub-xd:not(#rm):not(#rn):not(#ro) #academy .rm-actions .rm-btn-ligne:is(:hover,:focus-visible){background:#fff;color:var(--rm-ink)}
@media (max-width:1100px){
 body.hub-xd:not(#rm):not(#rn):not(#ro) #academy{margin:0 12px 40px}
 body.hub-xd:not(#rm):not(#rn):not(#ro) #ecoles{margin:30px 12px 70px}
 body.hub-xd:not(#rm):not(#rn):not(#ro) :is(#academy,#ecoles) .container{width:calc(100% - 40px)}
 body.hub-xd:not(#rm):not(#rn):not(#ro) :is(#academy,#ecoles) .rm-split{grid-template-columns:1fr}
 body.hub-xd:not(#rm):not(#rn):not(#ro) #ecoles .rm-media{order:-1}
 body.hub-xd:not(#rm):not(#rn):not(#ro) :is(#academy,#ecoles) .rm-media{aspect-ratio:4/3;--k:clamp(90px,24vw,160px)}
 body.hub-xd:not(#rm):not(#rn):not(#ro) #academy .rm-points{grid-template-columns:1fr;gap:6px}
 body.hub-xd:not(#rm):not(#rn):not(#ro) #academy .rm-point{padding:16px 0 14px 28px}
 body.hub-xd:not(#rm):not(#rn):not(#ro) #academy .rm-point::before{top:19px}
 body.hub-xd:not(#rm):not(#rn):not(#ro) :is(#academy,#ecoles) .rm-actions .button{width:100%;padding:12px 20px;text-align:center}
}

/* >>> pages-interieures */
/* ---------- Pages intérieures (19/10/2026) ----------
   Aucune maquette XD pour ces pages : on applique le vocabulaire de l'accueil
   (héros photo à coin coupé, bandes grises ou noires en retrait, Termina/Nexa, orange). */
body.hub-interior:not(#rm):not(#rn):not(#ro){--rm-gap:3.7%;--rm-band:#efefef}
body.hub-interior:not(#rm):not(#rn):not(#ro) main .eyebrow{display:flex;color:var(--rm-orange);font-family:var(--rm-text);font-weight:400;font-size:clamp(16px,1.2vw,23px);line-height:1.5;letter-spacing:0;text-transform:none;opacity:1}
body.hub-interior:not(#rm):not(#rn):not(#ro) main .eyebrow::before{content:none;display:none}
body.hub-interior:not(#rm):not(#rn):not(#ro) main h2:not(.tagline){font-family:var(--rm-display);font-weight:800;font-size:clamp(26px,2.08vw,40px);line-height:1.2;letter-spacing:0}
body.hub-interior:not(#rm):not(#rn):not(#ro) main h3{font-family:var(--rm-display);font-weight:700;letter-spacing:0}
body.hub-interior:not(#rm):not(#rn):not(#ro) main .section-head{max-width:none}
body.hub-interior:not(#rm):not(#rn):not(#ro) main .section-head .eyebrow{margin:0 0 4px}
body.hub-interior:not(#rm):not(#rn):not(#ro) main .section-head h2{margin-top:0;max-width:900px}
body.hub-interior:not(#rm):not(#rn):not(#ro) main .section-head p:not(.eyebrow){max-width:760px;font-family:var(--rm-text);font-size:clamp(15px,.94vw,18px);line-height:1.4}
body.hub-interior:not(#rm):not(#rn):not(#ro) main .section>.container{width:calc(100% - 2*var(--rm-gap));max-width:1477px;padding-inline:0}
body.hub-interior:not(#rm):not(#rn):not(#ro) main .section{padding-block:clamp(64px,6vw,116px)}

/* Héros photo : coin haut droit coupé, dégradé noir, texte centré en bas */
body.hub-interior:not(#rm):not(#rn):not(#ro) .hero--cover{--k:clamp(150px,17vw,330px);position:relative;display:flex;align-items:flex-end;margin:0 var(--rm-gap);padding:clamp(120px,14vw,270px) 0 clamp(56px,4.6vw,88px);min-height:clamp(480px,36vw,700px);border-radius:10px;overflow:hidden;background:#000 var(--rm-hero,url('_assets/assets/hub/hero-offres.webp')) center 40%/cover no-repeat;clip-path:polygon(0 0,calc(100% - var(--k)*0.3384) 0,calc(100% - var(--k)*0.3014) calc(var(--k)*0.0028),calc(100% - var(--k)*0.2657) calc(var(--k)*0.011),calc(100% - var(--k)*0.2317) calc(var(--k)*0.0244),calc(100% - var(--k)*0.2) calc(var(--k)*0.0428),calc(100% - var(--k)*0.171) calc(var(--k)*0.066),100% calc(var(--k)*0.2255),100% 100%,0 100%)}
body.hub-interior:not(#rm):not(#rn):not(#ro) .hero--cover::before{content:"";display:block;position:absolute;inset:0;background:linear-gradient(180deg,#0000 0%,#0000 30%,#000d 100%);opacity:1;z-index:0;pointer-events:none}
body.hub-interior:not(#rm):not(#rn):not(#ro) .hero--cover::after{content:none;display:none}
body.hub-interior:not(#rm):not(#rn):not(#ro) .hero--cover .hero__media{display:none}
body.hub-interior:not(#rm):not(#rn):not(#ro) .hero--cover>.container{position:relative;z-index:1;width:100%;max-width:1500px;margin:0 auto;padding-inline:clamp(20px,5vw,96px);text-align:center}
body.hub-interior:not(#rm):not(#rn):not(#ro) .hero--cover .eyebrow{justify-content:center;margin:0 0 8px;color:var(--rm-orange)}
body.hub-interior:not(#rm):not(#rn):not(#ro) .hero--cover h1{margin:0 auto;max-width:1400px;color:#fff;font-family:var(--rm-display);font-weight:800;font-size:clamp(30px,3.4vw,64px);line-height:1.2;letter-spacing:0}
body.hub-interior:not(#rm):not(#rn):not(#ro) .hero--cover :is(.lead,.tagline){margin:16px auto 0;max-width:980px;color:#fff;font-family:var(--rm-text);font-weight:400;font-size:clamp(15px,1.05vw,20px);line-height:1.35;opacity:1}
body.hub-interior:not(#rm):not(#rn):not(#ro) .hero--cover .tagline{font-family:var(--rm-display);font-weight:700}
body.hub-interior:not(#rm):not(#rn):not(#ro) .hero--cover .chips{justify-content:center;gap:10px;margin-top:clamp(22px,2vw,36px)}
body.hub-interior:not(#rm):not(#rn):not(#ro) .hero--cover .chips li{border:1px solid #fff;border-radius:10px;background:transparent;color:#fff;padding:0}
body.hub-interior:not(#rm):not(#rn):not(#ro) .hero--cover .chips li a{display:flex;align-items:center;min-height:40px;padding:0 16px;color:#fff;text-decoration:none}
body.hub-interior:not(#rm):not(#rn):not(#ro) .hero--cover .chips li span{color:inherit;font-family:var(--rm-text);font-size:clamp(14px,.88vw,17px)}
body.hub-interior:not(#rm):not(#rn):not(#ro) .hero--cover .chips li:is(:hover,:focus-within){background:#fff}
body.hub-interior:not(#rm):not(#rn):not(#ro) .hero--cover .chips li:is(:hover,:focus-within) :is(a,span){color:var(--rm-ink)}
body.hub-interior:not(#rm):not(#rn):not(#ro).page-id-7 .hero--cover{--rm-hero:url('_assets/assets/hub/heros-valeurs.webp')}
body.hub-interior:not(#rm):not(#rn):not(#ro).page-id-6 .hero--cover{--rm-hero:url('_assets/assets/hub/heros-metiers.webp');background-position:center 55%}
body.hub-interior:not(#rm):not(#rn):not(#ro).page-id-8 .hero--cover{--rm-hero:url('_assets/assets/hub/heros-temoignages.webp');background-position:center 60%}
body.hub-interior:not(#rm):not(#rn):not(#ro).page-id-9 .hero--cover{--rm-hero:url('_assets/assets/hub/chantier.webp')}

/* Héros simples (formulaires, pages légales) : bande grise */
body.hub-interior:not(#rm):not(#rn):not(#ro) .hero--simple{margin:0 var(--rm-gap);padding:clamp(56px,5vw,96px) 0;border:0;border-radius:10px;background:var(--rm-band)}
body.hub-interior:not(#rm):not(#rn):not(#ro) .hero--simple>.container{width:calc(100% - 2*clamp(24px,4.4vw,84px));max-width:1300px;margin:0 auto;padding-inline:0}
body.hub-interior:not(#rm):not(#rn):not(#ro) .hero--simple h1{margin:0;max-width:1100px;color:var(--rm-ink);font-family:var(--rm-display);font-weight:800;font-size:clamp(30px,3vw,56px);line-height:1.2;letter-spacing:0}
body.hub-interior:not(#rm):not(#rn):not(#ro) .hero--simple .tagline{margin:18px 0 0;max-width:900px;color:var(--rm-ink);font-family:var(--rm-display);font-weight:700;font-size:clamp(17px,1.2vw,23px);line-height:1.3}
body.hub-interior:not(#rm):not(#rn):not(#ro) .hero--simple .lead{margin:14px 0 0;max-width:820px;color:var(--rm-ink);font-family:var(--rm-text);font-size:clamp(15px,1.05vw,20px);line-height:1.4}

/* Bandes : grises (section--paper) ou noires, en retrait comme sur l'accueil */
body.hub-interior:not(#rm):not(#rn):not(#ro) main .section--paper,
body.hub-interior:not(#rm):not(#rn):not(#ro) main :is(#engagements,.section--accent:not(#reperes)){margin:clamp(20px,2vw,40px) var(--rm-gap);border:0;border-radius:10px}
body.hub-interior:not(#rm):not(#rn):not(#ro) main .section--paper{background:var(--rm-band)}
body.hub-interior:not(#rm):not(#rn):not(#ro) main :is(#engagements,.section--accent:not(#reperes)){background:#000;color:#fff}
body.hub-interior:not(#rm):not(#rn):not(#ro) main :is(#engagements,.section--accent:not(#reperes)) :is(h2,h3,p,li,.lead){color:#fff}
body.hub-interior:not(#rm):not(#rn):not(#ro) main :is(#engagements,.section--accent:not(#reperes)) .section-head p:not(.eyebrow){color:#ffffffcc;opacity:1}
body.hub-interior:not(#rm):not(#rn):not(#ro) main :is(.section--paper,:is(#engagements,.section--accent:not(#reperes)))>.container{width:calc(100% - 2*clamp(24px,4.4vw,84px));max-width:1300px}

/* Boutons au style de l'accueil */
body.hub-interior:not(#rm):not(#rn):not(#ro) main .button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 28px;border:2px solid var(--rm-orange);border-radius:10px;background:var(--rm-orange);color:#fff;text-decoration:none;box-shadow:none;transition:background-color .2s,border-color .2s,color .2s}
body.hub-interior:not(#rm):not(#rn):not(#ro) main .button :is(span,*){color:inherit;font-family:var(--rm-display);font-weight:700;font-size:clamp(14px,.94vw,18px);line-height:1.2;letter-spacing:0;text-transform:none}
body.hub-interior:not(#rm):not(#rn):not(#ro) main .button:is(:hover,:focus-visible){background:var(--rm-ink);border-color:var(--rm-ink);color:#fff}
body.hub-interior:not(#rm):not(#rn):not(#ro) main .button.button--secondary{background:transparent;border-color:#2b2b2b;color:var(--rm-ink)}
body.hub-interior:not(#rm):not(#rn):not(#ro) main .button.button--secondary:is(:hover,:focus-visible){background:var(--rm-ink);color:#fff}
body.hub-interior:not(#rm):not(#rn):not(#ro) main .button.button--small{min-height:42px;padding:0 20px}
body.hub-interior:not(#rm):not(#rn):not(#ro) main .button.button--small :is(span,*){font-size:clamp(13px,.84vw,16px)}
body.hub-interior:not(#rm):not(#rn):not(#ro) main :is(#engagements,.section--accent:not(#reperes)) .button:is(:hover,:focus-visible){background:#fff;border-color:#fff;color:var(--rm-ink)}
body.hub-interior:not(#rm):not(#rn):not(#ro) main :is(#engagements,.section--accent:not(#reperes)) .button.button--secondary{background:transparent;border-color:#fff;color:#fff}
body.hub-interior:not(#rm):not(#rn):not(#ro) main :is(#engagements,.section--accent:not(#reperes)) .button.button--secondary:is(:hover,:focus-visible){background:#fff;color:var(--rm-ink)}
body.hub-interior:not(#rm):not(#rn):not(#ro) main .section-actions{gap:14px}

/* Cartes : forme du carré des logos */
body.hub-interior:not(#rm):not(#rn):not(#ro) main :is(.values>div,.card--paper,.card.portrait,.project,.stat){--k:clamp(96px,6.6vw,128px);clip-path:polygon(0 0,calc(100% - var(--k)*0.3384) 0,calc(100% - var(--k)*0.3014) calc(var(--k)*0.0028),calc(100% - var(--k)*0.2657) calc(var(--k)*0.011),calc(100% - var(--k)*0.2317) calc(var(--k)*0.0244),calc(100% - var(--k)*0.2) calc(var(--k)*0.0428),calc(100% - var(--k)*0.171) calc(var(--k)*0.066),100% calc(var(--k)*0.2255),100% 100%,calc(var(--k)*0.3384) 100%,calc(var(--k)*0.3014) calc(100% - var(--k)*0.0028),calc(var(--k)*0.2657) calc(100% - var(--k)*0.011),calc(var(--k)*0.2317) calc(100% - var(--k)*0.0244),calc(var(--k)*0.2) calc(100% - var(--k)*0.0428),calc(var(--k)*0.171) calc(100% - var(--k)*0.066),0 calc(100% - var(--k)*0.2255))}
body.hub-interior:not(#rm):not(#rn):not(#ro) main .values{gap:clamp(14px,1.4vw,26px)}
body.hub-interior:not(#rm):not(#rn):not(#ro) main .values>div{padding:clamp(26px,2.2vw,42px);border:0;border-radius:10px;background:var(--rm-band)}
body.hub-interior:not(#rm):not(#rn):not(#ro) main .values>div::before{color:var(--rm-orange);font-family:var(--rm-display);font-weight:800;font-size:clamp(30px,2.4vw,46px);letter-spacing:0}
body.hub-interior:not(#rm):not(#rn):not(#ro) main .values h3{font-size:clamp(17px,1.2vw,23px);line-height:1.25}
body.hub-interior:not(#rm):not(#rn):not(#ro) main .card--paper{padding:clamp(24px,2vw,38px);border:0;border-radius:10px;background:#fff;box-shadow:none}
body.hub-interior:not(#rm):not(#rn):not(#ro) main .card--paper h3{color:var(--rm-ink)!important;font-size:clamp(16px,1.1vw,21px);line-height:1.25}
body.hub-interior:not(#rm):not(#rn):not(#ro) main .card--paper p{color:var(--rm-ink)!important}
body.hub-interior:not(#rm):not(#rn):not(#ro) main .card.portrait{padding:clamp(18px,1.4vw,26px);border:0;border-radius:10px;background:#fff;box-shadow:none}
body.hub-interior:not(#rm):not(#rn):not(#ro) main .grid:has(>.card.portrait){filter:drop-shadow(0 1px 4px #00000024)}
body.hub-interior:not(#rm):not(#rn):not(#ro) main .card.portrait .image-placeholder{aspect-ratio:386/220;border:0;border-radius:10px;background:#3a3a3a center/cover no-repeat;box-shadow:none;margin:0}
body.hub-interior:not(#rm):not(#rn):not(#ro) main .image-placeholder>span{display:none}
body.hub-interior:not(#rm):not(#rn):not(#ro) main .image-placeholder::after{content:none;display:none}

/* Nos valeurs : direction en monogrammes, histoire sans bande, repères comme les chiffres de l'accueil */
body.hub-interior:not(#rm):not(#rn):not(#ro).page-id-7 #direction .image-placeholder{display:flex;align-items:center;justify-content:center;background:var(--rm-ink)}
body.hub-interior:not(#rm):not(#rn):not(#ro).page-id-7 #direction .image-placeholder::before{content:var(--rm-initiale);color:var(--rm-orange);font-family:var(--rm-display);font-weight:800;font-size:clamp(64px,5.4vw,104px);line-height:1}
body.hub-interior:not(#rm):not(#rn):not(#ro).page-id-7 [data-id="104983a4"]{--rm-initiale:"P"}
body.hub-interior:not(#rm):not(#rn):not(#ro).page-id-7 [data-id="3d7c0c51"]{--rm-initiale:"N"}
body.hub-interior:not(#rm):not(#rn):not(#ro).page-id-7 [data-id="7a32003b"]{--rm-initiale:"J"}
body.hub-interior:not(#rm):not(#rn):not(#ro) main .portrait__who{font-family:var(--rm-display);font-weight:700}
body.hub-interior:not(#rm):not(#rn):not(#ro).page-id-7 #histoire{margin:0;background:transparent}
body.hub-interior:not(#rm):not(#rn):not(#ro).page-id-7 #histoire>.container{width:calc(100% - 2*var(--rm-gap));max-width:1477px}
body.hub-interior:not(#rm):not(#rn):not(#ro) main .timeline__year{color:var(--rm-ink);font-family:var(--rm-display);font-weight:800;letter-spacing:0}
body.hub-interior:not(#rm):not(#rn):not(#ro) main .orgchart li{border-radius:10px}
body.hub-interior:not(#rm):not(#rn):not(#ro) main .orgchart li:first-child{background:var(--rm-orange);border-color:var(--rm-orange);color:#fff}
body.hub-interior:not(#rm):not(#rn):not(#ro) main #reperes{margin:clamp(20px,2vw,40px) var(--rm-gap);border-radius:10px;background:#000;color:#fff}
body.hub-interior:not(#rm):not(#rn):not(#ro) main #reperes>.container{width:calc(100% - 2*clamp(24px,4.4vw,84px));max-width:1300px}
body.hub-interior:not(#rm):not(#rn):not(#ro) main #reperes .section-head{text-align:center;margin-inline:auto}
body.hub-interior:not(#rm):not(#rn):not(#ro) main #reperes .section-head h2{margin-inline:auto;color:#fff}
body.hub-interior:not(#rm):not(#rn):not(#ro) main #reperes .eyebrow{justify-content:center;color:var(--rm-orange)}
body.hub-interior:not(#rm):not(#rn):not(#ro) main #reperes .stats{gap:clamp(12px,1.2vw,23px)}
body.hub-interior:not(#rm):not(#rn):not(#ro) main #reperes .stat{--k:clamp(110px,7.6vw,146px);min-height:clamp(200px,13vw,250px);padding:clamp(24px,1.9vw,36px);border:0;border-radius:10px;background:#1c1c1c;color:#fff}
body.hub-interior:not(#rm):not(#rn):not(#ro) main #reperes .stat:first-child{background:var(--rm-orange)}
body.hub-interior:not(#rm):not(#rn):not(#ro) main #reperes .stat__value{word-spacing:-.32em;color:#fff;font-family:var(--rm-display);font-weight:800;font-size:clamp(44px,3.65vw,70px);line-height:1.2;letter-spacing:0}
body.hub-interior:not(#rm):not(#rn):not(#ro) main #reperes .stat__value span{font-size:1em!important;font-family:inherit;font-weight:inherit;color:inherit;vertical-align:baseline}
body.hub-interior:not(#rm):not(#rn):not(#ro) main #reperes :is(.stat__label,.stat__label *){color:#fff;font-family:var(--rm-display);font-weight:700;font-size:clamp(17px,1.2vw,23px);line-height:1.2}
body.hub-interior:not(#rm):not(#rn):not(#ro) main #reperes .stat__note{margin-top:12px;color:#fff;font-family:var(--rm-text);font-size:clamp(14px,.94vw,18px);line-height:1.28}

/* Roux Academy en bas des pages intérieures : bande grise (le pied de page est noir) */
body.hub-interior:not(#rm):not(#rn):not(#ro) #academy{margin:clamp(20px,2vw,40px) var(--rm-gap) clamp(40px,4.2vw,80px);background:var(--rm-band);color:var(--rm-ink)}
body.hub-interior:not(#rm):not(#rn):not(#ro) #academy :is(h2,.rm-texte>p,.rm-point h3){color:var(--rm-ink)}
body.hub-interior:not(#rm):not(#rn):not(#ro) #academy .rm-point{border-top-color:#1010103d}
body.hub-interior:not(#rm):not(#rn):not(#ro) #academy .rm-point p{color:#101010c7}
body.hub-interior:not(#rm):not(#rn):not(#ro) #academy .rm-btn-plein:is(:hover,:focus-visible){background:var(--rm-ink);border-color:var(--rm-ink);color:#fff}
body.hub-interior:not(#rm):not(#rn):not(#ro) #academy .rm-actions .rm-btn-ligne{background:transparent;border-color:var(--rm-ink);color:var(--rm-ink)}
body.hub-interior:not(#rm):not(#rn):not(#ro) #academy .rm-actions .rm-btn-ligne:is(:hover,:focus-visible){background:var(--rm-ink);color:#fff}

/* Nos métiers : liste des domaines sans bande, numéros et libellés orange, photos à la forme du logo */
body.hub-interior:not(#rm):not(#rn):not(#ro).page-id-6 #domaines{margin:0;background:transparent}
body.hub-interior:not(#rm):not(#rn):not(#ro).page-id-6 #domaines>.container{width:calc(100% - 2*var(--rm-gap));max-width:1477px}
body.hub-interior:not(#rm):not(#rn):not(#ro) main .chapter__number{color:var(--rm-orange);font-family:var(--rm-display);font-weight:800;letter-spacing:0}
body.hub-interior:not(#rm):not(#rn):not(#ro) main .chapter__meta li>span:first-child{color:var(--rm-orange)}
body.hub-interior:not(#rm):not(#rn):not(#ro) main .chapter__body .image-placeholder{--k:clamp(110px,8vw,150px);clip-path:polygon(0 0,calc(100% - var(--k)*0.3384) 0,calc(100% - var(--k)*0.3014) calc(var(--k)*0.0028),calc(100% - var(--k)*0.2657) calc(var(--k)*0.011),calc(100% - var(--k)*0.2317) calc(var(--k)*0.0244),calc(100% - var(--k)*0.2) calc(var(--k)*0.0428),calc(100% - var(--k)*0.171) calc(var(--k)*0.066),100% calc(var(--k)*0.2255),100% 100%,calc(var(--k)*0.3384) 100%,calc(var(--k)*0.3014) calc(100% - var(--k)*0.0028),calc(var(--k)*0.2657) calc(100% - var(--k)*0.011),calc(var(--k)*0.2317) calc(100% - var(--k)*0.0244),calc(var(--k)*0.2) calc(100% - var(--k)*0.0428),calc(var(--k)*0.171) calc(100% - var(--k)*0.066),0 calc(100% - var(--k)*0.2255));border:0;border-radius:10px;box-shadow:none}

/* Témoignages : pas de photo de la personne, une initiale comme pour la direction */
body.hub-interior:not(#rm):not(#rn):not(#ro).page-id-8 .card.portrait .image-placeholder{display:flex;align-items:center;justify-content:center;background:var(--rm-ink)}
body.hub-interior:not(#rm):not(#rn):not(#ro).page-id-8 .card.portrait .image-placeholder::before{content:var(--rm-initiale);color:var(--rm-orange);font-family:var(--rm-display);font-weight:800;font-size:clamp(64px,5.4vw,104px);line-height:1}
body.hub-interior:not(#rm):not(#rn):not(#ro).page-id-8 [data-id="cc71d4de"]{--rm-initiale:"L"}
body.hub-interior:not(#rm):not(#rn):not(#ro).page-id-8 [data-id="0ee14ef8"]{--rm-initiale:"N"}
body.hub-interior:not(#rm):not(#rn):not(#ro).page-id-8 [data-id="142d71ba"]{--rm-initiale:"M"}
body.hub-interior:not(#rm):not(#rn):not(#ro).page-id-8 [data-id="1b17063d"]{--rm-initiale:"I"}
body.hub-interior:not(#rm):not(#rn):not(#ro).page-id-8 [data-id="4910e122"]{--rm-initiale:"S"}
body.hub-interior:not(#rm):not(#rn):not(#ro).page-id-8 [data-id="f2e31f06"]{--rm-initiale:"J"}
/* Témoignages : Guilhem et Franck, vrais salariés de Reynard, donc vraies photos */
body.hub-interior:not(#rm):not(#rn):not(#ro).page-id-8 #reynard .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
body.hub-interior:not(#rm):not(#rn):not(#ro).page-id-8 #reynard .card.portrait .image-placeholder{aspect-ratio:4/3;background-color:#3a3a3a;background-position:center;background-size:cover;background-repeat:no-repeat}
body.hub-interior:not(#rm):not(#rn):not(#ro).page-id-8 #reynard .card.portrait .image-placeholder::before{content:none}
body.hub-interior:not(#rm):not(#rn):not(#ro).page-id-8 #reynard .card.portrait [data-id="18e5210f"]{background-image:url(_assets/assets/hub/guilhem.webp)}
body.hub-interior:not(#rm):not(#rn):not(#ro).page-id-8 #reynard .card.portrait [data-id="7fe2903e"]{background-image:url(_assets/assets/hub/franck.webp)}
@media(max-width:760px){body.hub-interior:not(#rm):not(#rn):not(#ro).page-id-8 #reynard .grid{grid-template-columns:minmax(0,1fr)}}

/* Réalisations : pas de photo vide, chaque projet devient une carte grise */
body.hub-interior:not(#rm):not(#rn):not(#ro) main .project .image-placeholder{display:none}
body.hub-interior:not(#rm):not(#rn):not(#ro) main .project{display:block;padding:clamp(26px,2.4vw,46px);border:0;border-radius:10px;background:var(--rm-band);box-shadow:none}
body.hub-interior:not(#rm):not(#rn):not(#ro) main .project .project__body{padding:0}
body.hub-interior:not(#rm):not(#rn):not(#ro) main .project__meta,body.hub-interior:not(#rm):not(#rn):not(#ro) main .project__meta *{color:var(--rm-orange)}
body.hub-interior:not(#rm):not(#rn):not(#ro) main .project h3{color:var(--rm-ink);font-family:var(--rm-display);font-weight:700}
body.hub-interior:not(#rm):not(#rn):not(#ro) main .project__companies li>div{border-radius:8px;background:#fff}
body.hub-interior:not(#rm):not(#rn):not(#ro) main .project--featured .project__body{display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(30px,4vw,76px);align-items:start}
body.hub-interior:not(#rm):not(#rn):not(#ro) main .project--featured .project__body>:not(ul){grid-column:1}
body.hub-interior:not(#rm):not(#rn):not(#ro) main .project--featured .project__companies{grid-column:2;grid-row:1/span 3;margin:0}
body.hub-interior:not(#rm):not(#rn):not(#ro) main .projects{gap:clamp(12px,1.2vw,23px)}

/* Formulaires : champs et bouton comme le reste du site */
body.hub-interior:not(#rm):not(#rn):not(#ro) main .elementor-form :is(.elementor-field-textual,select.elementor-field,textarea.elementor-field){border:1px solid #2b2b2b4d;border-radius:10px;background:#fff;color:var(--rm-ink)}
body.hub-interior:not(#rm):not(#rn):not(#ro) main .elementor-form :is(.elementor-field-textual,select.elementor-field,textarea.elementor-field):focus{border-color:var(--rm-orange);outline:2px solid #ff7a0033;outline-offset:0}
body.hub-interior:not(#rm):not(#rn):not(#ro) main .elementor-form .elementor-select-wrapper{border-radius:10px}
body.hub-interior:not(#rm):not(#rn):not(#ro) main .elementor-form .elementor-upload-field{padding:10px;border:1px dashed #2b2b2b66;border-radius:10px;background:var(--rm-band);color:var(--rm-ink)}
body.hub-interior:not(#rm):not(#rn):not(#ro) main .elementor-form .elementor-upload-field::file-selector-button{margin-right:14px;padding:9px 16px;border:0;border-radius:8px;background:var(--rm-ink);color:#fff;font-family:var(--rm-display);font-weight:700;font-size:13px;cursor:pointer}
body.hub-interior:not(#rm):not(#rn):not(#ro) main .elementor-form .elementor-acceptance-field{accent-color:var(--rm-orange)}
body.hub-interior:not(#rm):not(#rn):not(#ro) main .elementor-form .elementor-button{min-height:50px;border-radius:10px;background:var(--rm-orange);color:#fff;font-family:var(--rm-display);font-weight:700;transition:background-color .2s ease}
body.hub-interior:not(#rm):not(#rn):not(#ro) main .elementor-form .elementor-button:is(:hover,:focus-visible){background:var(--rm-ink)}

/* Pages légales : texte sur fond blanc, titres moins grands */
body.hub-interior:not(#rm):not(#rn):not(#ro) main .section--paper:has(.with-toc){margin:0;background:transparent}
body.hub-interior:not(#rm):not(#rn):not(#ro) main .section--paper:has(.with-toc)>.container{width:calc(100% - 2*var(--rm-gap));max-width:1300px}
body.hub-interior:not(#rm):not(#rn):not(#ro) main .prose h2{background:transparent;font-size:clamp(22px,1.6vw,30px);line-height:1.2}
body.hub-interior:not(#rm):not(#rn):not(#ro) .draft-banner{margin-bottom:clamp(12px,1vw,20px);border-radius:10px}
body.hub-interior:not(#rm):not(#rn):not(#ro) .draft-banner:not(:has(*)){display:none}

@media (max-width:1100px){
 body.hub-interior:not(#rm):not(#rn):not(#ro){--rm-gap:12px}
 body.hub-interior:not(#rm):not(#rn):not(#ro) .hero--cover{--k:clamp(90px,24vw,160px);min-height:clamp(420px,110vw,560px);padding:120px 0 44px}
 body.hub-interior:not(#rm):not(#rn):not(#ro) :is(.hero--simple,main .section--paper,main :is(#engagements,.section--accent:not(#reperes)),main #reperes)>.container{width:calc(100% - 40px)}
 body.hub-interior:not(#rm):not(#rn):not(#ro) main .section>.container{width:calc(100% - 40px)}
 body.hub-interior:not(#rm):not(#rn):not(#ro) main .values{grid-template-columns:1fr}
 body.hub-interior:not(#rm):not(#rn):not(#ro) main .section-actions .button{width:100%}
 body.hub-interior:not(#rm):not(#rn):not(#ro) #academy{margin:12px 12px 40px}
 body.hub-interior:not(#rm):not(#rn):not(#ro) .hero--cover h1{font-size:clamp(25px,7.2vw,32px)}
 body.hub-interior:not(#rm):not(#rn):not(#ro) main .project--featured .project__body{display:block}
}
/* <<< pages-interieures */

/* >>> temoins */
/* Guilhem et Franck repris en bloc court sur les autres pages ; la fiche d'offre ne le montre que pour Reynard */
body.hub-xd:not(#rm):not(#rn):not(#ro):not(#rp) .rm-photo-guilhem{background-image:url(_assets/assets/hub/guilhem.webp)!important}
body.hub-xd:not(#rm):not(#rn):not(#ro):not(#rp) .rm-photo-franck{background-image:url(_assets/assets/hub/franck.webp)!important}
body.hub-xd:not(#rm):not(#rn):not(#ro):not(#rp) :is(.rm-photo-guilhem,.rm-photo-franck){background-color:#3a3a3a;background-position:center;background-size:cover;background-repeat:no-repeat}
body.hub-xd:not(#rm):not(#rn):not(#ro):not(#rp) .rm-photo-guilhem{background-position:82% center}
body.hub-xd:not(#rm):not(#rn):not(#ro):not(#rp) .rm-photo-franck{background-position:62% center}
body.hub-xd:not(#rm):not(#rn):not(#ro):not(#rp) :is(.rm-photo-guilhem,.rm-photo-franck)::before{content:none}
body.hub-xd:not(#rm):not(#rn):not(#ro):not(#rp) :is(.rm-photo-guilhem,.rm-photo-franck)>*{display:none}
body.hub-xd:not(#rm):not(#rn):not(#ro):not(#rp) .rm-temoins .grid,body.hub-xd:not(#rm):not(#rn):not(#ro):not(#rp) .grid.rm-temoins{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,1.8vw,30px);filter:drop-shadow(0 1px 4px #00000024)}
body.hub-xd:not(#rm):not(#rn):not(#ro):not(#rp) .rm-temoins .card.portrait{--k:clamp(96px,6.6vw,128px);clip-path:polygon(0 0,calc(100% - var(--k)*0.3384) 0,calc(100% - var(--k)*0.3014) calc(var(--k)*0.0028),calc(100% - var(--k)*0.2657) calc(var(--k)*0.011),calc(100% - var(--k)*0.2317) calc(var(--k)*0.0244),calc(100% - var(--k)*0.2) calc(var(--k)*0.0428),calc(100% - var(--k)*0.171) calc(var(--k)*0.066),100% calc(var(--k)*0.2255),100% 100%,calc(var(--k)*0.3384) 100%,calc(var(--k)*0.3014) calc(100% - var(--k)*0.0028),calc(var(--k)*0.2657) calc(100% - var(--k)*0.011),calc(var(--k)*0.2317) calc(100% - var(--k)*0.0244),calc(var(--k)*0.2) calc(100% - var(--k)*0.0428),calc(var(--k)*0.171) calc(100% - var(--k)*0.066),0 calc(100% - var(--k)*0.2255));display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-rows:auto auto 1fr auto;column-gap:clamp(18px,1.6vw,28px);align-content:start;margin:0;padding:clamp(18px,1.4vw,26px);border:0;border-radius:10px;background:#fff;box-shadow:none}
body.hub-xd:not(#rm):not(#rn):not(#ro):not(#rp) .rm-temoins .card.portrait>*{grid-column:2;min-width:0}
body.hub-xd:not(#rm):not(#rn):not(#ro):not(#rp) .rm-temoins .card.portrait>.image-placeholder{grid-column:1;grid-row:1/-1;width:100%;height:100%;min-height:clamp(240px,20vw,330px);aspect-ratio:auto;margin:0;border:0;border-radius:10px;box-shadow:none}
body.hub-xd:not(#rm):not(#rn):not(#ro):not(#rp) .rm-temoins .card.portrait>:is(h2,h3,h4){margin:0 0 10px;color:var(--rm-ink);font-family:var(--rm-text);font-weight:500;font-size:clamp(14px,.9vw,16px);line-height:1.3}
body.hub-xd:not(#rm):not(#rn):not(#ro):not(#rp) .rm-temoins .portrait__who{display:flex;flex-direction:column;gap:4px;margin:0;color:var(--rm-ink);font-family:var(--rm-display);font-weight:700;font-size:clamp(18px,1.2vw,23px);line-height:1.22}
body.hub-xd:not(#rm):not(#rn):not(#ro):not(#rp) .rm-temoins .portrait__who small,body.hub-xd:not(#rm):not(#rn):not(#ro):not(#rp) .rm-temoins .portrait__who small span{color:var(--rm-role,var(--rm-orange));font-family:var(--rm-text);font-weight:400;font-size:clamp(14px,.88vw,16px);line-height:1.28;text-transform:none;letter-spacing:0}
body.hub-xd:not(#rm):not(#rn):not(#ro):not(#rp) .rm-temoins .card.portrait>p:not(.portrait__who){margin:12px 0 0;color:#1d1d1d;font-family:var(--rm-text);font-weight:400;font-size:clamp(15px,.94vw,17px);line-height:1.5}
body.hub-xd:not(#rm):not(#rn):not(#ro):not(#rp) .rm-temoins .card.portrait>.actions{margin:0;padding-top:16px}
body.hub-xd:not(#rm):not(#rn):not(#ro):not(#rp) .rm-temoins .card.portrait .button{min-height:42px;border:1px solid #2b2b2b;border-radius:10px;background:#fff;color:#2b2b2b}
body.hub-xd:not(#rm):not(#rn):not(#ro):not(#rp) .rm-temoins .card.portrait .button span{color:inherit;font-family:var(--rm-text);font-weight:500;font-size:15px}
body.hub-xd:not(#rm):not(#rn):not(#ro):not(#rp) .rm-temoins .card.portrait .button:is(:hover,:focus-visible){background:var(--rm-ink);color:#fff}
body.hub-xd:not(#rm):not(#rn):not(#ro):not(#rp) .grid.rm-temoins--chapitre{margin-top:clamp(20px,2vw,32px)}
body.hub-xd:not(#rm):not(#rn):not(#ro):not(#rp) .rm-temoins--chapitre .card.portrait{grid-template-columns:minmax(0,1fr);grid-template-rows:none}
body.hub-xd:not(#rm):not(#rn):not(#ro):not(#rp) .rm-temoins--chapitre .card.portrait>*{grid-column:1}
body.hub-xd:not(#rm):not(#rn):not(#ro):not(#rp) .rm-temoins--chapitre .card.portrait>.image-placeholder{grid-row:auto;height:auto;min-height:0;aspect-ratio:4/3;margin-bottom:16px}
body.hub-detail:not(.rm-entreprise-reynard):not(#rm):not(#rn):not(#ro) .rm-temoins--fiche{display:none}
body.hub-home:not(#rm):not(#rn):not(#ro):not(#rp) #parcours .rm-temoins-accueil{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:clamp(18px,1.8vw,30px)}
body.hub-home:not(#rm):not(#rn):not(#ro):not(#rp) #parcours .rm-temoins-accueil .image-placeholder{aspect-ratio:16/10}
@media(max-width:1100px){body.hub-xd:not(#rm):not(#rn):not(#ro):not(#rp) .rm-temoins .card.portrait{grid-template-columns:minmax(0,1fr);grid-template-rows:none}body.hub-xd:not(#rm):not(#rn):not(#ro):not(#rp) .rm-temoins .card.portrait>*{grid-column:1}body.hub-xd:not(#rm):not(#rn):not(#ro):not(#rp) .rm-temoins .card.portrait>.image-placeholder{grid-row:auto;height:auto;min-height:0;aspect-ratio:4/3;margin-bottom:16px}}
@media(max-width:760px){body.hub-xd:not(#rm):not(#rn):not(#ro):not(#rp) .rm-temoins .grid,body.hub-xd:not(#rm):not(#rn):not(#ro):not(#rp) .grid.rm-temoins{grid-template-columns:minmax(0,1fr)}body.hub-home:not(#rm):not(#rn):not(#ro):not(#rp) #parcours .rm-temoins-accueil{grid-template-columns:minmax(0,1fr)}}
/* <<< temoins */

/* Logo Roux School, carte « Former et transmettre » de Nos valeurs */
body.hub-interior:not(#rm):not(#rn):not(#ro) main .card--paper .roux-school-logo{display:block;margin-top:auto;align-self:flex-end;width:clamp(72px,5.6vw,96px);height:auto;padding-top:10px}

/* === Retours du 06/11 : Accueil, Nos valeurs, Offres === */
/* Boutons contour centrés (Votre domaine, Le groupe) */
body.hub-xd:not(#rm):not(#rn):not(#ro) .rm-actions-centre{display:flex;justify-content:center;margin:clamp(36px,3.2vw,60px) 0 0}
body.hub-xd:not(#rm):not(#rn):not(#ro) .rm-actions-centre .rm-btn-contour{display:inline-flex;align-items:center;justify-content:center;min-width:min(347px,100%);min-height:50px;padding:0 28px;border:2px solid #0f0f0f;border-radius:10px;background:transparent;color:#0f0f0f;text-decoration:none;box-shadow:none;transition:background-color .2s ease,color .2s ease}
body.hub-xd:not(#rm):not(#rn):not(#ro) .rm-actions-centre .rm-btn-contour span{color:inherit;font-family:var(--rm-display);font-weight:700;font-size:clamp(15px,.95vw,18px);line-height:1.2}
body.hub-xd:not(#rm):not(#rn):not(#ro) .rm-actions-centre .rm-btn-contour:is(:hover,:focus-visible){background:#0f0f0f;color:#fff}

/* Profils réels dans un bloc blanc, comme les portraits */
body.hub-home:not(#rm):not(#rn):not(#ro) #parcours .rm-temoins-accueil{filter:drop-shadow(0 1px 4px #00000024)}

/* Logos Roux Academy et Roux School posés sur l'image */
body.hub-xd:not(#rm):not(#rn):not(#ro) :is(#academy,#ecoles) .rm-media{position:relative}
body.hub-xd:not(#rm):not(#rn):not(#ro) :is(#academy,#ecoles) .rm-media .rm-logo-sur-image{position:absolute;top:clamp(16px,1.6vw,28px);left:clamp(16px,1.6vw,28px);width:clamp(84px,8vw,136px);height:auto;max-width:none;margin:0;border-radius:8px;box-shadow:0 6px 18px #00000047}

/* Barre de critères sur fond noir */
body.hub-home:not(#rm):not(#rn):not(#ro) #recrutement .search-block{background:#111;box-shadow:none}
body.hub-home:not(#rm):not(#rn):not(#ro) #recrutement .search-block label{color:#fff}
body.hub-home:not(#rm):not(#rn):not(#ro) #recrutement .search-block :is(input,select){border-color:#fff}
body.hub-home:not(#rm):not(#rn):not(#ro) #recrutement .search-block .button{background:var(--rm-orange);border-color:var(--rm-orange);color:#fff}
body.hub-home:not(#rm):not(#rn):not(#ro) #recrutement .search-block .button:is(:hover,:focus-visible){background:#fff;border-color:#fff;color:#111}
body.hub-home:not(#rm):not(#rn):not(#ro) #recrutement .search-block .hub-filter-actions .button--secondary{background:transparent;border-color:#fff;color:#fff}
body.hub-home:not(#rm):not(#rn):not(#ro) #recrutement .search-block .hub-filter-actions .button--secondary:is(:hover,:focus-visible){background:#fff;border-color:#fff;color:#111}
body.hub-home:not(#rm):not(#rn):not(#ro) #recrutement .search-block .button *{color:inherit}
body.hub-home:not(#rm):not(#rn):not(#ro) #recrutement .search-block__foot{color:#bdbdbd}
body.hub-home:not(#rm):not(#rn):not(#ro) #recrutement .search-block__foot .text-link{color:#fff}

/* Frise : apparition au défilement (classe rm-anim posée par le script du pied de page) */
html.rm-anim body.hub-xd:not(#rm):not(#rn):not(#ro) .timeline li{z-index:1;opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1)}
html.rm-anim body.hub-xd:not(#rm):not(#rn):not(#ro) .timeline li::before{transform:scale(0);transition:transform .45s cubic-bezier(.3,1.6,.5,1)}
html.rm-anim body.hub-xd:not(#rm):not(#rn):not(#ro) .timeline.is-vu li{opacity:1;transform:none}
html.rm-anim body.hub-xd:not(#rm):not(#rn):not(#ro) .timeline.is-vu li::before{transform:scale(1)}
html.rm-anim body.hub-xd:not(#rm):not(#rn):not(#ro) .timeline li:nth-child(2),html.rm-anim body.hub-xd:not(#rm):not(#rn):not(#ro) .timeline li:nth-child(2)::before{transition-delay:.2s}
html.rm-anim body.hub-xd:not(#rm):not(#rn):not(#ro) .timeline li:nth-child(3),html.rm-anim body.hub-xd:not(#rm):not(#rn):not(#ro) .timeline li:nth-child(3)::before{transition-delay:.4s}
html.rm-anim body.hub-xd:not(#rm):not(#rn):not(#ro) .timeline li:nth-child(4),html.rm-anim body.hub-xd:not(#rm):not(#rn):not(#ro) .timeline li:nth-child(4)::before{transition-delay:.6s}
html.rm-anim body.hub-xd:not(#rm):not(#rn):not(#ro) .timeline li:nth-child(5),html.rm-anim body.hub-xd:not(#rm):not(#rn):not(#ro) .timeline li:nth-child(5)::before{transition-delay:.8s}
html.rm-anim body.hub-xd:not(#rm):not(#rn):not(#ro) .timeline li:nth-child(6),html.rm-anim body.hub-xd:not(#rm):not(#rn):not(#ro) .timeline li:nth-child(6)::before{transition-delay:1s}
@container (min-width:1081px){
 html.rm-anim body.hub-home:not(#rm):not(#rn):not(#ro) .timeline::after{content:"";position:absolute;z-index:0;left:0;right:0;top:0;height:3px;background:var(--rm-orange);transform:scaleX(0);transform-origin:left center;transition:transform 1.5s cubic-bezier(.4,0,.2,1)}
 html.rm-anim body.hub-home:not(#rm):not(#rn):not(#ro) .timeline.is-vu::after{transform:scaleX(1)}
}

/* Nos valeurs : la direction, Philippe Roux au-dessus des six entreprises */
body.hub-interior:not(#rm):not(#rn):not(#ro) #direction .rm-dir{display:grid;gap:clamp(40px,4vw,64px);margin-top:clamp(32px,3vw,52px)}
body.hub-interior:not(#rm):not(#rn):not(#ro) #direction .rm-dir-tete{position:relative;display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr);align-items:center;gap:clamp(24px,3.4vw,64px);width:min(860px,100%);margin:0 auto;padding:clamp(26px,3vw,48px) clamp(24px,3.4vw,56px);border-radius:10px;background:#111;color:#fff}
body.hub-interior:not(#rm):not(#rn):not(#ro) #direction .rm-dir-tete::after{content:"";position:absolute;left:50%;top:100%;width:2px;height:clamp(40px,4vw,64px);background:#d6d6d2}
body.hub-interior:not(#rm):not(#rn):not(#ro) #direction .rm-dir-logo-cadre{display:flex;align-items:center;justify-content:flex-start;height:clamp(48px,4vw,64px)}
body.hub-interior:not(#rm):not(#rn):not(#ro) #direction .rm-dir-tete .rm-dir-logo-cadre{justify-content:center;width:clamp(200px,18vw,280px);height:auto;padding:22px 26px;border-radius:8px;background:#fff}
body.hub-interior:not(#rm):not(#rn):not(#ro) #direction .rm-dir-logo{display:block;width:auto;max-width:100%;height:100%;max-height:clamp(48px,4vw,64px);object-fit:contain;object-position:left center}
body.hub-interior:not(#rm):not(#rn):not(#ro) #direction .rm-dir-tete .rm-dir-logo{width:100%;height:auto;max-height:none;object-position:center}
body.hub-interior:not(#rm):not(#rn):not(#ro) #direction .rm-dir-texte{display:grid;gap:6px}
body.hub-interior:not(#rm):not(#rn):not(#ro) #direction .rm-dir-nom{display:block;margin:0;color:var(--rm-ink);font-family:var(--rm-display);font-weight:700;font-size:clamp(19px,1.35vw,24px);line-height:1.2}
body.hub-interior:not(#rm):not(#rn):not(#ro) #direction .rm-dir-tete .rm-dir-nom{color:#fff;font-size:clamp(26px,2.2vw,40px)}
body.hub-interior:not(#rm):not(#rn):not(#ro) #direction .rm-dir-nom--attente{color:#8a8a8a;font-weight:500;font-style:italic}
body.hub-interior:not(#rm):not(#rn):not(#ro) #direction .rm-dir-role{display:block;margin:0;color:#6b6b6b;font-family:var(--rm-text);font-size:clamp(14px,.95vw,16px);line-height:1.4}
body.hub-interior:not(#rm):not(#rn):not(#ro) #direction .rm-dir-tete .rm-dir-role{color:#cfcfcf}
body.hub-interior:not(#rm):not(#rn):not(#ro) #direction .rm-dir-mots{margin:10px 0 0;color:var(--rm-ink);font-family:var(--rm-display);font-weight:500;font-size:clamp(16px,1.1vw,19px);line-height:1.35}
body.hub-interior:not(#rm):not(#rn):not(#ro) #direction .rm-dir-mots::before{content:"« "}
body.hub-interior:not(#rm):not(#rn):not(#ro) #direction .rm-dir-mots::after{content:" »"}
body.hub-interior:not(#rm):not(#rn):not(#ro) #direction .rm-dir-tete .rm-dir-mots{margin-top:14px;color:var(--rm-orange);font-size:clamp(18px,1.4vw,24px)}
body.hub-interior:not(#rm):not(#rn):not(#ro) #direction .rm-dir-grille{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2vw,32px);margin:0;padding:0;list-style:none;filter:drop-shadow(0 1px 4px #00000024)}
body.hub-interior:not(#rm):not(#rn):not(#ro) #direction .rm-dir-carte{display:flex;flex-direction:column;gap:6px;margin:0;padding:clamp(22px,2vw,34px);border-radius:10px;background:#fff}
body.hub-interior:not(#rm):not(#rn):not(#ro) #direction .rm-dir-carte .rm-dir-logo-cadre{margin-bottom:14px}
@media (max-width:1024px){body.hub-interior:not(#rm):not(#rn):not(#ro) #direction .rm-dir-grille{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){
 body.hub-interior:not(#rm):not(#rn):not(#ro) #direction .rm-dir-tete{grid-template-columns:1fr;justify-items:start}
 body.hub-interior:not(#rm):not(#rn):not(#ro) #direction .rm-dir-grille{grid-template-columns:1fr}
}

/* Nos valeurs : organisation en quatre niveaux reliés */
body.hub-interior:not(#rm):not(#rn):not(#ro) #organisation .rm-org{position:relative;display:grid;gap:14px;margin:0;padding:0;list-style:none}
body.hub-interior:not(#rm):not(#rn):not(#ro) #organisation .rm-org::before{content:"";position:absolute;left:25px;top:30px;bottom:30px;width:2px;background:#d6d6d2}
body.hub-interior:not(#rm):not(#rn):not(#ro) #organisation .rm-org-niveau{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr);align-items:start;gap:clamp(16px,1.6vw,26px);margin:0;padding:0;border:0;background:none}
body.hub-interior:not(#rm):not(#rn):not(#ro) #organisation .rm-org-num{position:relative;z-index:1;display:grid;place-items:center;width:52px;height:52px;margin-top:8px;border-radius:50%;background:#fff;border:2px solid #111;color:#111;font-family:var(--rm-display);font-weight:700;font-size:20px;line-height:1}
body.hub-interior:not(#rm):not(#rn):not(#ro) #organisation .rm-org-niveau:first-child .rm-org-num{background:var(--rm-orange);border-color:var(--rm-orange);color:#fff}
body.hub-interior:not(#rm):not(#rn):not(#ro) #organisation .rm-org-texte{display:grid;gap:4px;padding:clamp(16px,1.4vw,22px) clamp(18px,1.6vw,26px);border-radius:10px;background:#fff;box-shadow:0 1px 4px #00000024}
body.hub-interior:not(#rm):not(#rn):not(#ro) #organisation .rm-org-niveau:first-child .rm-org-texte{background:#111}
body.hub-interior:not(#rm):not(#rn):not(#ro) #organisation .rm-org-titre{display:block;color:var(--rm-ink);font-family:var(--rm-display);font-weight:700;font-size:clamp(16px,1.1vw,20px);line-height:1.25}
body.hub-interior:not(#rm):not(#rn):not(#ro) #organisation .rm-org-sous{display:block;color:#6b6b6b;font-family:var(--rm-text);font-size:clamp(14px,.9vw,16px);line-height:1.4}
body.hub-interior:not(#rm):not(#rn):not(#ro) #organisation .rm-org-niveau:first-child :is(.rm-org-titre,.rm-org-sous){color:#fff}
body.hub-interior:not(#rm):not(#rn):not(#ro) #organisation .rm-org-logos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 18px;align-items:center;margin-top:14px;padding-top:14px;border-top:1px solid #e6e6e6}
body.hub-interior:not(#rm):not(#rn):not(#ro) #organisation .rm-org-logo{display:block;width:100%;max-width:120px;height:34px;object-fit:contain;object-position:left center}

/* Nos valeurs : repères historiques à la verticale */
body.hub-interior:not(#rm):not(#rn):not(#ro) #histoire .timeline{--an:clamp(120px,11.5vw,190px);--g:clamp(40px,4.4vw,72px);display:grid;grid-template-columns:minmax(0,1fr);gap:0;width:min(920px,100%);margin:clamp(28px,3vw,48px) auto 0}
body.hub-interior:not(#rm):not(#rn):not(#ro) #histoire .timeline::before{display:block;left:calc(var(--an) + var(--g)/2 - 1.5px);right:auto;top:10px;bottom:10px;width:3px;height:auto;background:#d6d6d2}
body.hub-interior:not(#rm):not(#rn):not(#ro) #histoire .timeline li{display:grid;grid-template-columns:var(--an) minmax(0,1fr);column-gap:var(--g);align-content:start;padding:0 0 clamp(30px,3vw,46px);border:0}
body.hub-interior:not(#rm):not(#rn):not(#ro) #histoire .timeline li:last-child{padding-bottom:0}
body.hub-interior:not(#rm):not(#rn):not(#ro) #histoire .timeline li::before{left:calc(var(--an) + var(--g)/2 - 8px);top:10px;width:16px;height:16px;border-radius:50%;background:var(--rm-orange)}
body.hub-interior:not(#rm):not(#rn):not(#ro) #histoire .timeline__year{grid-column:1;grid-row:1/span 2;text-align:right;font-size:clamp(30px,2.8vw,44px);line-height:1}
body.hub-interior:not(#rm):not(#rn):not(#ro) #histoire .timeline__label{grid-column:2;margin-top:4px;font-size:clamp(17px,1.2vw,21px)}
body.hub-interior:not(#rm):not(#rn):not(#ro) #histoire .timeline__note{grid-column:2;max-width:56ch}
html.rm-anim body.hub-interior:not(#rm):not(#rn):not(#ro) #histoire .timeline::after{content:"";position:absolute;z-index:0;left:calc(var(--an) + var(--g)/2 - 1.5px);top:10px;bottom:10px;width:3px;background:var(--rm-orange);transform:scaleY(0);transform-origin:center top;transition:transform 1.6s cubic-bezier(.4,0,.2,1)}
html.rm-anim body.hub-interior:not(#rm):not(#rn):not(#ro) #histoire .timeline.is-vu::after{transform:scaleY(1)}
@media (max-width:600px){body.hub-interior:not(#rm):not(#rn):not(#ro) #histoire .timeline{--an:104px;--g:30px}body.hub-interior:not(#rm):not(#rn):not(#ro) #histoire .timeline__year{font-size:26px}}

/* Offres : carte Roux Academy fixe en cinquième position */
body.hub-xd:not(#rm):not(#rn) .rm-offre-academy{display:flex;flex-direction:column;align-items:flex-start;gap:12px;width:min(420px,100%);margin:28px 0 0;padding:clamp(26px,2.2vw,38px);border-radius:10px;background:#111;color:#fff}
body.hub-xd:not(#rm):not(#rn) .rm-offre-academy.is-place{width:auto;margin:0}
body.hub-xd:not(#rm):not(#rn) .rm-offre-academy .rm-offre-academy-logo{display:block;width:88px;height:auto;margin:0 0 10px;border-radius:8px}
body.hub-xd:not(#rm):not(#rn) .rm-offre-academy .rm-offre-academy-surtitre{color:var(--rm-orange);font-family:var(--rm-display);font-weight:700;font-size:14px;letter-spacing:.04em;text-transform:uppercase}
body.hub-xd:not(#rm):not(#rn) .rm-offre-academy .rm-offre-academy-titre{margin:0;color:#fff;font-family:var(--rm-display);font-weight:700;font-size:clamp(21px,1.5vw,27px);line-height:1.2;letter-spacing:0}
body.hub-xd:not(#rm):not(#rn) .rm-offre-academy .rm-offre-academy-texte{margin:0;color:#d7d7d7;font-family:var(--rm-text);font-size:clamp(15px,1vw,17px);line-height:1.5}
body.hub-xd:not(#rm):not(#rn) .rm-offre-academy .rm-offre-academy-bouton{display:inline-flex;align-items:center;justify-content:center;min-height:50px;margin-top:auto;padding:0 24px;border:0;border-radius:10px;background:var(--rm-orange);color:#fff;text-decoration:none;transition:background-color .2s ease,color .2s ease}
body.hub-xd:not(#rm):not(#rn) .rm-offre-academy .rm-offre-academy-bouton span{color:inherit;font-family:var(--rm-display);font-weight:700;font-size:clamp(15px,.95vw,17px)}
body.hub-xd:not(#rm):not(#rn) .rm-offre-academy .rm-offre-academy-bouton:is(:hover,:focus-visible){background:#fff;color:#111}
body.hub-xd:not(#rm):not(#rn) .rm-offre-academy .rm-offre-academy-texte{margin-bottom:12px}
@media (prefers-reduced-motion:reduce){body.hub-xd .rm-actions-centre .rm-btn-contour,body.hub-xd .rm-offre-academy-bouton{transition:none}}