/* Accueil et mentions légales de dominiquephilippe.fr (16/10/2026). S'ajoute à /se-liberer/assets/page.css
   (jetons, boutons, hero, qui, pied) : ici seulement les composants propres à ces pages, une définition chacun. */

/* hero de l'accueil : Dominique dans le tiers droit, tête en haut de l'image, jamais coupée */
.hero--accueil .hero-photo { object-position: 72% 0%; }
.hero--accueil h1 { font-size: clamp(1.7rem, 3.3vw, 2.5rem); }   /* la citation tient sur deux lignes à gauche de Dominique */

/* l'accompagnement : photo à gauche, texte à droite */
.offre { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 56px; align-items: center; }
.offre-photo { border-radius: var(--r-lg); border: 6px solid var(--blanc); box-shadow: var(--ombre-lg); }
.offre-texte h2 { text-align: left; }
.offre-texte .eyebrow { margin-left: 0; }
.offre-texte > p:not(.eyebrow) { margin-bottom: 22px; }
.offre-liste { display: grid; gap: 12px; margin: 0 0 30px; list-style: none; }
.offre-liste li { display: flex; gap: 12px; align-items: center; padding: 14px 18px; border-radius: var(--r); background: var(--blanc); border: 1.5px solid var(--ligne); color: var(--encre); font-weight: 700; transition: transform var(--transition); }
.offre-liste li:hover { transform: translateY(-2px); }
.offre-liste .ic { flex: none; width: 34px; height: 34px; padding: 7px; border-radius: 50%; background: var(--bleu); color: var(--blanc); }

/* mentions légales */
.mentions h3 { margin: 34px 0 10px; color: var(--bleu-fonce); }
.mentions p { margin-bottom: 12px; }
.mentions a { color: var(--bleu); }

@media (max-width: 1024px) {
    .offre { grid-template-columns: minmax(0, 1fr); gap: 34px; }
    .offre-photo { width: 100%; max-width: 460px; margin: 0 auto; }
}

@media (max-width: 640px) {
    .hero--accueil .hero-photo { object-position: 50% 0%; }
    .offre-texte h2 { text-align: center; }
    .offre-texte .eyebrow { margin-left: auto; }
    .offre-texte .btn { width: 100%; }
}