:root {
  --mh-petroleo-900: #0d292e;
  --mh-petroleo-800: #12353b;
  --mh-petroleo-700: #19444b;
  --mh-grafite-900: #1d2527;
  --mh-grafite-700: #465356;
  --mh-grafite-500: #778285;
  --mh-dourado-500: #b79b62;
  --mh-dourado-300: #d6c49d;
  --mh-offwhite: #f7f7f3;
  --mh-cinza-100: #eef1ef;
  --mh-branco: #ffffff;
  --mh-borda: rgba(13, 41, 46, .13);
  --mh-sombra: 0 24px 70px rgba(13, 41, 46, .10);

  --mh-font-display: "Montserrat", Arial, sans-serif;
  --mh-font-body: "Poppins", Arial, sans-serif;

  --mh-radius-sm: 10px;
  --mh-radius-md: 18px;
  --mh-radius-lg: 30px;
  --mh-radius-pill: 999px;

  --mh-container: 1240px;
  --mh-space-section: clamp(72px, 9vw, 132px);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: var(--mh-font-body);
  color: var(--mh-grafite-700);
  background: var(--mh-branco);
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}
img { display: block; max-width: 100%; }
a { color: inherit; }
button, input { font: inherit; }
.mh-container {
  width: min(calc(100% - 40px), var(--mh-container));
  margin-inline: auto;
}
.mh-eyebrow {
  margin: 0 0 16px;
  color: var(--mh-dourado-500);
  font: 700 .75rem/1.3 var(--mh-font-display);
  letter-spacing: .18em;
  text-transform: uppercase;
}
.mh-title {
  margin: 0;
  color: var(--mh-petroleo-900);
  font-family: var(--mh-font-display);
  font-weight: 800;
  letter-spacing: -.045em;
  line-height: 1.03;
}
.mh-section-title {
  font-size: clamp(2rem, 4vw, 4.15rem);
}
.mh-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 13px 22px;
  border: 1px solid transparent;
  border-radius: var(--mh-radius-pill);
  text-decoration: none;
  font: 700 .86rem/1 var(--mh-font-display);
  transition: transform .2s ease, background .2s ease, border-color .2s ease;
  cursor: pointer;
}
.mh-button:hover { transform: translateY(-2px); }
.mh-button--primary {
  color: var(--mh-branco);
  background: var(--mh-petroleo-900);
}
.mh-button--outline {
  color: var(--mh-petroleo-900);
  border-color: var(--mh-petroleo-900);
  background: transparent;
}
.mh-button--gold {
  color: var(--mh-grafite-900);
  background: var(--mh-dourado-500);
}