/* HERO v3 — three staggered video screens (one video, masked), headline split by a video pill */
.hero.hv{flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;
  padding:calc(var(--nav-height) + 18px) var(--space-xl) var(--space-xl);min-height:100svh}
.hv>*:not(.hero-bg){position:relative;z-index:2}

.hv-head{display:flex;justify-content:space-between;align-items:center;max-width:1500px;width:100%;margin:0 auto 12px;
  font-size:11px;letter-spacing:.16em;font-weight:600;color:var(--color-text-secondary)}
.hv-rec{display:flex;align-items:center;gap:9px;color:var(--color-text)}
.hv-rec i{width:7px;height:7px;border-radius:50%;background:#ff3b30;animation:s3d-pulse 1.4s ease-in-out infinite}

/* one 1920×720 video = three 640×720 screens; the SVG mask cuts them apart (middle one taller) */
.hv-strip{display:block;width:min(100%,calc(42svh * 8 / 3),1500px);aspect-ratio:8/3;margin:0 auto;position:relative;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1920 720' preserveAspectRatio='none'%3E%3Crect x='0' y='48' width='620' height='672' rx='30'/%3E%3Crect x='650' y='0' width='620' height='720' rx='30'/%3E%3Crect x='1300' y='48' width='620' height='672' rx='30'/%3E%3C/svg%3E") center/100% 100% no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1920 720' preserveAspectRatio='none'%3E%3Crect x='0' y='48' width='620' height='672' rx='30'/%3E%3Crect x='650' y='0' width='620' height='720' rx='30'/%3E%3Crect x='1300' y='48' width='620' height='672' rx='30'/%3E%3C/svg%3E") center/100% 100% no-repeat;
  clip-path:inset(100% 0 0 0);animation:hv-rise 1.1s var(--ease-out-expo) .15s forwards}
.hv-strip-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease-out-expo)}
.hv-strip:hover .hv-strip-video{transform:scale(1.02)}
.hv-strip:focus-visible{outline:2px solid var(--color-accent);outline-offset:6px}

.hv-title{max-width:1500px;width:100%;margin:clamp(22px,4vh,44px) auto 0;font-family:var(--font-display);font-weight:500;
  font-size:clamp(2.6rem,min(7vw,11.5svh),8.4rem);line-height:.98;letter-spacing:-.035em;text-align:center;color:var(--color-text)}
.hv-line{display:block;overflow:hidden;padding-bottom:.06em}
.hv-w{display:inline-block;transform:translateY(105%);animation:hv-up 1s var(--ease-out-expo) forwards}
.hv-line:nth-child(1) .hv-w:first-child{animation-delay:.45s}.hv-line:nth-child(1) .hv-w:last-child{animation-delay:.6s}
.hv-line:nth-child(2) .hv-w:first-child{animation-delay:.72s}.hv-line:nth-child(2) .hv-w:last-child{animation-delay:.84s}
.hv-accent{color:var(--color-accent)}
.hv-pill{display:inline-block;width:1.9em;height:.82em;vertical-align:-.06em;border-radius:999px;overflow:hidden;position:relative;
  box-shadow:0 0 0 2px rgba(210,255,0,.55),0 18px 50px -18px rgba(210,255,0,.5);transform:scale(.2);opacity:0;
  animation:hv-pop .9s var(--ease-out-expo) .55s forwards}
.hv-pill video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

.hv-foot{max-width:1500px;width:100%;margin:clamp(20px,3.5vh,40px) auto 0;display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:var(--space-lg);
  opacity:0;animation:fadeInUp 1s var(--ease-out-expo) 1s forwards}
.hv-sub{max-width:380px;color:var(--color-text-secondary);font-size:.95rem;line-height:1.6}
.hv-cta{display:flex;gap:var(--space-sm);justify-content:center}
.hv-stats{display:flex;gap:var(--space-xl);justify-content:flex-end}
.hv-stats .stat{text-align:right}

@keyframes hv-rise{to{clip-path:inset(0 0 0 0)}}
@keyframes hv-up{to{transform:none}}
@keyframes hv-pop{to{transform:none;opacity:1}}

@media(max-width:1000px){.hv-foot{grid-template-columns:1fr;justify-items:center;text-align:center}.hv-sub{max-width:520px}.hv-stats{justify-content:center}.hv-stats .stat{text-align:center}}
/* phone: only the middle screen, full width */
@media(max-width:700px){
  .hero.hv{padding:calc(var(--nav-height) + 8px) var(--space-md) var(--space-xl)}
  .hv-head .hv-chain{display:none}
  .hv-strip{width:100%;aspect-ratio:620/720;max-height:56svh;-webkit-mask:none;mask:none;border-radius:24px;overflow:hidden}
  .hv-strip-video{width:309.7%;left:-104.8%;max-width:none}
  .hv-title{font-size:clamp(2.3rem,11.5vw,3.4rem)}
  .hv-cta{flex-direction:column;width:100%}.hv-cta .btn{justify-content:center}
  .hv-stats{gap:var(--space-lg)}
}
@media(prefers-reduced-motion:reduce){.hv-strip,.hv-w,.hv-pill,.hv-foot{animation:none;clip-path:none;transform:none;opacity:1}.hv-rec i{animation:none}}