body {
  margin: 0;
  padding: 0;
  font-family: "Anek Bangla", "Hind Siliguri", "Noto Sans Bengali", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

.font-bn {
  font-family: "Anek Bangla", "Hind Siliguri", "Noto Sans Bengali", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

.font-en {
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

#site-header {
  transition: box-shadow 0.2s ease;
}

#site-header.scrolled {
  box-shadow: 0 10px 30px rgb(15 23 42 / 0.1);
}

#mobile-panel {
  transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1);
}

.focus-ring:focus-visible {
  outline: 2px solid #10b981;
  outline-offset: 2px;
}

.hero-bg-slide {
  position: absolute;
  inset: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0;
  transition: opacity 0.9s ease;
}

.hero-bg-slide.is-active {
  opacity: 1;
}

.hero-picture-slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.8s ease;
}

.hero-picture-slide.is-active {
  opacity: 1;
}

.hero-bg-overlay {
  background: linear-gradient(120deg, rgb(248 250 252 / 0.16), rgb(236 253 245 / 0.08));
}