:root { color-scheme: dark; background: #000; }
* { box-sizing: border-box; }
html, body { width: 100%; height: 100%; margin: 0; overflow: hidden; }
body { background: #000; color: #fff; font-family: Arial, Helvetica, sans-serif; }
.internal-placeholder-logo { width:clamp(6.5rem,8vw,8.5rem); }
.internal-placeholder-logo img { display:block; width:100%; }
.internal-header>p span { color:#72dcff; }
.coming-soon { position: relative; width: 100%; height: 100svh; display: grid; place-items: center; isolation: isolate; background: #000; }
.coming-soon::after { content: ""; position: absolute; inset: 0; z-index: -1; background: radial-gradient(circle at center, transparent 0 18%, rgba(0,0,0,.18) 48%, #000 86%); pointer-events: none; }
.coming-soon__space { position: absolute; inset: -7%; z-index: -2; transform: translate3d(var(--space-x, 0), var(--space-y, 0), 0) scale(1.1); transition: transform 1.1s cubic-bezier(.16,1,.3,1); }
.coming-soon__space video { width: 100%; height: 100%; object-fit: cover; opacity: .72; filter: sepia(.08) saturate(1.65) hue-rotate(168deg) contrast(1.14) brightness(.74); }
.coming-soon__brand { display: block; width: clamp(10rem, 20vw, 20rem); transform: translate3d(var(--logo-x, 0), var(--logo-y, 0), 0); transition: transform .8s cubic-bezier(.16,1,.3,1); }
.coming-soon__brand img { display: block; width: 100%; filter: drop-shadow(0 0 2rem rgba(45,135,255,.24)); }
.coming-soon > h1 { position: absolute; bottom: clamp(1.8rem, 4vw, 3.8rem); margin: 0; color: rgba(255,255,255,.58); font-size: .58rem; font-weight: 400; letter-spacing: .38em; }
@media (prefers-reduced-motion: reduce) { .coming-soon__space, .coming-soon__brand { transform: none; transition: none; } }