/* Page partenaire MonHaras : on emprunte ses couleurs (bleu nuit, or) */
.mh-hero { --mh-night: #111d36; --mh-gold: #c8973f; background: radial-gradient(800px 420px at 80% 0%, #fbf3e2, transparent 65%), #f1f4fb; color: var(--ink-2); border-bottom: 1px solid #dfe4f0; padding-block: clamp(2.5rem, 7vw, 5rem); position: relative; overflow: hidden; }
.mh-hero h1 { color: var(--mh-night); font-size: clamp(2.4rem, 5.6vw, 4.2rem); max-width: 16ch; }
.mh-hero .lead { color: var(--ink-2); }
.mh-hero__in { display: grid; grid-template-columns: 1fr auto; gap: 2rem; align-items: center; }
.mh-hero__badge svg { animation: mh-spin 40s linear infinite; }
@keyframes mh-spin { to { transform: rotate(360deg); } }
@media (max-width: 760px) { .mh-hero__in { grid-template-columns: 1fr; } .mh-hero__badge { display: none; } }
.mh-btn { --bg: #c8973f; --fg: #111d36; }
.mh-btn:hover { --bg: #dcae55; }
.mh-btn-ghost { --bg: transparent; --fg: #111d36; --bd: rgba(17, 29, 54, .3); }
.mh__tag { font: 700 .74rem/1 var(--font-mono); letter-spacing: .1em; text-transform: uppercase; color: #8a6420; margin-bottom: .9rem; }
.audiences { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.1rem; }
@media (max-width: 960px) { .audiences { grid-template-columns: 1fr; } }
.audience { display: flex; flex-direction: column; gap: .5rem; padding: 1.5rem; border-radius: var(--r-lg); border: 1px solid var(--line); background: var(--paper); box-shadow: var(--shadow-1); }
.audience h3 { font: 800 1.6rem/1.1 var(--font-display); margin: .5rem 0 .2rem; }
.audience p { color: var(--ink-2); margin: 0 0 .4rem; }
.audience .btn { margin-top: auto; align-self: flex-start; }
.audience--dark { background: linear-gradient(160deg, #f1f4fb, #fbf7ee); color: var(--ink-2); border-color: #dfe4f0; }
.audience--dark h3 { color: #111d36; }
.audience--dark p { color: var(--ink-2); }
.audience__icon { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 14px; background: var(--cobalt-soft); color: var(--cobalt); }
.audience__icon .i { width: 26px; height: 26px; }
.audience--dark .audience__icon { background: rgba(200, 151, 63, .16); color: #8a6420; }
.audience__icon--sun { background: var(--soleil-soft); color: var(--soleil-strong); }
.checks { list-style: none; padding: 0; margin: .3rem 0 1.2rem; display: grid; gap: .45rem; font-size: .95rem; }
.checks li { display: flex; gap: .5rem; align-items: flex-start; }
.checks .i { color: var(--gazon); margin-top: .15em; flex: none; }
.audience--dark .checks .i { color: #8a6420; }
.mh-band { background: #f1f4fb; color: var(--ink-2); border-block: 1px solid #dfe4f0; }
.mh-band h2 { color: #111d36; }
.mh-split { display: grid; grid-template-columns: 1.1fr .9fr; gap: clamp(2rem, 5vw, 4rem); align-items: center; }
.mh-split--rev { grid-template-columns: .9fr 1.1fr; }
.mh-split .video-card--tall { justify-self: center; width: min(100%, 340px); }
@media (max-width: 860px) { .mh-split, .mh-split--rev { grid-template-columns: 1fr; } }