@font-face {
  font-family: 'Handlee';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/Handlee-normal-400.woff2') format('woff2');
}


/* === Desktop watermark: centered & visible (full-viewport box) === */
body::before, body:before {
  content: "";
  position: fixed;
  inset: 0; /* full viewport to ensure visibility */
  background: url('logo elagueur noir.png') no-repeat center center;
  background-size: clamp(700px, 58vw, 1450px);
  opacity: 0.07;
  filter: grayscale(100%) brightness(0.9) contrast(1.1);
  z-index: -1;
  pointer-events: none;
}
/* === End desktop watermark === */



/* === Mobile watermark: centered vertically === */
@media (max-width: 700px){
  body{
    background-image: none !important;
  }
  body::before, body:before{
    content: "";
    position: fixed;
    inset: 0; /* full viewport */
    background: url('logo elagueur noir.png') no-repeat center center; /* centered */
    background-size: 85%; /* smaller than full width */
    opacity: 0.07;
    filter: grayscale(100%) brightness(0.9);
    z-index: -1;
    pointer-events: none;
  }
}
/* === End mobile watermark === */



/* === Mobile-only line break for header subtitle === */
.mobile-break::after {
  content: " ";
}
@media (max-width: 700px) {
  .mobile-break::after {
    content: "\A";
    white-space: pre;
  }
}
/* === End mobile-only line break === */