@font-face {
  font-family: 'AV Estiana';
  src: url('fonts/av-estiana-font-family/AVEstiana-Regular-BF67761220bee90.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'AV Estiana';
  src: url('fonts/av-estiana-font-family/AVEstiana-Medium-BF677612209558b.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'AV Estiana';
  src: url('fonts/av-estiana-font-family/AVEstiana-Bold-BF677612208ac8d.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'AV Estiana';
  src: url('fonts/av-estiana-font-family/AVEstiana-Black-BF6776121fde086.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; }
details > summary { list-style: none; }
details > summary::-webkit-details-marker { display: none; }

/* Logos clients en N&B */
.logo-bw {
  filter: grayscale(100%) brightness(0.6) contrast(0.9);
  opacity: 0.65;
  transition: opacity .2s, filter .2s;
}
.logo-bw:hover {
  opacity: 0.95;
  filter: grayscale(100%) brightness(0.4) contrast(1);
}

/* Logos blancs : on inverse d'abord pour les rendre noirs, puis on applique le N&B */
.logo-bw-inverted {
  filter: invert(1) grayscale(100%) brightness(0.7) contrast(0.9);
  opacity: 0.65;
  transition: opacity .2s, filter .2s;
}
.logo-bw-inverted:hover {
  opacity: 0.95;
  filter: invert(1) grayscale(100%) brightness(0.5) contrast(1);
}