:root {
  --site10-gold: #f8b83f;
  --site10-gold-deep: #eba82a;
  --site10-cream: #fbf7ef;
  --site10-cream-strong: #f6f0e3;
  --site10-text: #1d1f24;
  --site10-body: #52545b;
  --site10-border: rgba(248, 184, 63, 0.18);
  --site10-shadow: 0 20px 50px rgba(33, 28, 21, 0.08);
}

.home-10-section {
  padding: 52px 0;
}

.home-10-title {
  margin: 0;
  color: var(--site10-text);
  font-family: "League Spartan", "Montserrat", sans-serif;
  font-size: clamp(1.95rem, 3vw, 3.35rem);
  line-height: 1.02;
  font-weight: 800;
  letter-spacing: -0.035em;
}

.home-10-title--hero {
  max-width: 720px;
  font-size: clamp(2.35rem, 4.5vw, 4.35rem);
}

.home-10-copy {
  margin: 18px 0 0;
  color: var(--site10-body);
  font-family: "Manrope", sans-serif;
  font-size: 16px;
  line-height: 1.6;
}

.home-10-copy--lead {
  max-width: 820px;
  font-size: 17px;
}

.home-10-pill {
  display: inline-flex;
  margin: 0 0 16px;
  color: var(--site10-gold-deep);
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.home-10-button,
.home-10-call,
.home-10-learn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 60px;
  padding: 14px 30px;
  border-radius: 12px;
  font-family: "Manrope", sans-serif;
  font-size: 17px;
  font-weight: 800;
  line-height: 1.2;
  text-decoration: none;
  transition: transform 0.2s ease, filter 0.2s ease, background 0.2s ease, border-color 0.2s ease;
}

.home-10-button,
.home-10-call {
  background: var(--site10-gold);
  color: #ffffff;
  border: 1px solid transparent;
  box-shadow: 0 10px 24px rgba(248, 184, 63, 0.24);
}

.home-10-button--ghost {
  background: #ffffff;
  color: var(--site10-text);
  border-color: rgba(29, 31, 36, 0.12);
  box-shadow: none;
}

.home-10-button:hover,
.home-10-call:hover,
.home-10-learn:hover {
  transform: translateY(-1px);
  filter: brightness(0.98);
}

.home-10-call__text {
  white-space: normal;
  text-align: center;
  overflow-wrap: anywhere;
}

.home-10-learn {
  justify-content: flex-start;
  min-height: auto;
  padding: 0;
  border-radius: 0;
  background: transparent;
  color: var(--site10-gold-deep);
  font-size: 17px;
}

.home-10-learn::before {
  content: "➜";
  margin-right: 8px;
  color: var(--site10-text);
  font-size: 16px;
}

.home-10-hidden {
  display: none !important;
}

@media (max-width: 980px) {
  .home-10-section {
    padding: 40px 0;
  }

  .home-10-title {
    font-size: clamp(1.85rem, 5.8vw, 2.85rem);
  }

  .home-10-title--hero {
    font-size: clamp(2.2rem, 7.5vw, 3.45rem);
  }
}

@media (max-width: 640px) {
  .home-10-pill {
    width: auto;
  }

  .home-10-copy,
  .home-10-copy--lead {
    font-size: 15px;
  }

  .home-10-button,
  .home-10-call {
    min-height: 50px;
    padding: 12px 18px;
    font-size: 15px;
    width: auto;
    max-width: 100%;
  }
}