/* Full-page video background and centered logo + text */
*{box-sizing:border-box}
html,body{height:100%;margin:0}
body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial;background:#000;color:#fff}

.video-bg video{position:fixed;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate(-50%,-50%);object-fit:cover;z-index:-1;filter:grayscale(100%) contrast(1.05) saturate(0.6)}
.video-bg{position:fixed;inset:0;overflow:hidden;background:#000}

.video-bg::after{content:"";position:fixed;inset:0;background:rgba(0,0,0,0.28);pointer-events:none;z-index:0}

.center{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;z-index:1}
.logo{width:660px;max-width:80vw;height:auto;margin-bottom:1rem;filter:drop-shadow(0 10px 30px rgba(0,0,0,0.6))}

h1{margin:0;font-size:clamp(14px,3vw,24px);letter-spacing:0.06em;text-transform:uppercase;background:rgba(0,0,0,0.35);padding:0.45rem 0.85rem;border-radius:8px}

/* Dark overlay for better contrast when needed */
.center::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.35));z-index:-1}

@media (prefers-reduced-motion:reduce){
  .video-bg video{animation:none}
}

/* Fallback when video isn't available */
body.no-video{background:#111}