/* ============================================================
   ARGANE — Hero fiche balayeuse (calque sur .hero-min broyeurs)
   ------------------------------------------------------------
   Fil d'ariane, nom en tres grand, rendu qui mord dessus,
   texte de presentation, tags.
   ============================================================ */

.balhm{display:block;background:var(--forge);color:var(--paper);padding:var(--sp-hero-top) var(--gutter) clamp(72px,8vw,112px);text-align:center;overflow:hidden;}
.balhm .hm-crumb{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:10px;max-width:var(--max);margin:0 auto var(--sp-crumb-gap);text-align:left;font-family:var(--ff-body);font-size:12px;letter-spacing:0.04em;color:rgba(250,250,250,0.62);}
.balhm .hm-crumb a{color:rgba(250,250,250,0.62);transition:color .2s ease;}
.balhm .hm-crumb a:hover{color:var(--paper);}
.balhm .hm-crumb .sep{color:rgba(250,250,250,0.38);}
.balhm .hm-crumb .current{color:var(--paper);}

@keyframes balGhostIn{from{opacity:0;letter-spacing:0.08em;}to{opacity:1;letter-spacing:-0.03em;}}
@keyframes balShotIn{from{opacity:0;transform:translateY(70px) scale(0.965);}to{opacity:1;transform:translateY(0) scale(1);}}

.balhm-showcase{position:relative;margin:clamp(18px,2.6vw,40px) auto 0;max-width:1400px;display:grid;place-items:center;isolation:isolate;}
.balhm-showcase .ghost{position:absolute;top:20%;left:50%;z-index:-1;margin:0;width:max-content;font-family:var(--ff-display);font-weight:500;font-size:min(17vw,240px);line-height:0.82;letter-spacing:-0.03em;white-space:nowrap;color:var(--paper);user-select:none;pointer-events:none;transform:translate(-50%,-50%);will-change:transform;animation:balGhostIn 1.1s cubic-bezier(.16,1,.3,1) both;}
.balhm-showcase .shot{position:relative;z-index:0;width:min(88%,880px);aspect-ratio:16/10;display:block;margin-top:clamp(44px,5.4vw,92px);filter:drop-shadow(0 40px 60px rgba(8,31,44,0.6));animation:balShotIn 1.15s cubic-bezier(.16,1,.3,1) .18s both;object-fit:contain;}

.balhm-para{margin:clamp(52px,7vw,104px) auto 0;max-width:58ch;font-family:var(--ff-body);font-size:clamp(18px,1.7vw,23px);line-height:1.5;color:rgba(250,250,250,0.88);text-wrap:pretty;}
.balhm .bh-meta{justify-content:center;margin-top:clamp(22px,2.4vw,32px);}

@media (prefers-reduced-motion:reduce){.balhm-showcase .ghost,.balhm-showcase .shot{animation:none;}}
@media (max-width:640px){.balhm-showcase .ghost{top:22%;font-size:26vw;}.balhm-showcase .shot{width:100%;margin-top:clamp(40px,14vw,70px);}}