:root {
  --mq-bg: #f8f8f6;
  --mq-text: #2e2b26;
  --mq-muted: #6f6a61;
  --mq-dark: #2f2a26;
  --mq-dark-2: #25211e;
  --mq-light: #f5f4f1;
  --mq-primary: #d86d25;
  --mq-primary-glow: #e9853d;
  --mq-border: #dfddd8;
}

body {
  font-family: "Inter", sans-serif;
  background: var(--mq-bg);
  color: var(--mq-text);
}

.bg-mq-dark {
  background: var(--mq-dark);
}

.text-mq-primary {
  color: var(--mq-primary);
}

.btn-mq-primary {
  background: var(--mq-primary);
  border-color: var(--mq-primary);
  color: #fff;
}

.btn-mq-primary:hover,
.btn-mq-primary:focus {
  background: var(--mq-primary-glow);
  border-color: var(--mq-primary-glow);
  color: #fff;
}

.hero-overlay {
  background: linear-gradient(rgba(24, 21, 19, 0.7), rgba(24, 21, 19, 0.7));
}

.site-header {
  background: rgba(47, 42, 38, 0.95);
  backdrop-filter: blur(4px);
}

.site-main {
  padding-top: 112px;
}

@media (max-width: 767.98px) {
  .site-main {
    padding-top: 80px;
  }
}

.hero-home {
  min-height: 600px;
  height: 85vh;
}

.hero-page {
  min-height: 300px;
  height: 40vh;
}

.hero-service {
  min-height: 350px;
  height: 50vh;
}

.img-card {
  aspect-ratio: 16 / 10;
  object-fit: cover;
}

.about-img {
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.service-list-image {
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.rounded-4 {
  border-radius: 1rem;
}

.section-dark {
  background: var(--mq-dark);
  color: #f4f1eb;
}

.section-dark .text-muted {
  color: rgba(244, 241, 235, 0.65) !important;
}

.section-dark a {
  color: rgba(244, 241, 235, 0.85);
}

.section-dark a:hover {
  color: var(--mq-primary);
}

.feature-check {
  color: var(--mq-primary);
  font-weight: 700;
  margin-right: 0.5rem;
}

.footer-border {
  border-color: rgba(244, 241, 235, 0.12) !important;
}

.service-card {
  background: rgba(255, 255, 255, 0.06);
  transition: 0.25s ease;
}

.service-card:hover {
  background: rgba(255, 255, 255, 0.11);
}

.cta-gradient {
  background: linear-gradient(135deg, var(--mq-primary), var(--mq-primary-glow));
}

.map-wrap iframe {
  min-height: 320px;
}