html,
body {
  margin: 0;
  min-height: 100%;
  background: #faf6f0;
}

.hero {
  min-height: 100vh;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  padding: 2rem 16px;
}

.title {
  margin: 0;
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 400;
  font-size: clamp(2rem, 7vw, 4.5rem);
  letter-spacing: 0.04em;
  color: #6b3e26;
  text-align: center;
}

.map {
  width: min(70vw, 420px);
  height: auto;
}

.map path {
  fill: none;
  stroke: #a0522d;
  stroke-width: 4;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}