@font-face {
    font-family: 'Levenim';
    src: url('./fonts/Levenim.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-synthesis: none;
}


.font-levenim {
    font-family: 'Levenim', sans-serif;
}

@font-face {
  font-family: 'LevenimBold';
  src: url('./fonts/LevenimBold.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-synthesis: normal;
}

.font-levenim-bold {
  font-family: "LevenimBold", sans-serif;
}

@keyframes bounce-soft {
  0%   { transform: translateY(0); opacity: 0.7; }
  50%  { transform: translateY(6px); opacity: 1; }
  100% { transform: translateY(0); opacity: 0.7; }
}

.animate-bounce-soft {
  animation: bounce-soft 1.6s ease-in-out infinite;
}

.upwards-shadow {
  box-shadow: 0 -25px 50px -12px rgba(0, 0, 0, 0.25);
}

.inward-shadow {
-webkit-box-shadow: inset 0px 0px 12px 11px #00000041; 
box-shadow: inset 0px 0px 12px 11px #00000041;
}

.inward-shadow-2 {
-webkit-box-shadow: inset 0px 0px 12px 11px #00000023; 
box-shadow: inset 0px 0px 12px 11px #00000020;
}

/* Hide scrollbar for WebKit browsers (iOS Safari, Chrome mobile) */
body::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for Firefox */
body {
  scrollbar-width: none;
}

/* Prevent Android Chrome from showing overlay scrollbars */
html, body {
  -ms-overflow-style: none; /* IE/Edge legacy */
}

.shadow-right {
  
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.fade-in-down {
  opacity: 0; /* start invisible */
  transform: translateY(-10px);
  transition: opacity 0.9s ease-out, transform 0.9s ease-out;
  animation: fadeInDown 0.6s ease-out forwards;
}

.fade-in-down-slow {
  animation-delay: 0.2s;
}


.fade-in-down.visible {
  
}


@keyframes cardLeft {
  0% {
    transform: translateX(-15px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

.card-left.visible {
  animation: cardLeft 0.6s ease-in;
}

@keyframes cardRight {
  0% {
    transform: translateX(15px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

.card-right.visible {
  animation: cardRight 0.6s ease-in;
}


.card-shadow {
  box-shadow: 5px 5px 10px #ffffff0a;
}

.space-mono-regular {
  font-family: "Space Mono", monospace;
  font-weight: 400;
  font-style: normal;
}


.texture-bg {
  
}

.inter {
  font-family: "Inter", sans-serif;
}

.img-container {
  position: relative;
  overflow: hidden;
}

.img-container::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.65); /* adjust darkness */
  z-index: 1; /* sits above gradient */
  pointer-events: none;
}

.img-container img {
  position: relative;
  z-index: 2; /* sits above overlay */
}



background-color: #DFDBE5;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%239C92AC' fill-opacity='0.4' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E");

.my-gradient { background: linear-gradient( 180deg, rgba(31, 31, 31, 0.95) 17%, rgba(31, 31, 31, 0.75) 23%, rgba(31, 31, 31, 0.30) 38%, rgba(31, 31, 31, 0.20) 95%, rgba(31, 31, 31, 0.75) 100% ); }

/* Grain texture overlay */
body::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 9998;
  opacity: 0.07;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-repeat: repeat;
  background-size: 200px 200px;
}