body.page-accueil.fond-standard::before{ opacity: 1; } /* ========================================================= Accueil — CSS spécifique page Scope : ========================================================= */ .page-accueil .visitor-background{ min-height: 100vh; } /* ========================================================= HERO (remplace progressivement l'ancien inline) ========================================================= */ .page-accueil .accueil-hero{ min-height: calc(100vh - 120px); display: flex; align-items: center; padding: 28px 0 72px; } .page-accueil .accueil-hero-inner{ max-width: 820px; width: 100%; padding: 80px 0 72px; padding-left: clamp(24px, 8vw, 200px); } .page-accueil .accueil-brand{ margin-bottom: 14px; } .page-accueil .accueil-brand-img{ height: 18px; width: auto; display: block; opacity: 0.9; } .page-accueil .accueil-h1{ font-family: Futura, 'Avenir Next', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; font-size: clamp(44px, 5.3vw, 78px); font-weight: 700; letter-spacing: -0.03em; line-height: 1.02; margin-bottom: 18px; color: #141414; } .page-accueil .accueil-badge{ display: inline-block; font-family: Futura, 'Avenir Next', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; font-size: clamp(22px, 2.6vw, 30px); font-weight: 650; letter-spacing: -0.01em; line-height: 1.18; padding: 10px 14px; margin-bottom: 18px; border-radius: 18px 18px 0 18px; border: 1px solid rgba(20,20,20,.12); background: rgba(255,255,255,.62); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); color: #141414; } .page-accueil .accueil-lead{ font-family: Futura, 'Avenir Next', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; font-size: 16px; line-height: 1.5; color: rgba(20,20,20,.78); max-width: 64ch; margin-bottom: 26px; } /* ========================================================= RESPONSIVE — Mobile : centrage badge + CTA ========================================================= */ @media (max-width: 768px){ .page-accueil .accueil-hero-inner{ padding-left: 24px; padding-right: 24px; } .page-accueil .accueil-badge{ display: block; margin-left: auto; margin-right: auto; text-align: center; max-width: calc(100% - 48px); } .page-accueil .accueil-cta-row{ justify-content: center; align-items: center; } .page-accueil .accueil-cta-row a.btn-outline-chantierama{ margin-left: auto; margin-right: auto; } } /* ========================================================= Spécifique accueil : cacher certains boutons sur mobile (ex: bouton "Créer un compte" dans le hero quand CTA sticky) ========================================================= */ @media (max-width: 991.98px){ .page-accueil .hide-on-mobile{ display: none !important; } }