/* Avis clients de la page d'accueil */
body.portfolio-modern .testimonials { margin: 0 0 56px; }
body.portfolio-modern .testimonials__head { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; flex-wrap: wrap; margin-bottom: 28px; }
body.portfolio-modern .testimonials__head h2 { margin: 0; font: 500 28px/1.2 "Space Grotesk", sans-serif; letter-spacing: -.03em; color: var(--ink); }
body.portfolio-modern .testimonials__scores { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; padding: 0; list-style: none; }
body.portfolio-modern .testimonials__scores a { display: inline-block; padding: 8px 14px; border: 1px solid var(--line); border-radius: 999px; background: #fff; color: var(--ink); font-size: 14px; text-decoration: none; }
body.portfolio-modern .testimonials__scores a:hover, body.portfolio-modern .testimonials__scores a:focus-visible { border-color: var(--accent); }
body.portfolio-modern .testimonials__scores strong { color: var(--accent); font-weight: 600; }
body.portfolio-modern .testimonials__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 0; padding: 0; list-style: none; }
body.portfolio-modern .testimonials__grid > li { display: flex; }
body.portfolio-modern .testimonial { flex: 1; display: flex; flex-direction: column; gap: 14px; margin: 0; padding: 22px; border: 1px solid var(--line); border-radius: 8px; background: #fff; }
body.portfolio-modern .testimonial__stars { color: var(--accent); font-size: 13px; letter-spacing: 2px; }
body.portfolio-modern .testimonial blockquote { margin: 0; color: var(--ink); font-size: 15px; line-height: 1.6; }
body.portfolio-modern .testimonial blockquote p { margin: 0; }
body.portfolio-modern .testimonial figcaption { margin-top: auto; color: var(--muted); font-size: 13px; line-height: 1.5; }
body.portfolio-modern .testimonial figcaption strong { display: block; color: var(--ink); font-size: 14px; font-weight: 600; }
body.portfolio-modern .testimonial figcaption a { color: var(--muted); }
body.portfolio-modern .testimonials__note { margin: 20px 0 0; color: var(--muted); font-size: 13px; }
@media (max-width: 1050px) { body.portfolio-modern .testimonials__grid { grid-template-columns: 1fr; } }
@media (max-width: 768px) { body.portfolio-modern .testimonials__head h2 { font-size: 25px; } }