/* ================= HEADER ================= */
/* ================= HEADER STRUCTURE ================= */

.resyd-header {
  position: relative;   /* no sticky for now */
  background: var(--white);
  border-bottom: 1px solid var(--border-light);
  z-index: 50;
}

.header-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 72px;
}

.header-right {
  display: flex;
  align-items: center;
  gap: 32px;
}

/* NAV */

.nav-links {
  list-style: none;
  display: flex;
  gap: 28px;
  margin: 0;
  padding: 0;
}

.nav-links li {
  list-style: none;
}

/* HEADER CTA SMALLER */

.nav-cta {
  padding: 10px 20px;
  font-size: 14px;
}

/* LOGO SIZE FIX */

.logo-img {
  height: 34px;
  width: auto;
}


/* ================= HERO ================= */

.hero-section {
  min-height: 85vh;
  display: flex;
  align-items: center;

  background-color: var(--brand-deep);

  background-image:
    linear-gradient(rgba(0,0,0,0.65), rgba(0,0,0,0.65)),
    url('/assets/images/hero/bg.png');

  background-size: cover;
  background-position: center;

  padding: 110px 0;
  color: var(--text-light);
}

.hero-sub {
  margin-top: 20px;
  margin-bottom: 30px;
  font-size: 18px;
  color: rgba(255,255,255,0.9);
}

.hero-cta-group {
  display: flex;
  gap: 18px;
  flex-wrap: wrap;
  margin-top: 25px;
}

/* ================= SECTIONS ================= */

.section-light,
.section-soft,
.section-dark {
  padding: 70px 20px;
}

.section-light { background: var(--white); }
.section-soft  { background: var(--bg-light); }

.section-dark {
  background: linear-gradient(
    145deg,
    var(--brand-deep),
    var(--brand-dark)
  );
  color: var(--text-light);
}