/* ==========================================================================
   Groupe « Entreprise » : a-propos, ouvrir-loccitanie, devenir-partenaire.
   Complète site.css (jamais modifié) ; toutes les classes sont préfixées g-entreprise-.
   Uniquement des variables du système (--accent, --acc, --line, --head…), aucune couleur en dur.
   ========================================================================== */

/* ---------- À propos : héros avec portrait ---------- */
.g-entreprise-hero__grid{display:grid;grid-template-columns:minmax(0,1fr) 15rem;gap:clamp(2rem,6vw,5rem);align-items:end}
.g-entreprise-hero__photo{width:100%;max-width:15rem;margin:0;justify-self:end}
.g-entreprise-hero__photo a{display:block;line-height:0}
.g-entreprise-hero__photo img{transition:transform .4s var(--ease)}
.g-entreprise-hero__photo a:hover img{transform:scale(1.02)}
.g-entreprise-hero__photo a{overflow:hidden}
@media (max-width:860px){
  .g-entreprise-hero__grid{grid-template-columns:minmax(0,1fr);gap:2.25rem}
  .g-entreprise-hero__photo{max-width:11rem;justify-self:start}
}

/* ---------- À propos : réalisations ---------- */
.g-entreprise-realisation{display:flex;flex-direction:column}
.g-entreprise-realisation .card__title{margin-bottom:.8rem;font-size:1.3rem;letter-spacing:.06em;line-height:1.15}
.g-entreprise-benefit{margin-top:auto;padding-top:1rem;border-top:1px solid var(--line-light)}
.g-entreprise-realisation p:not(.g-entreprise-benefit){margin-bottom:1.1rem}
.g-entreprise-benefit__label{display:block;margin-bottom:.2rem;font-family:var(--font-head);font-weight:700;font-size:.85rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-on-light)}
.g-entreprise-realisation .g-entreprise-benefit{color:var(--text-light)}

/* ---------- Encadré mis en avant à côté d'un chapeau ---------- */
.g-entreprise-emphasis p{font-size:1.15rem;line-height:1.7}

/* ---------- À propos : intitulés des volets d'exemples ---------- */
.g-entreprise-kicker{display:block;margin-bottom:.3rem;font-style:normal;font-weight:400;font-size:.78rem;letter-spacing:.28em;line-height:1.4;color:var(--acc)}

/* ---------- Ouvrir l'Occitanie : calendrier en rangées ---------- */
.g-entreprise-timeline{list-style:none;border-top:1px solid var(--line)}
.g-entreprise-timeline>li{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:1.25rem clamp(2rem,6vw,5rem);padding-block:clamp(2rem,5vw,3rem);border-bottom:1px solid var(--line)}
.g-entreprise-timeline__num{display:block;margin-bottom:.7rem;font-family:var(--font-head);font-weight:900;font-size:3.2rem;line-height:1;color:color-mix(in srgb,var(--acc) 78%,var(--bg,#fff))}
.g-entreprise-timeline__title{font-weight:700;font-size:clamp(1.6rem,1.1rem + 1.6vw,2.3rem);line-height:1.08;letter-spacing:.005em;color:var(--head)}
.g-entreprise-period{color:var(--acc)}
.g-entreprise-timeline__body{font-size:1.05rem}
.g-entreprise-timeline__body>*+*{margin-top:1rem}
.g-entreprise-timeline__body .callout{margin-top:1.6rem}
@media (max-width:860px){
  .g-entreprise-timeline>li{grid-template-columns:minmax(0,1fr)}
  .g-entreprise-timeline__num{font-size:2.6rem;margin-bottom:.4rem}
}

/* ---------- Blocs communs : liste de liens « Voir aussi », titres centrés ---------- */
.g-entreprise-links{list-style:none}
.g-entreprise-links>li{display:flex}
.g-entreprise-links .card{flex:1;display:flex;flex-direction:column;justify-content:space-between;gap:1rem}
.g-entreprise-links .card__title{display:block;margin-bottom:0;font-size:1.2rem;letter-spacing:.08em;text-transform:uppercase}
.g-entreprise-links .card__more{margin-top:0;font-size:1.5rem;line-height:1;transition:transform .3s var(--ease)}
.g-entreprise-links .card:hover .card__more,.g-entreprise-links .card:focus-visible .card__more{transform:translateX(.35rem)}
.g-entreprise-seealso{margin-bottom:2rem;font-weight:700;font-size:clamp(1.6rem,1.1rem + 1.8vw,2.3rem);line-height:1.1;color:var(--head)}
.g-entreprise-center{text-align:center}
.g-entreprise-center .rule,.g-entreprise-center .lead{margin-inline:auto}

/* ---------- Devenir partenaire ---------- */
.g-entreprise-conditions .num-card p{font-size:1rem}
.g-entreprise-conditions .num-card:hover,.g-entreprise-conditions .num-card:focus-visible{transform:none}
.g-entreprise-proof{max-width:none}
.g-entreprise-proof li>span{font-size:1.4rem}
.g-entreprise-proof p,.g-entreprise-proof li{font-size:1.05rem}
.g-entreprise-proof a{color:var(--acc);text-decoration:underline;text-underline-offset:.2em}
