/* Hero mobile dédié : scène lisible puis signature et trois accès. */
@media(min-width:701px) { .hero { --iv-type-brand: clamp(2.75rem, 10.8vw, 10.4rem); } }
@media(max-width:700px) {
 .hero { min-height: calc(100svh - 64px); display: flex; flex-direction: column; }
 .hero .hero-media { position: relative !important; inset: auto; width: 100%; height: clamp(260px, 52svh, 460px); aspect-ratio: auto; object-fit: cover; object-position: center; opacity: 1; flex: none; transform: none !important; will-change: auto; }
 .hero .hero-shade { height: clamp(260px, 52svh, 460px); bottom: auto; aspect-ratio: auto; background: linear-gradient(0deg,rgba(0,0,0,.65),transparent 38%); }
 .hero .hero-body { width: 100%; flex: 1; justify-content: center; padding: 24px 18px 32px; transform: none !important; will-change: auto; text-align: center; }
 .hero h1 { --iv-type-brand: clamp(2.4rem,11vw,4rem); text-align: center; }
 .hero h1 .word-line { margin-inline: auto; }
 .iv-transition .hero .eyebrow { max-width: 26ch; margin: 14px auto 0; font-size: .95rem; line-height: 1.4; text-transform: none; letter-spacing: .01em; }
 .hero .hero-bottom { width: 100%; margin-top: 24px; }
 .hero .hero-buttons { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; }
 .hero .hero-button { min-width: 0; min-height: 46px; width: 100%; padding: 12px 6px; justify-content: center; gap: 0; font-size: clamp(.64rem,2.85vw,.8rem); }
 .hero .hero-button .motion-button__arrow-window { display: none; }
 .hero.is-visible h1 { animation-duration: 1.1s; animation-delay: .08s; }
 .hero.is-visible h1 .letter { animation-duration: .7s; animation-delay: calc(.18s + var(--following-index)*.04s); }
 .hero.is-visible h1 .letter[data-first] { animation-duration: .65s; animation-delay: .18s; }
 .hero.is-visible .eyebrow { animation-delay: .8s; }
 .hero.is-visible .hero-button:nth-child(1) { animation-delay: .95s; }
 .hero.is-visible .hero-button:nth-child(2) { animation-delay: 1.05s; }
 .hero.is-visible .hero-button:nth-child(3) { animation-delay: 1.15s; }
}
@media(max-width:700px) and (max-height:500px) { .hero { min-height: 0; } .hero .hero-media,.hero .hero-shade { aspect-ratio: 2.2; height: auto; } }