/* Minimalist luxury landing — pure CSS marble, gold serif typography */

:root{
  --bg-deep: #070707;
  --vein:#ffffff;
  --gold: #caa14b; /* warm matte gold */
  --gold-dark: #8f6f2f;
  --txt-shadow: rgba(0,0,0,0.55);
}

/* full-bleed, no scroll */
*{box-sizing:border-box}
html,body{height:100%;margin:0;background:var(--bg-deep);font-family: "Georgia", "Times New Roman", serif;color:var(--gold);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
body{
  /* layered gradients to emulate subtle black marble with thin white veining */
  background-color:var(--bg-deep);
  background-image:
    /* soft ambient vignette for cinematic lighting */
    radial-gradient(60% 40% at 50% 15%, rgba(255,255,255,0.03), transparent 18%),
    radial-gradient(70% 50% at 50% 90%, rgba(0,0,0,0.45), transparent 30%),
    /* fine veins */
    linear-gradient( -20deg, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.01) 8%, transparent 10%),
    linear-gradient( 10deg, rgba(255,255,255,0.02) 0%, rgba(255,255,255,0.005) 6%, transparent 10%),
    /* faint swirling streaks */
    repeating-linear-gradient(120deg, rgba(255,255,255,0.004) 0 1px, transparent 1px 80px),
    repeating-linear-gradient(60deg, rgba(255,255,255,0.003) 0 1px, transparent 1px 120px);
  background-blend-mode: overlay, overlay, normal, normal, soft-light, soft-light;
  background-repeat: no-repeat;
  background-size: cover;
}

/* Centered content */
#brand{
  height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  text-align:center;
  padding:6vw;
  gap:10px;
}

/* Main title: bold, large serif with subtle matte gold effect */
#brand h1{
  margin:0;
  font-size:clamp(28px, 8vw, 72px);
  font-weight:700;
  letter-spacing:0.08em;
  color:var(--gold);
  text-shadow:
    0 1px 0 rgba(255,255,255,0.02), /* tiny highlight */
    0 6px 30px rgba(0,0,0,0.6);     /* deep matte shadow for depth */
  line-height:0.9;
  transform: translateZ(0);
}

/* Subtext: small, refined, uppercase with lighter weight */
#brand .sub{
  font-size:clamp(10px, 1.6vw, 14px);
  color:linear-gradient(var(--gold), var(--gold-dark));
  color: rgba(202,161,75,0.95);
  letter-spacing:0.18em;
  text-transform:uppercase;
  margin-top:8px;
  opacity:0.95;
  filter: drop-shadow(0 4px 12px rgba(0,0,0,0.45));
}

/* Responsive: ensure single-screen, no scrolling */
@media (max-height:480px){
  #brand{padding:18px}
  #brand h1{font-size:28px}
}