/* /solutions/support-client dans le style de la home V29 (2026-10-09). Se charge après neoo-home-v29.css et
   neoo-solutions-v29.css (gabarit de /solutions/crm-ventes) et n’ajoute que ce que ses écrans demandent : histoires
   à écran portrait (files, création d’un ticket) et à écran large (tâches, environnement, tableau de bord).
   Généré par scripts/generate-neoo-solution-support.mjs ; plan : docs/solutions-support/DESIGN.md. */

/* Hero : la responsable du support est à droite de la photo ; titre un peu plus petit pour ne pas mordre sur elle. */
.v29s-hero > .v29-plate img { object-position: 66% 50%; }
.v29s-hero__title { font-size: clamp(44px, 4.6vw, 74px); }

/* Écran portrait : colonne d’écran plus étroite, centrée. */
.v29s-story--portrait { grid-template-columns: minmax(0, .82fr) minmax(0, 1fr); }
.v29s-story--portrait.v29s-story--flip { grid-template-columns: minmax(0, 1fr) minmax(0, .82fr); }
.v29s-story--portrait .v29s-story__media { justify-self: center; width: min(100%, 480px); }

/* Écran large : titre et texte côte à côte, puis l’écran sur toute la largeur. */
.v29s-story--wide { grid-template-columns: minmax(0, 1fr); gap: clamp(36px, 5vh, 56px); }
.v29s-story--wide .v29s-story__copy { order: -1; display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); column-gap: clamp(40px, 6vw, 110px); align-items: start; }
.v29s-story--wide .v29s-story__copy > .v29-kicker { grid-column: 1; grid-row: 1; }
.v29s-story--wide .v29s-story__copy > .v29s-h3 { grid-column: 1; grid-row: 2 / span 2; }
.v29s-story--wide .v29s-story__copy > .v29s-text { grid-column: 2; grid-row: 1 / span 2; margin-top: 0; }
.v29s-story--wide .v29s-story__copy > .v29s-points { grid-column: 2; grid-row: 3; }

@media (max-width: 860px) {
  .v29s-hero > .v29-plate img { object-position: 66% 40%; }
  .v29s-story--portrait, .v29s-story--portrait.v29s-story--flip { grid-template-columns: 1fr; }
  .v29s-story--portrait .v29s-story__media { width: min(100%, 420px); }
  .v29s-story--wide .v29s-story__copy { display: block; }
  .v29s-story--wide .v29s-story__copy > .v29s-text { margin-top: 22px; }
}