html {
    /* scroll-behavior removido - usando Lenis para scroll suave */
  }

@font-face {
    font-family: 'Baskerville';
    src: url('./fonts/baskervville.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'Urbanist';
    src: url('./fonts/urbanist.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }
  
  h1,
  h2,
  h3, li {
    font-family: "Baskerville", sans-serif;
  }
  
  p,
  button {
    font-family: "Urbanist", serif;
  }

  /* Materials section scroll snap */
  .materials-container {
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE and Edge */
  }

  .materials-container::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera */
  }

  #fixed-material-image {
    transition: opacity 0.7s ease-in-out;
  }

  @media (max-width: 768px) {
    .fixed-image-container {
      display: none !important;
    }
  }
  /* Custom Cursor */
  * {
    cursor: none !important;
  }

  #custom-cursor {
    position: fixed;
    width: 10px;
    height: 10px;
    border: 1.5px solid #3B302F;
    border-radius: 50%;
    pointer-events: none;
    z-index: 99999;
    background: transparent;
    left: 0;
    top: 0;
    will-change: transform;
  }

  #custom-cursor.cursor-expanded {
    width: 50px;
    height: 50px;
    border-width: 2px;
    background: rgba(59, 48, 47, 0.05);
  }

  @media (max-width: 768px) {
    #custom-cursor {
      display: none !important;
    }
    
    * {
      cursor: auto !important;
    }
  }