html {
  scroll-behavior: smooth;
  scroll-padding-top: 6rem;
}

body {
  overflow-x: hidden;
}

h1 {
  font-size: clamp(2.5rem, 5vw, 3rem) !important;
}

h2 {
  font-size: clamp(2rem, 4vw, 2rem) !important;
}

h3 {
  font-size: clamp(1.25rem, 2vw, 1.25rem) !important;
}

a,
button {
  transition:
    color 180ms ease,
    background-color 180ms ease,
    border-color 180ms ease,
    transform 180ms ease,
    opacity 180ms ease;
}

.material-symbols-outlined {
  font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 24;
  vertical-align: middle;
}

.architectural-grid {
  background-image: radial-gradient(circle, #d8c2b8 1px, transparent 1px);
  background-size: 40px 40px;
}

.btn-terracotta {
  background-color: #e3996d;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.btn-terracotta:hover {
  background-color: #d18357;
  transform: translateY(-1px);
}

.curated-border {
  border-left: 1px solid #e3996d;
  padding-left: 2rem;
}

.hero-copy-panel {
  background: rgba(255, 255, 255, 0.8) !important;
}

.company-logo-box img {
  max-height: 3rem;
  width: auto;
  object-fit: contain;
}

.contact-form-status {
  min-height: 1.5rem;
}