/* Composant hd-hero : copie de référence du CSS inline de la page La Supérette (lille.qwest.fr, post 10), relevé du 2026-09-13.
   Ne pas modifier ici sans reporter dans les pages existantes. Les extensions LP sont dans qlp.css. */
.hd-hero{--hd-accent:#DE624E;--hd-hero-min-h:100vh;--hd-radius:999px;position:relative;isolation:isolate;min-height:calc(var(--hd-hero-min-h) - var(--hd-chrome,0px));display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;overflow:hidden;color:#fff;text-align:left!important;font-family:Poppins,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;margin-bottom:0}
@supports(height:100svh){.hd-hero{--hd-hero-min-h:100svh}}
.elementor-background-video-container{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;overflow:hidden!important}
.elementor-background-video-container video,.elementor-background-video-hosted,.elementor-background-video-embed{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:100%!important;height:100%!important;min-width:100%!important;min-height:100%!important;max-width:none!important;object-fit:cover!important}
.hd-hero__content{position:relative;z-index:1;width:100%;max-width:1240px;margin:0;text-align:left!important;padding:clamp(90px,14vh,140px) clamp(20px,5vw,64px) clamp(64px,9vh,96px);animation:hd-fade-up .8s ease-out both}
.hd-hero__eyebrow{display:inline-flex;align-items:center;gap:.5em;font-size:.82rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(6px);padding:.45em 1em;border-radius:var(--hd-radius);margin-bottom:1.1em}
.hd-hero__title{margin:0 0 .3em;color:#fff!important;font-weight:800;line-height:1.05;letter-spacing:-.01em;text-transform:uppercase!important;font-size:clamp(2.7rem,9vw,4.9rem)!important;text-shadow:0 14px 44px rgba(0,0,0,.55),0 2px 10px rgba(0,0,0,.45)}
.hd-hero__title .hd-accent{display:inline-block;background-image:linear-gradient(100deg,#DE624E 0%,#db6c5a 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;text-shadow:0 14px 44px rgba(0,0,0,.55),0 0 30px rgba(222,98,78,.2)}
.hd-hero__tagline{max-width:58ch;font-size:clamp(1.05rem,2.1vw,1.4rem);font-weight:600;line-height:1.42;color:#fff;text-shadow:0 6px 22px rgba(0,0,0,.55);margin:0 0 1.6em}
.hd-hero__stats{display:flex;flex-wrap:wrap;width:fit-content;max-width:100%;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.18);background:rgba(20,16,26,.5);backdrop-filter:blur(10px);margin-bottom:1.9em}
.hd-hero__stat{flex:1 1 auto;min-width:118px;padding:.85em 1.3em;text-align:center;border-right:1px solid rgba(255,255,255,.14);display:flex;flex-direction:column;justify-content:center}
.hd-hero__stat:last-child{border-right:none}
.hd-hero__stat-value{display:block;font-size:1.2rem;font-weight:800;color:#fff;text-shadow:0 4px 14px rgba(0,0,0,.5);white-space:nowrap}
.hd-hero__stat-label{display:block;margin-top:.3em;font-size:.66rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:rgba(255,255,255,.68)}
@media(max-width:560px){.hd-hero__stats{display:grid;grid-template-columns:1fr 1fr;width:100%;margin-bottom:1.2em}.hd-hero__stat{min-width:0;padding:.55em .7em;border-right:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14)}.hd-hero__stat:nth-child(2n){border-right:none}.hd-hero__stat:nth-last-child(-n+2){border-bottom:none}.hd-hero__stat-value{font-size:.98rem}.hd-hero__stat-label{font-size:.58rem;letter-spacing:.03em}}
.hd-hero__cta{display:flex;flex-wrap:wrap;gap:.8em}
.hd-btn{display:inline-flex;align-items:center;gap:.5em;padding:.9em 1.6em;border-radius:var(--hd-radius);font-weight:700;font-size:.96rem;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;white-space:nowrap}
.hd-btn:focus-visible{outline:2px solid #fff;outline-offset:3px}
.hd-hero .hd-btn,.hd-hero .hd-btn:link,.hd-hero .hd-btn:visited,.hd-hero .hd-btn:hover,.hd-hero .hd-btn:focus,.hd-hero .hd-btn:active{color:#fff!important;text-decoration:none!important}
.hd-btn--primary{background:linear-gradient(100deg,#ea8874,var(--hd-accent));box-shadow:0 10px 26px -10px rgba(222,98,78,.55)}
.hd-btn--primary:hover{transform:translateY(-2px);box-shadow:0 14px 30px -8px rgba(222,98,78,.6)}
.hd-btn--ghost{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.4);backdrop-filter:blur(6px)}
.hd-btn--ghost:hover{background:rgba(255,255,255,.18);transform:translateY(-2px)}
@keyframes hd-fade-up{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
.hd-hero__scroll{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);z-index:1;display:flex;opacity:.85;animation:hd-bounce 2.2s ease-in-out infinite}
.hd-hero__scroll:hover{opacity:1}
@keyframes hd-bounce{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,8px)}}
@media(prefers-reduced-motion:reduce){.hd-hero__content,.hd-hero__scroll{animation:none}}
@media(max-width:782px){.hd-hero__content{padding:clamp(56px,9vh,84px) 20px clamp(60px,9vh,84px)}.hd-hero__title{font-size:clamp(3.1rem,12.5vw,4.2rem)!important;line-height:1;margin-bottom:.15em}.hd-hero__tagline{font-size:1.02rem;margin-bottom:1.15em}.hd-hero__eyebrow{font-size:.54rem;letter-spacing:.04em;padding:.34em .7em;margin-bottom:.85em}.hd-hero__scroll{bottom:12px}}