/* ===== Zoya Rayne – Luxury Theme ===== */

/* Color tokens */
:root{
  --bg:#0b0b0b;
  --bg-2:#131313;
  --gold:#e7c65b;
  --gold-2:#c9aa42;
  --text:#f5f5f5;
  --muted:#bfbfbf;
  --ring: rgba(231,198,91,.25);
}

/* Base */
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family: "Georgia", serif;
  color:var(--text);
  background: var(--bg);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

/* Container */
.wrapper{max-width:1100px;margin:0 auto;padding:0 20px}

/* Hero */
.hero{
  position:relative;
  min-height:60vh;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:100px 20px 60px;
  background:
    linear-gradient(180deg, rgba(0,0,0,.65), rgba(0,0,0,.75)),
    url("houston-skyline.jpg") center/cover no-repeat;
}
.hero h1{
  font-size: clamp(40px, 7vw, 76px);
  margin:0;
  color:var(--gold);
  text-shadow: 0 0 12px rgba(231,198,91,.65), 0 0 28px rgba(255,255,255,.25);
  animation: headerGlow 2.2s ease-in-out infinite alternate;
}
@keyframes headerGlow{
  from{ text-shadow:0 0 8px rgba(231,198,91,.5), 0 0 18px rgba(255,255,255,.15) }
  to{   text-shadow:0 0 16px rgba(231,198,91,.9), 0 0 36px rgba(255,255,255,.35) }
}

/* Section */
.section{padding:56px 0;background:linear-gradient(180deg,var(--bg) 0%, var(--bg-2) 100%)}