/* Accueil (/), mise en scène « encre et lin » (maquette du 24/10/2026, non publiée).
   Démarche : v1.1/MISE-EN-SCENE.md, §9 bis (page transversale : la Plateforme, l'Acquisition B2B, l'Événementiel, la Présence/Univers,
   l'Ingénierie). Rédactionnel inchangé : la page est recomposée dans le squelette gp-* d'ad-gipco-v3.css. Palette reprise à l'identique
   de la Plateforme ADNS (encre, lin, chêne) : l'accueil ne prend la couleur d'aucun produit. Haut de page en photo d'ambiance avec un
   seul objet (la campagne de prospection, mail-prospection) ; chaîne des cinq services (gabarit A, skin du composant ad-frise.ad-chaine
   existant) ; gabarit B pour les deux usages (événementiel, relation) ; gabarit C pour « depuis 1994 » en ingénierie.
   Se charge après ad-gipco-v3.css, limitée à main.ac2 (et à l'en-tête posé sur sa photo). Requêtes en max-width. */

main.ac2 { --gp-encre:#15171a; --gp-nuit:#1e2125; --gp-neige:#f6f5f2; --gp-sable:#ebe9e3; --gp-filet:#dcd9d1;
           --gp-doux:#53565c;    /* 6,4:1 au moins sur les fonds clairs */
           --gp-discret:#5f6268; /* 5,0:1 au moins sur neige, sable et le papier des scènes */
           --ac-ombre:21,23,26; }

