/* ==========================================================================
   Renaissance Advisory Services — Coming Soon
   ========================================================================== */

:root {
  --navy: #0a1e3f;
  --navy-deep: #061428;
  --steel: #2f6fa8;
  --steel-light: #5b93c4;
  --cream: #f6f1e7;
  --cream-soft: #efe8d8;
  --ink: #1a1f26;
  --white: #ffffff;

  --font-display: "Fraunces", Georgia, serif;
  --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  font-family: var(--font-body);
  color: var(--ink);
  background: var(--navy-deep);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

img { max-width: 100%; display: block; }

.hero {
  position: relative;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.hero-bg {
  position: absolute;
  inset: 0;
  background-image: url('../assets/img/hero-bg.jpg');
  background-size: cover;
  background-position: center 30%;
}

.hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(6,20,40,0.82) 0%, rgba(6,20,40,0.78) 45%, rgba(6,20,40,0.92) 100%);
}

.hero-content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 2rem 1.5rem;
}

.logo-large {
  width: min(560px, 78vw);
  height: auto;
  filter: brightness(0) invert(1);
  opacity: 0.96;
}

.divider {
  width: 56px;
  height: 1px;
  background: rgba(255,255,255,0.35);
  margin: 2.4rem 0 2rem;
}

.tagline {
  font-size: 0.85rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--steel-light);
}

@media (max-width: 480px) {
  .divider { margin: 2rem 0 1.6rem; }
}