@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap');

#front-page-hero {
  min-width: 100vw;
  min-height: 100vh;
  overflow: hidden;
  position: relative; /* Nécessaire si l'enfant a un positionnement absolu */
}

#front-page-hero:before {
  content: '';
  display: block;
  position: absolute;
  z-index: -10;
  inset: -100%;
  transform: skew(42deg, -22deg);
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"><rect width="100%" height="100%" fill="none" stroke="rgba(0,0,0,0.1)" stroke-width="0.5"/></svg>');
  background-position: center;
}