/* ═══════════════════════════════
   HERO
═══════════════════════════════ */
#s-hero{
  height:100vh;min-height:700px;
  position:relative;
  /* GEEN overflow:hidden hier — gebruik clip-path ipv */
  background:var(--black);
  display:flex;flex-direction:column;justify-content:flex-end;
}
.hero-vid-wrap{
  position:absolute;inset:0;
  overflow:hidden; /* overflow hidden MAG hier — hero is niet de sticky parent */
}
.hero-vid{position:absolute;inset:0;width:100%;height:115%;top:-7.5%;object-fit:cover;opacity:.5;will-change:transform;}
.hero-ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(8,8,8,.92) 0%,rgba(8,8,8,.2) 60%,rgba(8,8,8,.05) 100%);}
.hero-grain{position:absolute;inset:0;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");pointer-events:none;}
.hero-badge{position:absolute;top:84px;left:48px;z-index:2;border:.5px solid rgba(255,255,255,.15);border-radius:40px;padding:6px 16px;display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.05);}
.hb-dot{width:5px;height:5px;border-radius:50%;background:var(--blue);animation:pulse 2s ease-in-out infinite;}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}
.hb-txt{font-family:var(--hand);font-size:14px;color:rgba(255,255,255,.5);}
.hero-tag-r{position:absolute;top:84px;right:48px;z-index:2;font-family:var(--sans);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.22);writing-mode:vertical-rl;}
.hero-content{position:relative;z-index:2;padding:0 48px 58px;}
.hero-pre{font-family:var(--sans);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--blue);font-weight:500;margin-bottom:16px;}
.hero-h1{font-family:var(--serif);font-size:clamp(70px,10.5vw,150px);font-weight:300;color:white;line-height:.88;letter-spacing:-.025em;margin-bottom:36px;}
.hl{display:block;will-change:transform;}
.hero-h1 em{font-style:italic;color:rgba(255,255,255,.38);}
.hero-h1 .b{color:var(--blue);}
.hero-row{display:flex;align-items:flex-end;justify-content:space-between;}
.hero-sub{font-family:var(--serif);font-size:19px;font-weight:300;font-style:italic;color:rgba(255,255,255,.4);max-width:320px;line-height:1.45;}
.h-scroll{font-family:var(--sans);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.2);display:flex;align-items:center;gap:10px;}
.hs-line{width:44px;height:.5px;background:rgba(255,255,255,.2);}

/* ─── MARQUEE ─── */
.mq{background:var(--blue);padding:11px 0;white-space:nowrap;overflow:hidden;} /* overflow:hidden OK op losse sectie */
.mq-track{display:inline-flex;animation:mqr 22s linear infinite;}
.mq-track:hover{animation-play-state:paused;}
.mq-i{font-family:var(--serif);font-size:16px;font-style:italic;color:rgba(255,255,255,.7);padding:0 24px;display:inline-flex;align-items:center;gap:14px;flex-shrink:0;}
.mq-i::after{content:'✦';font-size:9px;color:rgba(255,255,255,.35);font-style:normal;}
@keyframes mqr{from{transform:translateX(0)}to{transform:translateX(-50%)}}