@font-face {
  font-family: "Unica2";
  src: url(../fonts/NeueHaasUnica-ExtraLight.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Unica2";
  src: url(../fonts/NeueHaasUnica-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Unica2";
  src: url(../fonts/NeueHaasUnica-Regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Unica2";
  src: url(../fonts/NeueHaasUnica-Medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/*
 * Chrome synthétise le 950 depuis Unica Light. Dans Safari, le dessin de
 * Regular est le plus proche de ce rendu ; Medium est visuellement trop gras.
 */
@font-face {
  font-family: "Unica2";
  src: url(../fonts/NeueHaasUnica-Regular.ttf) format("truetype");
  font-weight: 950;
  font-style: normal;
  font-display: swap;
}

/* Compensation des métriques WebKit, sans modifier taille ni graisse CSS. */
.sans,
.sans-txt {
  font-family: "Unica2", sans-serif !important;
  font-synthesis: none !important;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.15px !important;
}

html {
  -webkit-text-size-adjust: 100%;
}

.header-nav_sub .riso,
.header-nav_sub .riso a,
.desktop-global-main-menu .riso,
.desktop-global-main-menu .riso a,
.header-nav a[href*="#about-risoprint"],
.header-nav-participants a[href*="#about-risoprint"],
.participants-main-nav a[href*="#about-risoprint"],
.desktop-global-main-menu a[href*="#about-risoprint"] {
  white-space: nowrap !important;
}

/* The mini logo already has enough native resolution. WebKit's proprietary
   contrast resampling makes its distressed edges look artificially pixelated.
   Cover every mini-header variant, not only the historical #header-mini-2. */
.header-mini-title img,
.home-landscape-header-mini img {
  image-rendering: auto !important;
  image-rendering: smooth !important;
  height: auto !important;
}

.header-nav_sub.sans-txt,
.header-nav_sub.sans-txt * {
  letter-spacing: -0.1px !important;
}

/* Compatibilité WebKit pour les flous historiques du site. */
.footer,
.header-nav,
.button-buy {
  -webkit-backdrop-filter: blur(4px);
}

.header-nav-sticky {
  -webkit-backdrop-filter: blur(2px);
}

.header-nav-sticky.shrinked {
  -webkit-backdrop-filter: blur(4px);
}

html.from-nav-transition.is-archives-page .header-nav,
html.from-nav-transition.is-archives-page nav.header-nav,
html.from-nav-transition.is-archives-page #site-header .header-nav {
  -webkit-backdrop-filter: blur(2px) !important;
}

.audio-wrapper {
  -webkit-backdrop-filter: blur(10px);
}

/* WebKit does not combine writing-mode and transforms on native buttons like
   Chromium. Keep the button geometry horizontal and rotate only its label. */
@media screen and (max-width: 1024px) {
  body.participants-page .list-item-bio,
  body.participants-page .list-item-city {
    font-family: "Unica2", sans-serif !important;
    font-size: 11px !important;
    line-height: 1.15 !important;
    letter-spacing: 0.25px !important;
  }

  body.participants-page .list-item-count {
    font-family: "Unica2", sans-serif !important;
    font-size: 10px !important;
    line-height: 1.15 !important;
  }

  body.archives-page .mobile-archives-actions button {
    -webkit-writing-mode: horizontal-tb !important;
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
    -webkit-transform: none !important;
    transform: none !important;
  }

  body.archives-page .mobile-archives-actions .mobile-archives-action-label {
    display: inline-block !important;
    color: inherit !important;
    white-space: nowrap !important;
    -webkit-transform: none !important;
    transform: none !important;
    -webkit-transform-origin: center !important;
    transform-origin: center !important;
  }
}