body {
  background: #F7FAFB;
  color: var(--dark);
}

.brand-color {
  color: var(--brand);
}

.brand-studio {
  letter-spacing: .35em;
  font-size: 10px;
}

.btn-brand {
  background: var(--brand);
  color: #fff;
  border: none;
}

.btn-brand:hover {
  background: #008f9b;
  color: #fff;
}

.section-padding {
  padding: 90px 0;
}

.rounded-5 {
  border-radius: 2rem !important;
}

.project-card img {
  height: 260px;
  object-fit: cover;
}

.project-card {
  transition: .25s ease;
}

.project-card:hover {
  transform: translateY(-5px);
}

/* ===== GLOBAL SPACING SYSTEM ===== */

.section {
  padding: 96px 0;
}

.section-sm {
  padding: 64px 0;
}

.container-custom {
  max-width: 1140px;
  margin: 0 auto;
}

/* Typography */
h1 { font-size: 56px; line-height: 1.1; }
h2 { font-size: 38px; font-weight: 600; }
h3 { font-size: 22px; }

p {
  font-size: 17px;
  line-height: 1.6;
  color: #6c757d;
}

/* Buttons */
.btn-brand {
  background: var(--brand);
  color: #fff;
  padding: 12px 28px;
  border-radius: 50px;
}

.btn-outline-dark {
  border-radius: 50px;
  padding: 12px 28px;
}