/* Ohlala! ... la France — animation minimaliste du point final */

/*
 * Le point seul est masqué avant le premier rendu visible.
 * La barre du point d'exclamation et tous les autres pixels officiels restent intacts.
 */
html.olf-run-head .site-header .brand > img {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='851' height='214' viewBox='0 0 851 214'%3E%3Cdefs%3E%3Cmask id='sans-point' maskUnits='userSpaceOnUse' x='0' y='0' width='851' height='214'%3E%3Crect width='851' height='214' fill='%23fff'/%3E%3Ccircle cx='824.5' cy='142.5' r='17' fill='%23000'/%3E%3C/mask%3E%3C/defs%3E%3Crect width='851' height='214' fill='%23fff' mask='url(%23sans-point)'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='851' height='214' viewBox='0 0 851 214'%3E%3Cdefs%3E%3Cmask id='sans-point' maskUnits='userSpaceOnUse' x='0' y='0' width='851' height='214'%3E%3Crect width='851' height='214' fill='%23fff'/%3E%3Ccircle cx='824.5' cy='142.5' r='17' fill='%23000'/%3E%3C/mask%3E%3C/defs%3E%3Crect width='851' height='214' fill='%23fff' mask='url(%23sans-point)'/%3E%3C/svg%3E");
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

html.olf-run-center .hero .hero-logo {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='758' height='134' viewBox='0 0 758 134'%3E%3Cdefs%3E%3Cmask id='sans-point' maskUnits='userSpaceOnUse' x='0' y='0' width='758' height='134'%3E%3Crect width='758' height='134' fill='%23fff'/%3E%3Ccircle cx='741.5' cy='82' r='17' fill='%23000'/%3E%3C/mask%3E%3C/defs%3E%3Crect width='758' height='134' fill='%23fff' mask='url(%23sans-point)'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='758' height='134' viewBox='0 0 758 134'%3E%3Cdefs%3E%3Cmask id='sans-point' maskUnits='userSpaceOnUse' x='0' y='0' width='758' height='134'%3E%3Crect width='758' height='134' fill='%23fff'/%3E%3Ccircle cx='741.5' cy='82' r='17' fill='%23000'/%3E%3C/mask%3E%3C/defs%3E%3Crect width='758' height='134' fill='%23fff' mask='url(%23sans-point)'/%3E%3C/svg%3E");
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.olf-animation-layer {
  position: fixed;
  inset: 0;
  z-index: 70;
  pointer-events: none;
  overflow: hidden;
  contain: layout style paint;
}

.olf-ball {
  position: absolute;
  top: 0;
  left: 0;
  border: 0;
  border-radius: 50%;
  background: #EBBA4D;
  opacity: 1;
  transform-origin: 50% 50%;
  will-change: transform, opacity;
  backface-visibility: hidden;
}

@media (prefers-reduced-motion: reduce) {
  .olf-animation-layer {
    display: none !important;
  }
}