/* Full-width, beeldvullende video-intro; vast topmenu uit style.css. */
.intro-page{background:#000;overflow-x:hidden}
.intro{position:relative;width:100%;height:calc(100svh - var(--topmenu-height));min-height:420px;overflow:hidden;background:#000 url('../images/bloody-hell-logo.png') center/cover no-repeat}
.intro-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:1}
.intro-shade{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(to top,rgba(0,0,0,.76),transparent 36%)}
.intro-controls{position:absolute;bottom:65px;left:0;right:0;z-index:3;display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap;padding:0 16px}
.enter-button,.replay-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:16px 25px;border-radius:12px;border:1px solid #e6ad6d;color:#fff4e2;text-decoration:none;font-size:.83rem;font-weight:800;letter-spacing:.12em;cursor:pointer}
.enter-button{background:linear-gradient(135deg,#a21630,#4b0614);box-shadow:0 8px 28px #0009}
.replay-button{background:#150b11d9}
.enter-button:hover,.replay-button:hover{filter:brightness(1.18)}
.replay-button[hidden]{display:none}
.intro-footer{position:relative;text-align:center;background:#070305;padding:12px 16px;color:#d9b8b2;font-size:.67rem;letter-spacing:.08em}
@media(max-width:700px){.intro{min-height:360px}.intro-controls{bottom:28px}.enter-button,.replay-button{padding:13px 15px;font-size:.72rem}}
@media(prefers-reduced-motion:reduce){.intro-video{display:none}}

/* Intro start pas na een klik, zodat geluid toegestaan is. */
.intro-start{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px;background:rgba(0,0,0,.42);text-align:center}
.intro-start[hidden]{display:none}
.start-intro-button{border:1px solid #e6ad6d;background:linear-gradient(135deg,#a21630,#4b0614);color:#fff4e2;padding:20px 30px;border-radius:14px;letter-spacing:.09em;font:inherit;font-weight:800;cursor:pointer;box-shadow:0 10px 40px #000b}
.start-intro-button:hover{filter:brightness(1.2)}
.intro-start p{color:#f6dfd2;margin:0;text-shadow:0 2px 8px #000}