body { background-color: #f4f1ea; color: #111111; }
    .border-sharp { border-color: #111111; }
    .grid-lines { 
      background-image: linear-gradient(to right, #e5e0d8 1px, transparent 1px), linear-gradient(to bottom, #e5e0d8 1px, transparent 1px); 
      background-size: 40px 40px; 
    }
    .no-scrollbar::-webkit-scrollbar { display: none; }
    .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

    @keyframes fadeIn { from { opacity: 0; transform: translateY(15px); } to { opacity: 1; transform: translateY(0); } }
    .animate-fadeIn { animation: fadeIn 0.4s ease-out forwards; }

html, body {
  overflow-x: hidden;
}

* {
  box-sizing: border-box;
}

img, canvas, svg {
  max-width: 100%;
}

@media (max-width: 640px) {
  .grid-lines {
    background-size: 24px 24px;
  }
}


.logo-adjust { transform: translate(0.5cm, 1cm); }

.hero-logo {
  height: 24px;
  width: auto !important;
  max-width: none !important;
  object-fit: contain;
  display: block;
}

@media (min-width: 768px) {
  .hero-logo {
    height: 40px;
  }
}

@media (min-width: 1024px) {
  .hero-logo {
    height: 48px;
  }
}