* { box-sizing: border-box; margin: 0; padding: 0; }
html, body { width: 100%; height: 100%; overflow: hidden; background: #000; }

/* la photo remplit tout l'écran */
.photo {
  position: fixed; inset: 0; width: 100vw; height: 100vh; height: 100dvh;
  object-fit: cover; object-position: center; display: block;
  -webkit-user-drag: none; -webkit-user-select: none; user-select: none;
  pointer-events: none; -webkit-touch-callout: none;
}
body { -webkit-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; }
::selection { background: transparent; }

/* titre invisible mais lu par Google */
.sr-only {
  position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden;
  clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}