/* Accueil — images et vidéo (placeholders à remplacer par les visuels définitifs) */
.h-bg{position:absolute;inset:0;z-index:0;overflow:hidden;background:var(--d0)}
.h-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.08) brightness(.95);transform:scale(1.04)}
.h-tint{position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,11,12,.5) 0,rgba(14,11,12,.08) 40%,rgba(14,11,12,.88) 100%)}
.h-tint::before{content:"";position:absolute;inset:0;background:#5e1a2e;mix-blend-mode:multiply;opacity:.55}
.h-hero .avenue{background:none;mix-blend-mode:screen;opacity:.8}
.h-hero .avenue .vignette{background:radial-gradient(120% 90% at 50% 45%,transparent 40%,rgba(14,11,12,.8) 100%)}
.h-hero .avenue .grid{opacity:.7}
#preloader .avenue{background:radial-gradient(60% 55% at 50% 40%,rgba(217,190,147,.13),transparent 70%),radial-gradient(110% 70% at 50% 105%,rgba(94,26,46,.7),transparent 70%),var(--d0)}

/* Déclaration + images en parallaxe */
.h-st-grid{display:grid;gap:clamp(36px,6vw,80px);grid-template-columns:1fr;align-items:center}
@media(min-width:1000px){.h-st-grid{grid-template-columns:7fr 5fr}}
.h-st-media{position:relative;display:grid;gap:18px;grid-template-columns:1fr 1fr;align-items:start}
@media(min-width:1000px){.h-st-media{display:block;min-height:clamp(480px,48vw,680px)}}
.h-st-media figure{margin:0;overflow:hidden;border-radius:4px;transform:translate3d(0,var(--py,0px),0)}
.h-st-media img{width:100%;height:100%;object-fit:cover;filter:grayscale(.55) contrast(1.05) brightness(.9)}
@media(min-width:1000px){
  .h-st-media figure{position:absolute}
  .h-st-media figure:first-child{left:0;top:0;width:68%;aspect-ratio:4/5}
  .h-st-media figure.b{right:0;bottom:0;width:52%;aspect-ratio:1/1;border:6px solid var(--d0)}
}
@media(max-width:999px){.h-st-media figure{aspect-ratio:4/5}}
html.anim .par.rv{transition:opacity .95s ease;transform:translate3d(0,var(--py,0px),0)}
html.anim .par.rv:not(.in){opacity:0}

/* Bandeau photo */
.h-strip{overflow:hidden;background:var(--d0);padding:clamp(24px,4vw,56px) 0}
.h-strip-track{display:flex;width:max-content;animation:mq 70s linear infinite reverse}
.h-strip:hover .h-strip-track{animation-play-state:paused}
.h-strip .grp{display:flex;gap:clamp(12px,1.6vw,22px);padding-right:clamp(12px,1.6vw,22px);flex:none}
.h-strip figure{margin:0;flex:none;width:clamp(200px,24vw,340px);aspect-ratio:4/5;overflow:hidden;border-radius:4px}
.h-strip img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05) brightness(.82);transition:filter .6s,transform .8s cubic-bezier(.2,.7,.2,1)}
.h-strip figure:hover img{filter:none;transform:scale(1.06)}

/* Aperçu image qui suit le curseur (lignes « situations ») */
.h-peek{position:fixed;left:0;top:0;z-index:150;width:clamp(220px,22vw,320px);aspect-ratio:4/5;pointer-events:none;overflow:hidden;border-radius:4px;opacity:0;transition:opacity .3s;box-shadow:0 30px 60px rgba(0,0,0,.4)}
.h-peek.on{opacity:1}
.h-peek img{width:100%;height:100%;object-fit:cover}

/* Image de fond (sections sombres) */
.h-bgimg{position:absolute;inset:0;overflow:hidden;z-index:0;pointer-events:none}
.h-bgimg img{position:absolute;left:0;top:-12%;width:100%;height:124%;object-fit:cover;filter:grayscale(1) brightness(.5);opacity:.34;transform:translate3d(0,var(--py,0px),0)}
.h-bgimg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--d0) 0,rgba(14,11,12,.2) 25%,rgba(14,11,12,.2) 70%,var(--d0) 100%)}
.h-bgimg.strong img{opacity:.5;filter:grayscale(.6) brightness(.55)}
.h-approach .wrap,.h-finale .wrap{position:relative;z-index:2}
.h-finale-bg{z-index:1}

/* Cartes d'expertise avec image */
.h-cards{display:grid;gap:clamp(14px,1.6vw,22px);grid-template-columns:1fr}
@media(min-width:700px){.h-cards{grid-template-columns:1fr 1fr}}
@media(min-width:1000px){.h-cards{grid-template-columns:repeat(3,1fr)}}
.h-card{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;border-radius:4px;color:#fff;text-decoration:none;background:var(--d1);isolation:isolate}
.h-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(.5) brightness(.82);transform:scale(1.02);transition:transform 1.1s cubic-bezier(.16,.84,.24,1),filter .8s}
.h-card .shade{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(14,11,12,.05) 25%,rgba(14,11,12,.88) 100%)}
.h-card::after{content:"";position:absolute;inset:0;z-index:2;border:1px solid rgba(217,190,147,0);transition:border-color .4s;border-radius:4px;pointer-events:none}
.h-card:hover img,.h-card:focus-visible img{transform:scale(1.08);filter:grayscale(0) brightness(.9)}
.h-card:hover::after,.h-card:focus-visible::after{border-color:rgba(217,190,147,.9)}
.h-card .in{position:absolute;z-index:3;left:0;right:0;bottom:0;padding:clamp(20px,2.4vw,30px)}
.h-card h3{font-size:clamp(1.45rem,2.1vw,1.85rem);color:#fff;margin-bottom:8px}
.h-card p{font-size:.98rem;line-height:1.5;color:rgba(247,243,237,.86);margin:0 0 14px;max-width:34ch}
.h-card .more{display:inline-flex;align-items:center;gap:8px;font-weight:500;color:var(--gold);transition:gap .3s}
.h-card:hover .more{gap:14px}
.h-card .more svg{width:16px;height:16px}
@media(prefers-reduced-motion:reduce){.h-strip-track{animation:none!important}}