:root {
  color: #f1ede4;
  background: #0b2226;
  font-family: "Plus Jakarta Sans", system-ui, sans-serif;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

* { box-sizing: border-box; }
html, body { width: 100%; min-width: 320px; min-height: 100%; margin: 0; overflow: hidden; background: #0b2226; }
body { min-height: 100dvh; }
.coming-soon { position: relative; min-height: 100dvh; overflow: hidden; padding: 24px; background: #081618; }

.luxury-bg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: hidden; background: #081618; z-index: 0; }
.luxury-bg::after {
  content: ""; position: absolute; inset: 0; width: 100%; height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");
  opacity: 0.05; pointer-events: none; z-index: 1; mix-blend-mode: overlay;
}

.orb { position: absolute; border-radius: 50%; filter: blur(80px); opacity: 0.5; animation: float 20s infinite ease-in-out alternate; }
.orb-1 { width: 60vw; height: 60vw; background: #11363a; top: -10%; left: -10%; animation-duration: 25s; }
.orb-2 { width: 50vw; height: 50vw; background: #c2a17a; opacity: 0.15; bottom: -10%; right: -10%; animation-duration: 22s; animation-delay: -5s; }
.orb-3 { width: 55vw; height: 55vw; background: #0f2c30; top: 30%; left: 20%; animation-duration: 28s; animation-delay: -10s; }

@keyframes float {
  0% { transform: translate(0, 0) scale(1); }
  50% { transform: translate(5%, 10%) scale(1.1); }
  100% { transform: translate(-5%, 5%) scale(0.9); }
}
.content { position: relative; z-index: 1; display: flex; min-height: calc(100dvh - 48px); flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.brand-logo { width: clamp(12rem, 24vw, 18rem); height: auto; margin-bottom: clamp(2.5rem, 7vh, 4rem); color: #f1ede4; filter: drop-shadow(0 4px 14px rgba(0,0,0,.15)); }
h1 { max-width: 40rem; margin: 0 0 clamp(2.5rem, 7vh, 3.5rem); color: rgba(241,237,228,.86); font-family: "Cormorant Garamond", Georgia, serif; font-size: clamp(.76rem, 1.25vw, 1rem); font-weight: 300; line-height: 1.7; letter-spacing: clamp(.18em, .4vw, .30em); text-transform: uppercase; }
.social-links { display: flex; align-items: center; justify-content: center; gap: 1.8rem; }
.social-links a { display: grid; width: 1.5rem; height: 1.5rem; place-items: center; color: rgba(241,237,228,.7); transition: color .25s ease, transform .25s ease; }
.social-links a:hover { color: #f1ede4; transform: scale(1.09); }
.social-links a:focus-visible { outline: 1px solid rgba(241,237,228,.95); outline-offset: 7px; border-radius: 999px; }
.social-links svg { width: 1.2rem; height: 1.2rem; fill: none; stroke: currentColor; stroke-width: 1.5; }
.social-links .fill { fill: currentColor; stroke: none; }
.noscript { position: fixed; inset: 0; z-index: 5; display: grid; place-items: center; padding: 2rem; background: #0b2226; color: #f1ede4; text-align: center; }
@media (max-height: 520px) { .brand-logo { margin-bottom: 1.75rem; } h1 { margin-bottom: 1.75rem; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } }