/* Blu Mattone - hero animata della home (caricato solo nella pagina che la contiene). */
/* ===================== CONFIGURAZIONE =====================
   Hero animata della home (copertina con classe "bm-hero-intro").
   Testi, foto e statistiche si modificano dall'editor della pagina. */
.bm-hero-intro{
  --bm-hi-beat:.4s;                                /* durata di una battuta: tutto il ritmo dipende da qui (.4s = 150 BPM) */
  --bm-hi-pad-top:calc(var(--bm-hh,92px) + 26px);  /* spazio in alto (sotto l'header) */
  --bm-hi-pad-bottom:150px;                        /* spazio in basso occupato dalle statistiche */
  --bm-hi-cream:#F5F5DE;
  --bm-hi-ink:#111112;
  --bm-hi-logo-color:#FFFFFF;
}
@media (max-width:640px){.bm-hero-intro{--bm-hi-pad-top:calc(var(--bm-hh,72px) + 14px);--bm-hi-pad-bottom:190px}}
/* =================== FINE CONFIGURAZIONE =================== */

@font-face{font-family:""BM Poppins"";font-weight:400;font-style:normal;font-display:swap;src:url(data:font/woff2;base64,{{F400}}) format("woff2")}
@font-face{font-family:""BM Poppins"";font-weight:700;font-style:normal;font-display:swap;src:url(data:font/woff2;base64,{{F700}}) format("woff2")}
@font-face{font-family:""BM Poppins"";font-weight:800;font-style:normal;font-display:swap;src:url(data:font/woff2;base64,{{F800}}) format("woff2")}
@property --bm-hi-num{syntax:"<integer>";inherits:false;initial-value:0}

