/* Accueil — variante A (retenue) : bandes pleine largeur, blanc dominant ;
   #F6F7F8 regroupe le hero et le bloc produit, il ne décore pas.
   Activités selon la charte de la maquette « Page d'accueil corporate BOZONNET SAS » :
   filet rouge + intitulé, grand titre, description, lien ; texte et image à parts égales (6 / 6).
   Toutes les images partent du même axe (colonne 7). */

.a-band{background:var(--bz-bg)}
.a-band--grey{background:var(--bz-bg-2)}
.a-band--ruled{border-top:1px solid var(--bz-rule)}
.a-nowrap{white-space:nowrap}

/* ---------- Hero : la mission en grand, une phrase par ligne (échelle du hero du produit),
   les activités en ligne de base ---------- */
.a-intro{padding:88px 0 80px}
.a-intro h1{font-weight:600}
.a-intro__mission{display:block;font-size:clamp(32px,3.9vw,56px);line-height:1.08;letter-spacing:-.02em}
.a-intro__mission .a-sent{display:block}
.a-intro__baseline{margin-top:24px;font-size:22px;line-height:1.45;color:var(--bz-ink-2)}
.a-intro__dot{padding:0 .2em}

/* ---------- Activités ---------- */
.a-act{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:32px;align-items:start;padding-top:var(--bz-sec);padding-bottom:calc(var(--bz-sec) + 8px)}
.a-act__text{grid-column:1 / span 6;padding-right:24px}
.a-act__fig{grid-column:7 / -1}
.a-act__fig img{width:100%}

/* Intitulé : petit filet rouge, capitales espacées ; c'est le titre de section (h2) */
.a-act__label{font-size:14px;font-weight:600;line-height:1.3;letter-spacing:.08em;text-transform:uppercase;color:var(--bz-red)}
.a-act__label::before{content:"";display:block;width:32px;height:3px;margin-bottom:16px;background:var(--bz-red)}
.a-act__headline{margin-top:14px;max-width:17em;font-size:30px;font-weight:600;line-height:1.18;letter-spacing:-.012em;color:var(--bz-ink);text-wrap:balance}
.a-act__text p:not(.a-act__headline){margin-top:16px;max-width:34em;font-size:17px;color:var(--bz-ink-2)}
.a-act__text p strong{color:var(--bz-ink)}
.a-act__text .bz-links{margin-top:20px}
.a-act__status{color:var(--bz-ink-2)}
.a-act__text p.a-act__status{margin-top:14px}
.a-act .bz-more{text-decoration:none}
.a-act .bz-more:hover{text-decoration:underline}

/* DataBait : logo officiel sous les liens, cliquable vers leur site (SVG inchangé ; sa réserve
   interne de 8 % à gauche et 20 % en haut/bas est compensée par les marges, le lien épouse le logo) */
.a-act__partner-link{display:inline-block;margin-top:19px;padding:9px 0;line-height:0;border-radius:2px}
.a-act__partner{--w:200px;width:var(--w);margin:calc(var(--w) * -0.05) 0 calc(var(--w) * -0.05) calc(var(--w) * -0.0806)}

/* Bloc produit (édition logicielle) : texte sur toute la largeur, capture d'origine entière (2,63:1) dessous, agrandissable */
.a-act--product .a-act__text{grid-column:1 / -1;padding-right:0}
.a-act--product .a-act__headline,.a-act--product .a-act__text p:not(.a-act__headline){max-width:none}
.a-act--product .a-act__fig{grid-column:1 / -1;margin-top:36px}
.a-band--grey .bz-zoom{text-decoration-color:var(--bz-ink-2)}

/* ---------- Contact : bande anthracite partagée avec Profil & Parcours (.bz-ink, .bz-h2) ;
   titre et phrase d'accroche sur une ligne, formulaire unique dessous (présentation : bz-page.css) ---------- */
.a-band.bz-ink{background:var(--bz-ink)}
.home-a .bz-contact{padding:var(--bz-sec) 0 calc(var(--bz-sec) + 8px)}
.home-a .bz-contact__intro p{margin-top:16px}
.home-a .bz-contact__form{margin-top:32px}

/* ---------- Ordinateur compact (880–1179 px) ---------- */
@media (max-width:1179px){
  .a-act__headline{font-size:26px}
}

/* ---------- Tablette et mobile : une colonne, le texte avant l'image ---------- */
@media (max-width:879px){
  .a-intro{padding:52px 0 48px}
  .a-intro__mission{line-height:1.12}
  .a-intro__baseline{font-size:18px;margin-top:18px}
  .a-act{grid-template-columns:minmax(0,1fr)}
  .a-act__text,.a-act__fig{grid-column:1}
  .a-act__text{padding-right:0}
  .a-act__fig{margin-top:32px;max-width:560px}
  .a-act--product .a-act__fig{max-width:none}
  .a-act__headline{font-size:24px;max-width:none}
  .a-act__text p:not(.a-act__headline){font-size:16px}
  .a-act__partner{--w:170px}
  .home-a .bz-contact__form{margin-top:28px}
}