/* Variante Accueil « boss » — feuille strictement réservée au fichier index.html.
 * AUCUNE modification des composants communs, des pages internes ni du footer.
 * Mise en page de l'accueil avec les photos, projets et URL du site. */

body.home-boss { color: #0b2545; background: #fff; }
body.home-boss .boss-hero, body.home-boss .boss-section, body.home-boss .boss-about { position: relative; }
body.home-boss .boss-hero { color: #fff; isolation: isolate; overflow: hidden; min-height: 485px; background: #071b32; }
body.home-boss .boss-hero__background { position: absolute; z-index: -1; inset: 0; background-size: cover; background-position: center center; }
body.home-boss .boss-hero__inner { min-height: 485px; display: grid; grid-template-columns: minmax(0, 1fr) 282px; gap: clamp(38px, 6vw, 100px); align-items: center; padding-block: 58px 64px; }
body.home-boss .boss-hero__copy { max-width: 750px; }
body.home-boss .boss-eyebrow { margin: 0 0 16px; font-size: .73rem; font-weight: 850; letter-spacing: .15em; text-transform: uppercase; }
body.home-boss .boss-eyebrow--light { color: #ffd0ab; }
body.home-boss .boss-hero h1 { color: #fff; max-width: 770px; margin: 0; font-weight: 850; font-size: clamp(2.55rem, 4vw, 4.05rem); letter-spacing: -.052em; line-height: 1.055; text-wrap: balance; }
body.home-boss .boss-hero__copy > p:not(.boss-eyebrow) { max-width: 680px; margin: 20px 0 0; color: #e0eaf3; font-size: clamp(.96rem, 1.15vw, 1.1rem); line-height: 1.66; }
body.home-boss .boss-hero__actions { display: flex; flex-wrap: wrap; gap: 13px; margin-top: 26px; }
body.home-boss .boss-hero__actions .btn { display: inline-flex; align-items: center; gap: 11px; min-height: 47px; border-radius: 9px; }
body.home-boss .boss-hero__actions .btn svg { width: 18px; height: 18px; }
body.home-boss .boss-hero__actions .btn--ghost { color: #fff; background: rgb(4 23 44 / 35%); border-color: rgb(255 255 255 / 58%); }
body.home-boss .boss-hero__actions .btn--ghost:hover { background: rgb(255 255 255 / 13%); }

/* About — texte à gauche, visuel + cartes de données réelles à droite. */
body.home-boss .boss-about { padding-block: 42px; background: #f7fafc; }
body.home-boss .boss-about__grid { display: grid; grid-template-columns: minmax(0, .87fr) minmax(0, 1.13fr); gap: clamp(30px, 4vw, 64px); align-items: center; }
body.home-boss .boss-section-kicker { display: flex; gap: 10px; align-items: center; margin-bottom: 9px; color: #eb7228; font-weight: 850; letter-spacing: .11em; text-transform: uppercase; font-size: .7rem; }
body.home-boss .boss-section-kicker::before { content: ''; width: 29px; height: 3px; background: #ed7b36; }
body.home-boss .boss-about h2 { max-width: 640px; margin: 0 0 12px; font-size: clamp(1.55rem, 2.6vw, 2.65rem); letter-spacing: -.035em; line-height: 1.15; color: #0b2545; }
body.home-boss .boss-about p { max-width: 660px; margin: 0 0 11px; font-size: .96rem; line-height: 1.7; color: #42556d; }
body.home-boss .boss-about__footnote { font-size: .85rem !important; color: #668198 !important; }
body.home-boss .boss-outline-link { display: inline-flex; align-items: center; gap: 12px; padding: 10px 17px; margin-top: 6px; border: 1px solid #94b3ca; border-radius: 8px; background: #fff; color: #113e68; font-size: .86rem; font-weight: 850; transition: background .2s ease, transform .2s ease; }
body.home-boss .boss-outline-link svg { width: 18px; height: 18px; }
body.home-boss .boss-outline-link:hover { background: #e8f4fc; transform: translateY(-2px); }
body.home-boss .boss-about__visual { min-height: 307px; position: relative; border-radius: 12px; background-image: linear-gradient(180deg, transparent 28%, rgb(4 26 45 / 33%) 100%), var(--boss-about-image); background-position: center; background-size: cover; box-shadow: 0 10px 30px rgb(11 37 69 / 11%); }
body.home-boss .boss-about__facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px; position: absolute; left: 25px; right: 25px; bottom: -18px; padding: 10px 9px; border-radius: 12px; border: 1px solid #e0e9f1; box-shadow: 0 14px 32px rgb(5 27 48 / 16%); background: rgb(255 255 255 / 95%); }
body.home-boss .boss-about__facts > div { padding: 7px 9px; text-align: center; }
body.home-boss .boss-about__facts > div + div { border-left: 1px solid #e4eaf0; }
body.home-boss .boss-about__facts strong { display: block; color: #0b2545; font-size: 1.45rem; line-height: 1.25; font-weight: 900; }
body.home-boss .boss-about__facts span { display: block; font-size: .7rem; color: #42556d; line-height: 1.35; }

/* Sections : hiérarchie compacte proche de la maquette, sans saturation. */
body.home-boss .boss-section { padding-block: 37px 44px; }
body.home-boss .boss-section-head { display: flex; align-items: center; justify-content: space-between; gap: 25px; margin-bottom: 20px; }
body.home-boss .boss-section-head h2 { display: flex; align-items: center; gap: 12px; margin: 0; font-size: clamp(1.48rem, 2.2vw, 2.05rem); line-height: 1.18; font-weight: 850; letter-spacing: -.035em; color: #092748; }
body.home-boss .boss-section-head h2::before { content: ''; flex: 0 0 31px; height: 4px; border-radius: 3px; background: #f17429; }
body.home-boss .boss-heading-link { display: inline-flex; align-items: center; gap: 7px; flex-shrink: 0; color: #de621e; font-weight: 800; font-size: .85rem; }
body.home-boss .boss-heading-link svg { width: 17px; height: 17px; }
body.home-boss .boss-heading-link:hover { text-decoration: underline; text-underline-offset: 4px; }
body.home-boss .boss-expertises { padding-top: 56px; background: #fff; }
body.home-boss .boss-expertises-grid { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 12px; }
body.home-boss .boss-expertise { display: flex; flex-direction: column; min-width: 0; border: 1px solid #e0e8ef; background: #fff; border-radius: 10px; overflow: hidden; box-shadow: 0 7px 18px rgb(6 29 54 / 6%); transition: transform .25s ease, box-shadow .25s ease; }
body.home-boss .boss-expertise:hover { transform: translateY(-5px); box-shadow: 0 16px 30px rgb(6 29 54 / 15%); }
body.home-boss .boss-expertise__photo { height: 128px; overflow: hidden; background: #dce8f2; }
body.home-boss .boss-expertise__photo img { width: 100%; height: 100%; object-fit: cover; transition: transform .42s ease; }
body.home-boss .boss-expertise:hover img { transform: scale(1.065); }
body.home-boss .boss-expertise__body { position: relative; flex: 1; display: flex; flex-direction: column; align-items: flex-start; padding: 13px 13px 15px; min-height: 166px; }
body.home-boss .boss-expertise__icon { width: 27px; height: 27px; margin-bottom: 8px; color: #ed7b36; }
body.home-boss .boss-expertise strong { color: #0b2545; font-size: .82rem; line-height: 1.35; font-weight: 840; }
body.home-boss .boss-round-arrow { display: inline-grid; place-items: center; margin-top: auto; align-self: flex-end; width: 28px; height: 28px; background: #ec762e; color: white; border-radius: 50%; }
body.home-boss .boss-round-arrow svg { width: 15px; height: 15px; }

/* Réalisations — toute la carte est un lien, comme les expertises. */
body.home-boss .boss-projects { background: #f6f9fc; }
body.home-boss .boss-projects-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
body.home-boss .boss-project { position: relative; display: block; overflow: hidden; min-width: 0; height: 238px; border-radius: 10px; background: #d8e3eb; box-shadow: 0 6px 16px rgb(6 29 54 / 7%); }
body.home-boss .boss-project img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
body.home-boss a.boss-project:hover img { transform: scale(1.045); }
body.home-boss .boss-project__caption { position: absolute; inset: auto 0 0; min-height: 99px; display: flex; flex-direction: column; justify-content: flex-end; gap: 3px; padding: 23px 50px 13px 15px; background: linear-gradient(0deg, rgba(2,20,38,.94), rgba(2,20,38,.84) 68%, transparent); color: #fff; }
body.home-boss .boss-project__sector { align-self: flex-start; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background: #e97427; border-radius: 5px; padding: 2px 7px; color: #fff; font-size: .65rem; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; }
body.home-boss .boss-project__caption strong { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #fff; font-size: .96rem; line-height: 1.22; }
body.home-boss .boss-project__caption small { color: #d6e4ed; font-size: .74rem; }
body.home-boss .boss-project__arrow { display: grid; place-items: center; position: absolute; right: 13px; bottom: 19px; width: 30px; height: 30px; border: 1px solid #c9d7e4; border-radius: 50%; }
body.home-boss .boss-project__arrow svg { width: 18px; height: 18px; }
body.home-boss .boss-no-projects { color: #53708a; }

/* Pourquoi SINOTECH : quatre cartes claires et factuelles. */
body.home-boss .boss-why { background: #fff; }
body.home-boss .boss-why__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
body.home-boss .boss-why article { display: flex; align-items: flex-start; gap: 13px; border: 1px solid #dde8f0; border-radius: 10px; padding: 18px 16px; min-height: 116px; background: #fff; box-shadow: 0 5px 16px rgb(7 27 50 / 5%); }
body.home-boss .boss-why article > svg { flex: 0 0 auto; width: 30px; height: 30px; color: #ef742b; }
body.home-boss .boss-why h3 { margin: 1px 0 6px; font-size: .9rem; line-height: 1.22; }
body.home-boss .boss-why p { margin: 0; color: #526780; line-height: 1.45; font-size: .79rem; }

/* Cinq secteurs mis en avant, panoramas cliquables. */
body.home-boss .boss-sectors { background: #fff; }
body.home-boss .boss-sectors-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; }
body.home-boss .boss-sector { position: relative; min-width: 0; height: 237px; display: block; overflow: hidden; border-radius: 10px; background: #d9e3eb; }
body.home-boss .boss-sector > img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s ease; }
body.home-boss .boss-sector:hover > img { transform: scale(1.065); }
body.home-boss .boss-sector::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 18%, rgba(2,21,39,.23) 46%, rgba(2,21,39,.93) 100%); }
body.home-boss .boss-sector__cover { position: absolute; z-index: 1; inset: auto 13px 13px; display: flex; align-items: flex-end; justify-content: space-between; gap: 6px; color: #fff; }
body.home-boss .boss-sector__cover strong { font-size: .9rem; font-weight: 850; line-height: 1.24; }
body.home-boss .boss-sector__cover span { display: grid; place-items: center; flex: 0 0 auto; width: 29px; height: 29px; border: 1px solid #e0eaf2; border-radius: 50%; }
body.home-boss .boss-sector__cover svg { width: 17px; height: 17px; }

/* Localisation et contact — fond réel, aucune adresse ni statistique inventée. */
body.home-boss .boss-contact { padding-top: 31px; background: #f7fafc; }
body.home-boss .boss-contact__grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .95fr) minmax(0, .8fr); gap: 15px; align-items: stretch; }
body.home-boss .boss-contact__map, body.home-boss .boss-contact__info, body.home-boss .boss-contact__picture { min-width: 0; height: 310px; border: 1px solid #dce7ef; border-radius: 10px; overflow: hidden; background: #fff; }
body.home-boss .boss-contact__map iframe { display: block; width: 100%; height: 100%; border: none; }
body.home-boss .boss-contact__info { padding: 17px 19px; overflow-y: auto; }
body.home-boss .boss-contact__info h3 { margin: 0 0 13px; color: #0b2545; font-size: 1rem; }
body.home-boss .boss-contact__info dl { margin: 0; display: grid; gap: 12px; }
body.home-boss .boss-contact__info dl > div { display: block; }
body.home-boss .boss-contact__info dl > div svg { width: 18px; height: 18px; flex: 0 0 auto; color: #f17429; }
body.home-boss .boss-contact__info dt { display:flex; align-items:center; gap: 9px; margin: 0 0 2px; font-size: .73rem; font-weight: 850; color: #0b2545; }
body.home-boss .boss-contact__info dd { margin: 2px 0 0 27px; font-size: .76rem; line-height: 1.43; color: #3a526c; overflow-wrap: anywhere; }
body.home-boss .boss-contact__cta { display: inline-flex; align-items: center; gap: 7px; margin-top: 13px; font-size: .8rem; color: #dc6323; font-weight: 820; }
body.home-boss .boss-contact__cta svg { width: 17px; height: 17px; }
body.home-boss .boss-contact__picture img { width: 100%; height: 100%; object-fit: cover; }

/* Ne modifie pas les boutons flottants communs : WhatsApp, E-mail, Postuler et retour en haut. */

@media(max-width: 1250px) {
  body.home-boss .boss-hero__inner { grid-template-columns: minmax(0, 1fr) 242px; gap: 32px; }
  body.home-boss .boss-expertises-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  body.home-boss .boss-expertise__body { min-height: 147px; }
  body.home-boss .boss-why__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media(max-width: 950px) {
  body.home-boss .boss-hero__inner { grid-template-columns: 1fr; }
  body.home-boss .boss-about__grid { grid-template-columns: 1fr; gap: 24px; }
  body.home-boss .boss-about__visual { min-height: 340px; }
  body.home-boss .boss-projects-grid { gap: 12px; }
  body.home-boss .boss-sectors-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  body.home-boss .boss-contact__grid { grid-template-columns: 1fr 1fr; }
  body.home-boss .boss-contact__picture { display: none; }
}
@media(max-width: 700px) {
  body.home-boss .boss-hero__inner { min-height: 0; padding-block: 52px; }
  body.home-boss .boss-hero h1 { font-size: clamp(2.1rem, 7vw, 3.2rem); }
  body.home-boss .boss-about__facts { left: 10px; right: 10px; bottom: -10px; }
  body.home-boss .boss-about__facts strong { font-size: 1rem; }
  body.home-boss .boss-section-head { align-items: flex-start; flex-direction: column; gap: 8px; }
  body.home-boss .boss-section { padding-block: 32px; }
  body.home-boss .boss-expertises-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  body.home-boss .boss-expertise__body { min-height: 160px; }
  body.home-boss .boss-projects-grid { grid-template-columns: 1fr; }
  body.home-boss .boss-project { height: 244px; }
  body.home-boss .boss-why__grid { grid-template-columns: 1fr; }
  body.home-boss .boss-sectors-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  body.home-boss .boss-sector { height: 210px; }
  body.home-boss .boss-contact__grid { grid-template-columns: 1fr; }
  body.home-boss .boss-contact__map { height: 275px; }
  body.home-boss .boss-contact__info { height: auto; overflow: visible; }
  body.home-boss .boss-contact__picture { display: block; height: 215px; }
}
@media(max-width: 380px) {
  body.home-boss .boss-hero__actions { flex-direction: column; align-items: stretch; }
  body.home-boss .boss-hero__actions .btn { width: 100%; }
  body.home-boss .boss-expertises-grid { grid-template-columns: 1fr; }
  body.home-boss .boss-expertise__body { min-height: 112px; }
  body.home-boss .boss-sectors-grid { grid-template-columns: 1fr; }
  body.home-boss .boss-about__facts { grid-template-columns: 1fr; position: static; margin: 16px 10px -28px; }
  body.home-boss .boss-about__facts > div + div { border-left: none; border-top: 1px solid #e4eaf0; }
}
@media(prefers-reduced-motion: reduce) {
  body.home-boss .boss-project img, body.home-boss .boss-expertise img, body.home-boss .boss-sector img { transition: none !important; }
}
/* RTL — laisse la navigation globale gérer l'arabe ; adapte les nouvelles cartes. */
html[dir="rtl"] body.home-boss .boss-section-head h2 { flex-direction: row-reverse; }
html[dir="rtl"] body.home-boss .boss-contact__info dd { margin-right: 27px; margin-left: 0; }