.bm-hero-intro.bm-hi-js{
  --hb:var(--bm-hi-beat);
  --bm-hi-ease:cubic-bezier(.16,1,.3,1);
  --bm-hi-snap:cubic-bezier(.76,0,.24,1);
  --bm-hi-line:rgba(245,245,222,.9);
  height:max(640px,100vh);height:max(640px,100svh);min-height:0!important;padding:0;overflow:hidden;isolation:isolate;
  container-type:size;color:#fff;
}
/* finche' la lastra non e' pronta: tutto nascosto (niente lampi al caricamento) */
.bm-intro .bm-hero-intro:not(.bm-hi-drawn),.bm-hero-intro.bm-hi-js:not(.bm-hi-drawn){background:var(--bm-hi-ink)}
.bm-intro .bm-hero-intro:not(.bm-hi-drawn)>*,.bm-hero-intro.bm-hi-js:not(.bm-hi-drawn)>*{visibility:hidden}
.bm-hero-intro.bm-hi-js::after{display:none}
.bm-hero-intro.bm-hi-js:not(.bm-hi-go) *,
.bm-hero-intro.bm-hi-js:not(.bm-hi-go) *::before,
.bm-hero-intro.bm-hi-js:not(.bm-hi-go) *::after{animation-play-state:paused !important}
.bm-hero-intro.bm-hi-off .bm-hi-loop,.bm-hero-intro.bm-hi-off .bm-hi-loop *{animation-play-state:paused !important}
.bm-hi-sr{position:absolute !important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.bm-hi-stage{position:absolute;inset:0}

/* ---------- livelli sopra lo sfondo della sezione (sfumati ai bordi: nessuno stacco visibile) ---------- */
.bm-hi-bg{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.bm-hi-kophoto{position:absolute;inset:0;background:var(--bm-hi-bg) center/cover no-repeat #222;filter:grayscale(1) contrast(1.25) brightness(1.25);
  animation:bm-hi-out 1ms linear calc(var(--hb)*9.78) both}
.bm-hi-shade{position:absolute;inset:0;
  background:
    radial-gradient(56% 46% at 50% 45%,rgba(8,8,8,.58) 0%,rgba(8,8,8,.28) 58%,rgba(8,8,8,0) 100%),
    radial-gradient(72% 34% at 50% 100%,rgba(8,8,8,.55) 0%,rgba(8,8,8,0) 100%);
  animation:bm-hi-fadein calc(var(--hb)*1.2) ease calc(var(--hb)*9.8) both}
.bm-hi-beams{position:absolute;inset:0;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent),linear-gradient(180deg,transparent,#000 14%,#000 86%,transparent);
  -webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent),linear-gradient(180deg,transparent,#000 14%,#000 86%,transparent);mask-composite:intersect;
  animation:bm-hi-fadein calc(var(--hb)*2) ease calc(var(--hb)*10) both}
.bm-hi-beams i{position:absolute;inset:-20% -30%;will-change:transform,opacity;
  background:
    linear-gradient(105deg,transparent 0 24%,rgba(255,238,200,.08) 32%,rgba(255,238,200,.025) 41%,transparent 48%),
    linear-gradient(105deg,transparent 0 44%,rgba(255,238,200,.05) 50%,transparent 58%),
    linear-gradient(105deg,transparent 0 60%,rgba(255,238,200,.04) 65%,transparent 72%);
  animation:bm-hi-beams calc(var(--hb)*24) ease-in-out infinite alternate}
.bm-hi-spot{--bm-hi-sh:420px;position:absolute;left:0;top:0;width:calc(var(--bm-hi-sh)*2);height:calc(var(--bm-hi-sh)*2);will-change:transform;
  background:radial-gradient(closest-side,rgba(255,240,214,.10),rgba(255,240,214,.035) 55%,rgba(255,240,214,0));
  transform:translate3d(calc(30cqw - var(--bm-hi-sh)),calc(40cqh - var(--bm-hi-sh)),0);
  animation:bm-hi-drift calc(var(--hb)*40) ease-in-out infinite alternate}
@media (pointer:fine){.bm-hi-spot{animation:none}}
.bm-hi-grain{position:absolute;inset:0;z-index:6;pointer-events:none;overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent),linear-gradient(180deg,transparent,#000 8%,#000 92%,transparent);
  -webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent),linear-gradient(180deg,transparent,#000 8%,#000 92%,transparent);mask-composite:intersect}
.bm-hi-grain i{position:absolute;inset:-50%;opacity:.5;background-size:180px 180px;animation:bm-hi-grain .7s steps(1) infinite}

/* ---------- lastra (canvas): il claim viene traforato, poi la lastra si apre ---------- */
.bm-hi-plate{position:absolute;inset:0;z-index:1;width:100%;height:100%;display:block;pointer-events:none}

/* ---------- intro: tagli dei servizi ---------- */
.bm-hi-intro{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.bm-hi-line{position:absolute;left:0;right:0;top:50%;height:1px;background:var(--bm-hi-line);transform-origin:0 50%;
  animation:bm-hi-linein calc(var(--hb)*.7) var(--bm-hi-snap) calc(var(--hb)*.1) both,bm-hi-out 1ms linear calc(var(--hb)*1.5) both}
.bm-hi-teaser{position:absolute;left:0;right:0;top:calc(50% - 30px);text-align:center;font-size:12px;font-weight:700;letter-spacing:.36em;
  text-transform:uppercase;color:var(--bm-hi-cream);white-space:nowrap}
.bm-hi-teaser span{display:inline-block;padding-left:.36em;
  animation:bm-hi-type calc(var(--hb)*.8) steps(var(--n,20),end) calc(var(--hb)*.25) both,bm-hi-out 1ms linear calc(var(--hb)*1.5) both}
.bm-hi-blade{position:absolute;left:0;right:0;height:1px;top:var(--bm-hi-split,50%);background:var(--bm-hi-cream);transform-origin:0 50%;
  animation:bm-hi-linein calc(var(--hb)*.35) cubic-bezier(.9,0,.1,1) calc(var(--hb)*9.45) both,bm-hi-out calc(var(--hb)*.2) linear calc(var(--hb)*9.9) both}
.bm-hi-cut{position:absolute;inset:0;opacity:0;overflow:hidden;display:flex;align-items:center;justify-content:center;
  animation:bm-hi-show var(--hb) steps(1,end) calc(var(--hb)*var(--k)) none}
.bm-hi-cutbg{position:absolute;inset:0;background:var(--bm-hi-bg) center/cover no-repeat #111;filter:grayscale(1) contrast(1.25);
  animation:bm-hi-push var(--hb) linear calc(var(--hb)*var(--k)) both}
.bm-hi-cutbg::after{content:"";position:absolute;inset:0;background:rgba(8,8,8,.58)}
.bm-hi-cutw{position:relative;margin:0;font-weight:800;line-height:1;text-transform:uppercase;white-space:nowrap;letter-spacing:-.025em;
  color:var(--bm-hi-cream);font-size:13cqw}
.bm-hi-mask{overflow:hidden;padding:.04em .03em .02em}
.bm-hi-cc{display:inline-block;animation:bm-hi-rise calc(var(--hb)*.7) var(--bm-hi-ease) calc(var(--hb)*(var(--k) + var(--j)*.028)) both}
.bm-hi-cutn{position:absolute;left:calc(4% + 24px);bottom:calc(var(--bm-hi-pad-bottom) + 18px);display:flex;align-items:baseline;gap:14px;
  font-size:12px;letter-spacing:.2em;font-weight:400;text-transform:uppercase;color:var(--bm-hi-cream);
  animation:bm-hi-wipe calc(var(--hb)*.5) var(--bm-hi-snap) calc(var(--hb)*(var(--k) + .15)) both}
.bm-hi-cutn b{font-weight:700;letter-spacing:.06em}
.bm-hi-cut--cream{--ww:min(30cqw,42cqh);--wh:60cqh;background-color:var(--bm-hi-cream);background-image:var(--bm-hi-paper,none);background-size:180px 180px;background-blend-mode:multiply}
.bm-hi-cut--cream .bm-hi-cutn{color:var(--bm-hi-ink)}
.bm-hi-win{position:absolute;left:calc(50% - var(--ww)/2);top:calc(50% - var(--wh)/2);width:var(--ww);height:var(--wh);overflow:hidden;
  animation:bm-hi-winin calc(var(--hb)*.45) var(--bm-hi-snap) calc(var(--hb)*var(--k)) both}
.bm-hi-win i{position:absolute;inset:-8%;background:var(--bm-hi-bg) 24% 45%/cover no-repeat #222;filter:grayscale(1) contrast(1.25);
  animation:bm-hi-winzoom var(--hb) cubic-bezier(.2,.7,.2,1) calc(var(--hb)*var(--k)) both}
.bm-hi-cut--cream .bm-hi-cutw{color:var(--bm-hi-ink);animation:bm-hi-slide var(--hb) var(--bm-hi-ease) calc(var(--hb)*var(--k)) both}
.bm-hi-winclip{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  clip-path:inset(calc(50% - var(--wh)/2) calc(50% - var(--ww)/2));
  animation:bm-hi-winclip calc(var(--hb)*.45) var(--bm-hi-snap) calc(var(--hb)*var(--k)) both}
.bm-hi-cut--cream .bm-hi-winclip .bm-hi-cutw{color:var(--bm-hi-cream)}
.bm-hi-strips{position:absolute;inset:0}
.bm-hi-strip{position:absolute;top:0;bottom:0;overflow:hidden;
  animation:bm-hi-stripin calc(var(--hb)*.5) var(--bm-hi-snap) calc(var(--hb)*(var(--k) + var(--j)*.035)) both}
.bm-hi-strip i{position:absolute;top:0;bottom:0;background:var(--bm-hi-bg) center/cover no-repeat #111;filter:grayscale(1) contrast(1.25)}
.bm-hi-strip i::after{content:"";position:absolute;inset:0;background:rgba(8,8,8,.58)}
.bm-hi-stack{position:relative;display:flex;flex-direction:column;align-items:center;font-size:13cqw;
  animation:bm-hi-stack var(--hb) linear calc(var(--hb)*var(--k)) both}
.bm-hi-stack .bm-hi-cutw{font-size:1em;line-height:.96}
.bm-hi-stack .bm-hi-cutw.bm-hi-o{color:transparent;-webkit-text-stroke:max(1px,.01em) var(--bm-hi-cream);opacity:.75}

/* ---------- segni di stampa / mirino ---------- */
.bm-hi-vf{position:absolute;z-index:3;pointer-events:none;color:var(--bm-hi-cream);
  top:calc(var(--bm-hi-pad-top) - 8px);bottom:calc(var(--bm-hi-pad-bottom) + 4px);left:4%;right:4%;
  font-size:11px;font-weight:400;letter-spacing:.22em;text-transform:uppercase;line-height:1;
  animation:bm-hi-ink var(--hb) steps(1,end) calc(var(--hb)*2.5) none}
.bm-hi-c{position:absolute;width:26px;height:26px;
  animation:bm-hi-snapc calc(var(--hb)*8) var(--bm-hi-ease) calc(var(--hb)*11.4) infinite}
.bm-hi-c::before,.bm-hi-c::after{content:"";position:absolute;background:currentColor;
  animation:bm-hi-draw calc(var(--hb)*.5) var(--bm-hi-snap) calc(var(--hb)*(.3 + var(--i,0)*.06)) both}
.bm-hi-c::before{height:1.5px;width:100%}
.bm-hi-c::after{width:1.5px;height:100%}
.bm-hi-c1{top:0;left:0;--sx:-1;--sy:-1}.bm-hi-c1::before,.bm-hi-c1::after{top:0;left:0;transform-origin:0 0}
.bm-hi-c2{top:0;right:0;--sx:1;--sy:-1}.bm-hi-c2::before,.bm-hi-c2::after{top:0;right:0;transform-origin:100% 0}
.bm-hi-c3{bottom:0;left:0;--sx:-1;--sy:1}.bm-hi-c3::before,.bm-hi-c3::after{bottom:0;left:0;transform-origin:0 100%}
.bm-hi-c4{bottom:0;right:0;--sx:1;--sy:1}.bm-hi-c4::before,.bm-hi-c4::after{bottom:0;right:0;transform-origin:100% 100%}
.bm-hi-reg{position:absolute;top:50%;width:15px;height:15px;margin-top:-7.5px;border:1px solid currentColor;border-radius:50%;
  animation:bm-hi-draw calc(var(--hb)*.5) var(--bm-hi-ease) calc(var(--hb)*.55) both}
.bm-hi-reg::before,.bm-hi-reg::after{content:"";position:absolute;background:currentColor}
.bm-hi-reg::before{left:-5px;right:-5px;top:6px;height:1px}
.bm-hi-reg::after{top:-5px;bottom:-5px;left:6px;width:1px}
.bm-hi-reg1{left:-24px}.bm-hi-reg2{right:-24px}
.bm-hi-tl,.bm-hi-tr,.bm-hi-bl,.bm-hi-br{position:absolute;display:flex;align-items:center;gap:10px;white-space:nowrap;
  animation:bm-hi-wipe calc(var(--hb)*.8) var(--bm-hi-snap) var(--d,0s) both}
.bm-hi-tl{top:20px;left:24px;--d:calc(var(--hb)*.6)}
.bm-hi-tr{top:20px;right:24px;--d:calc(var(--hb)*.7)}
.bm-hi-bl{bottom:18px;left:24px;--d:calc(var(--hb)*10.8)}
.bm-hi-br{bottom:18px;right:24px;--d:calc(var(--hb)*10.9)}
.bm-hi-dot{width:7px;height:7px;border-radius:50%;background:currentColor;
  animation:bm-hi-blink calc(var(--hb)*2) steps(1,end) calc(var(--hb)*.6) infinite}
.bm-hi-tc{display:flex;letter-spacing:0}
.bm-hi-tc span{display:inline-block;width:.68em;text-align:center}
.bm-hi-tc span.bm-hi-sep{width:.38em}
.bm-hi-ix{display:flex;flex-direction:column;gap:9px}
.bm-hi-ixm{height:1.25em;overflow:hidden}
.bm-hi-ixl{display:flex;flex-direction:column}
.bm-hi-ixl span{display:block;height:1.25em;line-height:1.25em;white-space:nowrap}
.bm-hi-ixl b{font-weight:700;margin-right:.9em}
.bm-hi-bar{height:1px;width:150px;background:rgba(245,245,222,.25);overflow:hidden}
.bm-hi-bar i{display:block;height:100%;background:currentColor;transform-origin:0 50%;transform:scaleX(0)}

/* ---------- logo (si compone al centro, poi vola nell'header) ---------- */
.bm-hi-logowrap{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;padding-bottom:4%;pointer-events:none}
.bm-hi-logo{display:block;width:min(52cqw,420px,52cqh);height:auto;overflow:visible;
  color:var(--bm-hi-logo-color);fill:currentColor;will-change:transform;transform-origin:50% 50%;
  animation:bm-hi-fly calc(var(--hb)*.9) var(--bm-hi-snap) calc(var(--hb)*6.8) both,
            bm-hi-out calc(var(--hb)*.3) linear calc(var(--hb)*7.6) both}
.bm-hi-bp,.bm-hi-l{transform-box:fill-box;transform-origin:50% 50%}
.bm-hi-pc{animation:bm-hi-inb calc(var(--hb)*.7) var(--bm-hi-ease) calc(var(--hb)*4.5) both}
.bm-hi-pt{animation:bm-hi-int calc(var(--hb)*.7) var(--bm-hi-ease) calc(var(--hb)*5) both}
.bm-hi-pr{animation:bm-hi-inr calc(var(--hb)*.7) var(--bm-hi-ease) calc(var(--hb)*5.5) both}
.bm-hi-l{animation:bm-hi-rise calc(var(--hb)*1.2) var(--bm-hi-ease) calc(var(--hb)*(5.6 + var(--i,0)*.06)) both}
.bm-hi-l.bm-hi-dn{animation-name:bm-hi-fall}

/* ---------- contenuti ---------- */
.bm-hi-js .wp-block-cover__inner-container{position:absolute;inset:0;z-index:2;width:auto;max-width:none;margin:0;display:flex;flex-direction:column;align-items:center;
  justify-content:center;text-align:center;padding:var(--bm-hi-pad-top) 6% var(--bm-hi-pad-bottom)}
.bm-hero-intro.bm-hi-js h1.bm-hi-title{max-width:none;margin:0;font-weight:800;text-transform:uppercase;color:var(--bm-hi-cream);
  font-size:clamp(2.6rem,min(8.8cqw,16.5cqh),9.4rem);
  line-height:.95;letter-spacing:-.012em;text-shadow:0 .02em .5em rgba(0,0,0,.35)}
.bm-hi-js .bm-hi-title:not(.bm-hi-split){animation:bm-hi-fadeup calc(var(--hb)*2) var(--bm-hi-ease) calc(var(--hb)*8.7) both}
.bm-hi-w{display:inline-block;white-space:nowrap}
.bm-hi-ch{display:inline-block;clip-path:inset(-50% -50% -50% -50%);
  animation:bm-hi-fill calc(var(--hb)*.6) var(--bm-hi-snap) calc(var(--hb)*(8.7 + var(--i,0)*.025)) both}
.bm-hi-js .bm-hi-sub{margin:clamp(14px,min(1.8cqw,2.5cqh),28px) 0 0;max-width:24em;font-weight:700;color:#fff;
  font-size:clamp(1rem,1.05cqw,1.3rem);line-height:1.4;text-shadow:0 1px 18px rgba(0,0,0,.5)}
.bm-hi-js .bm-hi-sub:not(.bm-hi-split),.bm-hi-sw{animation:bm-hi-fadeup calc(var(--hb)*2) var(--bm-hi-ease) calc(var(--hb)*(10.2 + var(--i,0)*.05)) both}
.bm-hi-sw{display:inline-block}
.bm-hi-js .bm-hi-mag{margin-top:clamp(18px,min(2.2cqw,3.8cqh),36px);will-change:transform}
.bm-hi-js .bm-hi-btn{--b-fg:var(--bm-hi-cream);--b-bg:#1D1E20;min-height:56px;padding:0 1.9em 0 2.1em;border:2px solid #B3B3B3;color:#E8E8E8;
  font-size:clamp(1rem,.95cqw,1.15rem);
  animation:bm-hi-btnin calc(var(--hb)*2) var(--bm-hi-ease) calc(var(--hb)*10.6) both}
.bm-hi-js .bm-hi-btn:hover,.bm-hi-js .bm-hi-btn:focus-visible{border-color:var(--bm-hi-cream);color:#1D1E20}

/* ---------- statistiche (come l'originale: linea sopra, 4 colonne con divisori) ---------- */
.bm-hi-js .bm-hi-stats{position:absolute;z-index:2;left:11%;right:11%;bottom:clamp(14px,2.6%,28px);margin:0;padding:0;list-style:none;border-top:0;
  display:grid;grid-template-columns:repeat(4,1fr);text-align:left}
.bm-hi-stats::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:rgba(255,255,255,.32);transform-origin:0 50%;
  animation:bm-hi-linein calc(var(--hb)*1.2) var(--bm-hi-snap) calc(var(--hb)*10.4) both}
.bm-hi-js .bm-hi-stats li{position:relative;padding:20px 12px 6px 22px;min-width:0;border:0;margin:0}
.bm-hi-stats li+li::before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:rgba(255,255,255,.22);transform-origin:50% 0;
  animation:bm-hi-vline calc(var(--hb)*.8) var(--bm-hi-snap) calc(var(--hb)*(10.6 + var(--i,0)*.1)) both}
.bm-hi-js .bm-hi-stats strong{display:block;margin:0;font-weight:700;font-size:clamp(2rem,3.5cqw,3.4rem);line-height:1;letter-spacing:-.01em;color:#fff;
  animation:bm-hi-fadeup calc(var(--hb)*1.2) var(--bm-hi-ease) calc(var(--hb)*(10.6 + var(--i,0)*.12)) both}
.bm-hi-num{display:inline-block;font-style:normal;text-align:right;counter-reset:hin var(--bm-hi-num);--bm-hi-num:var(--to,0);
  animation:bm-hi-count calc(var(--hb)*1.8) cubic-bezier(.2,.7,.2,1) calc(var(--hb)*(10.7 + var(--i,0)*.12)) both}
.bm-hi-num::before{content:counter(hin)}
.bm-hi-js .bm-hi-stats li>span{display:block;margin-top:12px;font-size:12px;font-weight:400;letter-spacing:.18em;text-transform:uppercase;line-height:1.35;color:#fff;
  animation:bm-hi-wipe calc(var(--hb)*.8) var(--bm-hi-snap) calc(var(--hb)*(10.85 + var(--i,0)*.1)) both}

@media (max-width:1024px){
  .bm-hero-intro.bm-hi-js h1.bm-hi-title{font-size:clamp(2.4rem,10.5cqw,7rem)}
  .bm-hi-js .bm-hi-sub{font-size:clamp(1rem,2.1cqw,1.25rem)}
  .bm-hi-js .bm-hi-stats{left:5%;right:5%}
  .bm-hi-js .bm-hi-stats li>span{font-size:11px;letter-spacing:.14em}
  .bm-hi-br{display:none}
}
@media (max-width:640px){
  .bm-hero-intro.bm-hi-js h1.bm-hi-title{font-size:13cqw}
  .bm-hi-js .bm-hi-sub{font-size:1rem;max-width:20em}
  .bm-hi-vf{left:16px;right:16px;font-size:10px;letter-spacing:.16em}
  .bm-hi-tl,.bm-hi-tr{top:14px}.bm-hi-tl,.bm-hi-bl{left:14px}.bm-hi-tr{right:14px}
  .bm-hi-bl{bottom:12px}
  .bm-hi-bar{width:110px}.bm-hi-c{width:20px;height:20px}.bm-hi-reg{display:none}
  .bm-hi-cutn{left:30px;font-size:10px;gap:10px}
  .bm-hi-cut--cream{--ww:56cqw;--wh:40cqh}
  .bm-hi-spot{--bm-hi-sh:280px}
  .bm-hi-js .bm-hi-stats{left:16px;right:16px;grid-template-columns:repeat(2,1fr)}
  .bm-hi-js .bm-hi-stats li{padding:14px 8px 4px 14px}
  .bm-hi-js .bm-hi-stats li:nth-child(odd){padding-left:0}
  .bm-hi-js .bm-hi-stats li:nth-child(odd)::before{display:none}
  .bm-hi-js .bm-hi-stats li:nth-child(n+3){border-top:1px solid rgba(255,255,255,.22);margin-top:10px;animation:bm-hi-btop calc(var(--hb)*.8) linear calc(var(--hb)*10.8) both}
  .bm-hi-js .bm-hi-stats strong{font-size:2rem}
  .bm-hi-js .bm-hi-stats li>span{font-size:10px;letter-spacing:.12em;margin-top:8px}
}

/* ---------- keyframes ---------- */
@keyframes bm-hi-fadein{from{opacity:0}to{opacity:1}}
@keyframes bm-hi-out{to{opacity:0}}
@keyframes bm-hi-beams{from{transform:translate3d(-6%,0,0) rotate(-1.5deg);opacity:.45}to{transform:translate3d(6%,0,0) rotate(1.5deg);opacity:1}}
@keyframes bm-hi-drift{
  0%{transform:translate3d(calc(22cqw - var(--bm-hi-sh)),calc(35cqh - var(--bm-hi-sh)),0)}
  50%{transform:translate3d(calc(62cqw - var(--bm-hi-sh)),calc(62cqh - var(--bm-hi-sh)),0)}
  100%{transform:translate3d(calc(80cqw - var(--bm-hi-sh)),calc(30cqh - var(--bm-hi-sh)),0)}}
@keyframes bm-hi-grain{0%{transform:translate3d(0,0,0)}20%{transform:translate3d(-4%,3%,0)}40%{transform:translate3d(-2%,-5%,0)}60%{transform:translate3d(5%,2%,0)}80%{transform:translate3d(3%,-3%,0)}100%{transform:translate3d(0,0,0)}}
@keyframes bm-hi-linein{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes bm-hi-vline{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes bm-hi-show{0%,100%{opacity:1}}
@keyframes bm-hi-type{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes bm-hi-push{from{transform:var(--fr,none)}to{transform:var(--fr,none) scale(1.06)}}
@keyframes bm-hi-slide{from{transform:translate3d(7%,0,0)}to{transform:translate3d(-1%,0,0)}}
@keyframes bm-hi-winin{from{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes bm-hi-winclip{from{clip-path:inset(calc(50% + var(--wh)/2) calc(50% - var(--ww)/2) calc(50% - var(--wh)/2))}to{clip-path:inset(calc(50% - var(--wh)/2) calc(50% - var(--ww)/2))}}
@keyframes bm-hi-winzoom{from{transform:scale(1.25)}to{transform:scale(1.04)}}
@keyframes bm-hi-stripin{from{transform:translate3d(0,var(--sy,100%),0)}to{transform:none}}
@keyframes bm-hi-stack{from{transform:translate3d(0,8%,0)}to{transform:translate3d(0,-8%,0)}}
@keyframes bm-hi-ink{0%,100%{color:var(--bm-hi-ink)}}
@keyframes bm-hi-draw{from{transform:scale(0)}to{transform:scale(1)}}
@keyframes bm-hi-snapc{0%{transform:translate3d(calc(var(--sx)*8px),calc(var(--sy)*8px),0)}9%,100%{transform:translate3d(0,0,0)}}
@keyframes bm-hi-wipe{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes bm-hi-blink{0%{opacity:1}50%{opacity:.15}}
@keyframes bm-hi-fly{from{transform:none}to{transform:translate3d(var(--hx,0px),var(--hy,0px),0) scale(var(--hs,1))}}
@keyframes bm-hi-inb{from{transform:translate3d(0,120%,0);opacity:0}25%{opacity:1}to{transform:none;opacity:1}}
@keyframes bm-hi-int{from{transform:translate3d(0,-220%,0);opacity:0}25%{opacity:1}to{transform:none;opacity:1}}
@keyframes bm-hi-inr{from{transform:translate3d(160%,0,0);opacity:0}25%{opacity:1}to{transform:none;opacity:1}}
@keyframes bm-hi-rise{from{transform:translate3d(0,105%,0)}to{transform:none}}
@keyframes bm-hi-fall{from{transform:translate3d(0,-105%,0)}to{transform:none}}
@keyframes bm-hi-fill{from{clip-path:inset(100% -50% 0 -50%)}to{clip-path:inset(-50% -50% -50% -50%)}}
@keyframes bm-hi-fadeup{from{opacity:0;transform:translate3d(0,22px,0)}to{opacity:1;transform:none}}
@keyframes bm-hi-btnin{from{opacity:0;transform:translate3d(0,22px,0) scale(.92)}to{opacity:1;transform:none}}
@keyframes bm-hi-count{from{--bm-hi-num:0}to{--bm-hi-num:var(--to,0)}}
@keyframes bm-hi-fade{from{opacity:0}to{opacity:1}}
@keyframes bm-hi-btop{from{border-top-color:transparent}}

/* ---------- movimento ridotto: resta la versione statica ---------- */