Coming Soon

* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: ‚Inter’, sans-serif;
}

body {
background: #000;
color: #fff;
overflow: hidden;
}

.hero {
position: relative;
width: 100%;
height: 100vh;
overflow: hidden;
background: black;
}

.video-bg {
position: absolute;
top: 50%;
left: 50%;
width: 177.77vh;
height: 100vh;
min-width: 100%;
min-height: 56.25vw;
transform: translate(-50%, -50%);
pointer-events: none;
z-index: 1;
}

.overlay {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.55);
z-index: 2;
}

.content {
position: relative;
z-index: 3;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}

.content h1 {
font-size: clamp(2.5rem, 6vw, 5rem);
font-weight: 300;
letter-spacing: 0.25em;
text-transform: uppercase;
opacity: 0.9;
}

@media (max-width: 768px) {
.content h1 {
letter-spacing: 0.15em;
}
}

Coming Soon…