body.page-template-page-home {
  background: #ffffff;
  color: #0f172a;
  font-family: "Plus Jakarta Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body.admin-bar .home-nav {
  top: 32px;
}

@media (max-width: 782px) {
  body.admin-bar .home-nav {
    top: 46px;
  }
}

.home-menu,
.home-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 2.5rem;
}

.home-menu a {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.3em;
  color: #64748b;
  text-decoration: none;
  transition: color 200ms ease;
}

.home-menu a:hover,
.home-menu a:focus {
  color: #0f172a;
}

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

.dot-grid {
  background-image: radial-gradient(#cbd5e1 1px, transparent 1px);
  background-size: 32px 32px;
}

.architectural-lines {
  background-image: linear-gradient(#f1f5f9 1px, transparent 1px),
    linear-gradient(90deg, #f1f5f9 1px, transparent 1px);
  background-size: 80px 80px;
}

.bento-card {
  border: 1px solid transparent;
  padding: 1.75rem;
  border-radius: 2rem;
  transition: transform 0.5s ease, box-shadow 0.5s ease, border-color 0.5s ease;
}

.bento-card:hover {
  box-shadow: 0 24px 36px rgba(226, 232, 240, 0.5);
  transform: translateY(-0.25rem);
}

.gradient-mint {
  background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
}

.gradient-lavender {
  background: linear-gradient(135deg, #f5f3ff 0%, #ede9fe 100%);
}

.gradient-sky {
  background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
}

.gradient-peach {
  background: linear-gradient(135deg, #fff7ed 0%, #ffedd5 100%);
}

.progress-gradient-mint {
  background: linear-gradient(90deg, #4ade80, #2dd4bf);
}

.progress-gradient-sky {
  background: linear-gradient(90deg, #38bdf8, #818cf8);
}

.progress-gradient-peach {
  background: linear-gradient(90deg, #fb923c, #f87171);
}