/* ============================================================
   FOC STUDIO — PAGE CONTACT
   ------------------------------------------------------------
   Page minimale : photo du mur du studio plein écran (moins le
   header), et le footer — qui porte déjà tous les canaux —
   remonte directement dessous.
   ============================================================ */

.ct-photo {
  position: relative;
}

/* Le burger blanc du header se perd sur le mur clair de la photo :
   sur cette page il passe en noir (lisible aussi sur le panneau rose
   du menu déplié). */
.page-contact .header__burger-line {
  background: var(--noir);
}

/* H1 SEO : présent pour Google, petit mais VISIBLE pour l'humain
   (même principe title-seo que les autres pages — jamais de texte
   caché). Posé sur le haut clair de la photo. */
.ct-photo .ct-sur {
  position: absolute;
  bottom: 0;
  margin: 0;
  left: var(--gutter);
  z-index: 1;
  max-width: 40rem;
  color: var(--noir);
  background: var(--rose);
  padding: .35em .7em;
}

/* Mobile : la pastille part du bord gauche, bord à bord. */
@media (max-width: 720px) {
  .ct-photo .ct-sur { left: 0; }
}

.ct-photo img {
  display: block;
  width: 100%;
  /* ~45vh : la photo laisse le footer bien visible dessous. */
  height: clamp(260px, 45svh, 600px);
  object-fit: cover;
  object-position: center 40%;
}