/* ---------- en-tête posé sur la photo, menu ouvert ---------- */
body:has(main.ac2) .ad-entete { --ad-fond:#15171a; --ad-lien:#fff; }
body:has(main.ac2) .ad-entete:has(.ad-menu[open]) { background:#15171a; }

/* ---------- photos et voiles teintés de l'encre ---------- */
main.ac2 .gp-photo { background-image:url(/images/accueil-v2/heros-1920.webp); background-position:78% 30%; }
main.ac2 .gp-photo--fin { background-image:url(/images/accueil-v2/fin-1600.webp); background-position:70% 45%; transform:none; filter:none; }
main.ac2 .gp-voile { background:linear-gradient(90deg,rgba(var(--ac-ombre),.6),rgba(var(--ac-ombre),.28) 42%,rgba(var(--ac-ombre),0) 58%),
                                linear-gradient(180deg,rgba(var(--ac-ombre),.45),rgba(var(--ac-ombre),0) 16%,rgba(var(--ac-ombre),0) 70%,rgba(var(--ac-ombre),.6) 100%); }
main.ac2 .gp-voile--fin { background:linear-gradient(90deg,rgba(var(--ac-ombre),.05),rgba(var(--ac-ombre),.4) 45%,rgba(var(--ac-ombre),.82) 100%); }

/* ---------- haut de page : un seul objet (la campagne de prospection), posé sur le plateau libre ---------- */
main.ac2 .gp-hero { height:860px; }
@media (min-width:1024px) { main.ac2 .gp-hero__t { width:min(640px,53%); } }
main.ac2 .gp-hero h1 { font-size:clamp(34px,3.6vw,52px); line-height:1.04; }
main.ac2 .gp-hero .gp-chap { max-width:30em; }
main.ac2 .gp-hero__scene { width:340px; left:max(700px,47vw); top:478px; right:auto; transform:none; }
main.ac2 .gp-hero__scene .ad-cadre { --ad-ui-l:34; border-radius:12px; box-shadow:0 0 0 1px rgba(255,255,255,.08) inset,-10px 22px 44px -14px rgba(0,0,0,.55),-30px 50px 100px -30px rgba(0,0,0,.5); }
main.ac2 .gp-hero__scene .ad-ui-carte { display:none; }   /* un seul objet lisible : le détail des cliqueurs ne tient pas dans le plateau libre */
main.ac2 .gp-hero__scene figcaption { margin-top:14px; font-size:12.5px; color:rgba(255,255,255,.66); max-width:340px; }
main.ac2 .ac-lien2 { display:inline-flex; align-items:center; min-height:44px; margin:36px 0 0 28px; vertical-align:middle; color:#fff; font-weight:600; font-size:15.5px;
                     text-decoration:underline; text-decoration-color:rgba(255,218,26,.8); text-underline-offset:5px; text-decoration-thickness:1.5px; }
main.ac2 .ac-lien2:focus-visible { outline:3px solid #fff; outline-offset:3px; border-radius:4px; }
@media (max-width:640px) { main.ac2 .ac-lien2 { margin:14px 0 0; } }


/* ---------- gabarit A : la chaîne des cinq services, skin du composant existant ad-frise.ad-chaine ---------- */
main.ac2 .ac-chaine-bloc { margin-top:72px; padding:32px 28px 28px; border-radius:20px; background:rgba(255,255,255,.55); box-shadow:inset 0 0 0 1px rgba(var(--ac-ombre),.08); }
main.ac2 .ac-chaine-bloc .ad-frise.ad-chaine { --ad-esc:132px; }
main.ac2 .ad-chaine::before { background:none; border-top:1.5px dashed rgba(var(--ac-ombre),.4); height:0; }
main.ac2 .ad-chaine li::before { background:var(--gp-soleil); box-shadow:0 0 0 4px rgba(255,255,255,.65),inset 0 0 0 1px rgba(17,17,18,.18); }   /* mobile : rail vertical, un nœud par service */
main.ac2 .ad-chaine li:not(:last-child)::after { content:""; width:11px; height:11px; border-radius:50%; background:var(--gp-soleil); box-shadow:0 0 0 4px rgba(255,255,255,.55),inset 0 0 0 1px rgba(17,17,18,.18); font-size:0; top:calc(var(--ad-esc) / 2 - 5.5px); left:calc(50% - 5.5px); }
main.ac2 .ad-chaine__vue { height:calc(var(--ad-esc) - 10px); padding:5px; border-radius:12px; background:#fff; box-shadow:0 0 0 1px rgba(var(--ac-ombre),.06),-4px 10px 22px -14px rgba(var(--ac-ombre),.35); }
main.ac2 .ad-chaine__vue > .ad-cadre { box-shadow:none; border-radius:9px; }
main.ac2 .ad-chaine .ad-frise__titre { color:var(--gp-encre); }
main.ac2 .ad-chaine .ad-frise__texte { color:var(--gp-doux); }
main.ac2 .ad-chaine__relais { border-top-color:var(--gp-filet); color:var(--gp-discret); }
main.ac2 .ad-chaine__relais b { color:var(--gp-encre); }
main.ac2 .ad-chaine__produit { color:var(--gp-discret); }
@media (max-width:900px) {
  main.ac2 .ac-chaine-bloc { padding:20px 18px 24px; border-radius:16px; }
  main.ac2 .ad-chaine::before { width:0; height:auto; background:none; border-top:0; border-left:1.5px dashed rgba(var(--ac-ombre),.4); }
  main.ac2 .ad-chaine li:not(:last-child)::after { left:2.5px; top:auto; bottom:calc(var(--ad-e-10, 56px) / -2 - 5.5px); }
}

/* ---------- gabarit B : détail photographique, un seul objet (usages) ---------- */
main.ac2 .ac-detail { position:relative; aspect-ratio:612 / 600; border-radius:12px; background:var(--gp-encre); overflow:hidden; }
main.ac2 .ac-detail__ph { position:absolute; inset:0; }
main.ac2 .ac-detail__ph > img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
main.ac2 .ac-detail__ph::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(200deg,rgba(var(--ac-ombre),0) 40%,rgba(var(--ac-ombre),.4) 100%); }
main.ac2 .ac-detail__obj { position:absolute; z-index:2; right:6%; bottom:7%; width:min(260px,52%); }
main.ac2 .ac-detail__obj .ad-cadre { --ad-ui-l:34; border-radius:10px; box-shadow:0 0 0 1px rgba(0,0,0,.06),-10px 22px 44px -14px rgba(0,0,0,.55),-30px 50px 100px -30px rgba(0,0,0,.5); }
@media (max-width:640px) {
  main.ac2 .ac-detail { aspect-ratio:4 / 3; }
  main.ac2 .ac-detail__obj { width:min(220px,58%); right:5%; bottom:6%; }
}

/* ---------- preuve historique en ingénierie : l'année « 1994 » reçoit la typographie de la preuve, dans la même phrase ---------- */
main.ac2 .ac-an { font:600 1.9em/1 var(--gp-titre); letter-spacing:-.03em; color:var(--gp-encre); font-variant-numeric:tabular-nums; margin-left:.15em; }

/* ---------- textes et cartes génériques dans le squelette gp-* ---------- */
main.ac2 .gp-tete h2 { max-width:16em; }
main.ac2 .gp-cas__t p { color:var(--gp-doux); }
main.ac2 .ac-note { margin-top:28px; font-size:14.5px; color:var(--gp-discret); }
main.ac2 .ac-suite { margin-top:14px; }
main.ac2 .ac-suite a, main.ac2 .ac-lien { color:var(--gp-encre); font-weight:600; text-decoration:underline; text-decoration-color:var(--gp-filet); text-underline-offset:4px; text-decoration-thickness:1.5px; }
@media (hover:hover) { main.ac2 .ac-suite a:hover, main.ac2 .ac-lien:hover { text-decoration-color:var(--gp-soleil); } }
main.ac2 .ac-actions { display:flex; flex-wrap:wrap; align-items:center; gap:14px 28px; margin-top:32px; }

/* acquisition : sobre, sans objet, sur un aplat clair */
main.ac2 .ac-liste { display:grid; gap:0; margin-top:56px; border-top:1px solid var(--gp-filet); max-width:860px; }
main.ac2 .ac-liste > li { padding:24px 0 26px; border-bottom:1px solid var(--gp-filet); }
main.ac2 .ac-liste .ad-frise__titre { display:block; font:600 17.5px/1.3 var(--gp-titre); letter-spacing:-.01em; color:var(--gp-encre); }
main.ac2 .ac-liste p { margin-top:8px; font-size:15.5px; line-height:1.6; color:var(--gp-doux); }
main.ac2 .ac-offre { display:flex; flex-wrap:wrap; gap:10px; margin-top:28px; }
main.ac2 .ac-offre > span { display:inline-flex; align-items:center; padding:7px 14px; border-radius:999px; background:#fff; box-shadow:inset 0 0 0 1px var(--gp-filet); font-size:13.5px; font-weight:600; color:var(--gp-encre); }
main.ac2 .ac-offre a { color:inherit; text-decoration:underline; text-underline-offset:4px; }
main.ac2 .ac-offre .ad-etat--dev { background:#fff3c4; color:#5c4400; box-shadow:none; font-weight:600; }

/* ingénierie : quatre situations texte seul + deux cartes (aujourd'hui / durer) */
main.ac2 .ac-situations { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:28px; margin-top:64px; }
main.ac2 .ac-situations h3 { font-size:17px; }
main.ac2 .ac-situations p { margin-top:8px; font-size:14.5px; line-height:1.55; color:var(--gp-doux); }
main.ac2 .ac-cas2 { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; margin-top:56px; }
main.ac2 .ac-carte { padding:28px 26px 26px; border-radius:12px; background:#fff; box-shadow:0 0 0 1px rgba(var(--ac-ombre),.06),-4px 12px 30px -24px rgba(var(--ac-ombre),.3); }
main.ac2 .ac-carte h3 { font-size:19px; }
main.ac2 .ac-carte p { margin-top:12px; font-size:15px; line-height:1.6; color:var(--gp-doux); }
main.ac2 .ac-carte .ac-etiquette { display:block; margin-top:18px; font-size:13.5px; color:var(--gp-discret); }

/* ---------- appel final ---------- */
main.ac2 .gp-fin__t p { max-width:32em; }
main.ac2 .gp-fin .ad-tel-num:focus-visible { outline:3px solid #fff; outline-offset:3px; border-radius:3px; }

/* ---------- focus visible sur fond clair (acquisition) : l'anneau blanc hérité du hero est invisible sur le sable ---------- */
main.ac2 .gp-sec .gp-btn:focus-visible { outline:3px solid var(--gp-encre); outline-offset:3px; }

/* ---------- tablette et téléphone ---------- */
@media (max-width:1180px) {
  main.ac2 .gp-hero { height:auto; min-height:760px; }
  main.ac2 .gp-hero__scene { display:none; }
  main.ac2 .ac-situations { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:960px) {
  main.ac2 .ac-cas2 { grid-template-columns:minmax(0,1fr); }
}
@media (max-width:760px) {
  main.ac2 .gp-voile { background:linear-gradient(180deg,rgba(var(--ac-ombre),.5) 0%,rgba(var(--ac-ombre),.12) 28%,rgba(var(--ac-ombre),.72) 56%,rgba(var(--ac-ombre),1) 100%); }
  main.ac2 .gp-voile--fin { background:linear-gradient(180deg,rgba(var(--ac-ombre),.2),rgba(var(--ac-ombre),.92) 50%); }
}
@media (max-width:640px) {
  main.ac2 .gp-photo { background-image:url(/images/accueil-v2/heros-900.webp); background-position:70% 32%; }
  main.ac2 .gp-photo--fin { background-image:url(/images/accueil-v2/fin-900.webp); background-position:40% 50%; }
  main.ac2 .ac-situations { grid-template-columns:minmax(0,1fr); gap:32px; margin-top:40px; }
  main.ac2 .ac-chaine-bloc { margin-top:40px; }
  main.ac2 .ac-cas2 { margin-top:36px; gap:20px; }
  main.ac2 .ac-liste { margin-top:36px; }
}

/* mobile étroit : « Acquisition B2B : de la cible… » et « Ingénierie logicielle : créer… » passent à 4 lignes avec une veuve d'un mot ; réduire pour revenir à 2-3 lignes nettes */
@media (max-width:480px) {
  main.ac2 h2 { font-size:clamp(25px,7.6vw,30px); }
}

/* 320 px (zoom 400 %) : titres suivent la largeur, sans veuve */
@media (max-width:360px) {
  main.ac2 .gp-hero h1 { font-size:30px; }
  main.ac2 h2, main.ac2 .gp-fin h2 { font-size:24px; }
}