* { margin:0; padding:0; box-sizing:border-box; }
html, body { min-height:100%; overflow-x:hidden; background:#000; }
@font-face {
  font-family: 'Typeface-Mac 2.ttf';                  /* nom à utiliser dans font-family */
  src: url('../fonts/Typeface-Mac-2.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
.frames {
  position: fixed;
  inset: 0;
  overflow: hidden;
  pointer-events: auto; /* essentiel pour le clic */
}

.frame {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transform-origin: center center;
  will-change: transform;
  pointer-events: auto; /* essentiel */
}

.scroll-space { width:100%; }

body::before {
  content:"";
  position: fixed;
  top:0; left:0;
  width:100%;
  height:100%;
  background:#000;
  z-index:-1;
  pointer-events:none;
}

  .bouton-projets {
    position: fixed;
    bottom: 20px;
    right: 20px;
  /* bleu du texte */
    font-family: "Typeface-Mac 2.ttf";
    font-size: 16px;
    text-decoration: none; /* pas de soulignement */
  background: white;
  border: 1px solid blue;
  color: blue;
  padding: 8px 16px;
  border-radius: 8px;
  cursor: pointer;
mix-blend-mode: difference;
  }

  .bouton-projets:hover {
  background: blue;
  color: white;
  }