/* Hero met groot hover-menu (alleen geladen op pagina's met een hero-blok). */
.bwt-hero{position:relative;width:100%;height:100vh;height:100svh;min-height:560px;display:flex;flex-direction:column;overflow:hidden;color:#fff;background:#0a0c19}
.bwt-hero-slides{position:absolute;inset:0;z-index:1}
.bwt-hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s ease-in-out}
.bwt-hero-slide.is-active{opacity:1}
.bwt-hero-overlay{position:absolute;inset:0;z-index:2;background:linear-gradient(to bottom,rgba(10,12,25,.45) 0%,rgba(10,12,25,.1) 40%,rgba(10,12,25,.8) 100%)}
.bwt-hero-content{position:absolute;left:var(--bwt-pad);bottom:4rem;z-index:10;display:flex;flex-direction:column}
.bwt-hero-intro{max-width:400px;margin:0 0 1.5rem;font-size:1rem;font-weight:300;letter-spacing:1px;line-height:1.5;color:rgba(255,255,255,.92)}
.bwt-hero-menu{display:flex;flex-direction:column;gap:.5rem}
.bwt-hero-link{width:fit-content;font-size:clamp(3rem,6vw,6rem);font-weight:300;line-height:1;text-transform:uppercase;text-decoration:none;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.7);transition:color .4s var(--bwt-ease),-webkit-text-stroke-color .4s var(--bwt-ease),transform .4s var(--bwt-ease)}
.bwt-hero-link:hover,.bwt-hero-link:focus-visible,.bwt-hero-link.is-active{color:#fff;-webkit-text-stroke-color:transparent;transform:translateX(15px)}
.bwt-hero-link:focus-visible{outline-color:#fff}
.bwt-scroll-indicator{position:absolute;right:var(--bwt-pad);bottom:4rem;z-index:10;display:flex;flex-direction:column;align-items:center;opacity:.7}
.bwt-scroll-pill{display:flex;justify-content:center;align-items:flex-start;width:24px;height:40px;padding-top:6px;border:1px solid rgba(255,255,255,.55);border-radius:12px}
.bwt-scroll-line{width:2px;height:8px;border-radius:2px;background:#fff;animation:bwtScroll 1.5s infinite}
@keyframes bwtScroll{0%{transform:translateY(0);opacity:1}50%{transform:translateY(12px);opacity:0}100%{transform:translateY(0);opacity:0}}
@media (max-width:1024px){.bwt-hero-content{bottom:3rem}.bwt-scroll-indicator{bottom:3rem}.bwt-hero-link{-webkit-text-stroke-width:1px}}
@media (max-width:768px){.bwt-hero-content{bottom:6rem}.bwt-hero-link{font-size:2.6rem}.bwt-scroll-indicator{display:none}}
@media (hover:none){.bwt-hero-link{color:#fff;-webkit-text-stroke-color:transparent;opacity:.55}.bwt-hero-link.is-active{opacity:1}}