/* ═══ LA PAGE DE L'AUTEUR ═══
   Sobre : elle parle d'un travail d'artisan, pas d'une agence. La charte du site
   suffit, on n'ajoute que ce que la mise en page exige. */
.auteur-hero { padding: clamp(2.5rem, 7vw, 5rem) 0 clamp(1.5rem, 4vw, 2.5rem); }
.auteur-eyebrow { margin: 0 0 .6rem; font-size: .78rem; font-weight: 700; letter-spacing: .13em;
                  text-transform: uppercase; color: #5e615b; }
.auteur-hero h1 { margin: 0 0 1rem; }
.auteur-chapo { max-width: 46ch; font-size: 1.12rem; line-height: 1.6; color: #505355; }

.auteur-crm { padding: clamp(1.5rem, 4vw, 2.5rem) 0; }
.auteur-crm h2, .auteur-formulaire h2 { margin: 0 0 .8rem; }
.auteur-intro { max-width: 58ch; color: #505355; margin: 0 0 2rem; }

.auteur-grille { display: grid; gap: 1.4rem; grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); }
.auteur-carte { padding: 1.4rem 1.5rem; background: #fff; border-radius: 18px 6px 18px 6px;
                box-shadow: 0 12px 26px rgb(80 83 85 / 8%); }
.auteur-carte h3 { margin: 0 0 .5rem; font-size: 1.05rem; color: #a35839; }
.auteur-carte p { margin: 0; font-size: .93rem; line-height: 1.58; color: #505355; }

.auteur-preuve { max-width: 62ch; margin: 2rem 0 0; padding: 1.1rem 1.3rem; border-radius: 14px;
                 background: #f0d1c1; color: #2b2d2f; font-size: .95rem; line-height: 1.6; }

.auteur-formulaire { padding: clamp(2rem, 5vw, 3.5rem) 0 clamp(3rem, 8vw, 5rem); }
.auteur-form { display: grid; gap: 1.2rem; max-width: 34rem; }
.auteur-form label { display: grid; gap: .4rem; font-weight: 600; font-size: .92rem; color: #505355; }
.auteur-form label small { font-weight: 400; font-size: .82rem; color: #5e615b; }
.auteur-form input, .auteur-form textarea { width: 100%; font: inherit; }
.auteur-deux { display: grid; gap: 1.2rem; grid-template-columns: 1fr 1fr; }
.auteur-form .button { justify-self: start; }

/* Le pot de miel : hors écran, jamais masqué par « display:none » — certains
   robots ignorent ce qui est caché, et rempliraient alors un champ invisible
   sans qu'on puisse les repérer. */
.auteur-miel { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

.auteur-bien { max-width: 46ch; padding: 1.1rem 1.3rem; border-radius: 14px;
               background: #e6efe7; color: #3c5340; }
.auteur-erreur { max-width: 46ch; padding: 1rem 1.2rem; border-radius: 14px;
                 background: #fff0ed; color: #752c22; }

@media (max-width: 640px) { .auteur-deux { grid-template-columns: 1fr; } }