/* Structure stable : bandeaux pleine largeur, contenu éditorial cadré. */
.jsj-header-inner,
.jsj-site-footer {
  width: 100%;
  box-sizing: border-box;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}

.jsj-home {
  width: min(1340px, calc(100% - 3rem));
  margin-right: auto;
  margin-left: auto;
}

.jsj-hero {
  display: block;
  padding: 6rem 0 8rem;
}

.jsj-hero > .wp-block-group__inner-container {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: center;
  gap: clamp(3rem, 5vw, 6rem);
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

/* Les deux photographies d'introduction ont désormais le même gabarit. */
.jsj-hero .jsj-frame img,
.jsj-about img {
  width: 100%;
  height: 36rem;
  min-height: 36rem;
  object-fit: cover;
}

.jsj-hero .jsj-frame figcaption { display: none; }

@media screen and (max-width: 760px) {
  .jsj-header-inner,
  .jsj-site-footer { padding-right: 1rem; padding-left: 1rem; }
  .jsj-home { width: calc(100% - 2rem); }
  .jsj-hero { padding: 4.5rem 0 5rem; }
  .jsj-hero > .wp-block-group__inner-container {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }
  .jsj-hero .jsj-frame img,
  .jsj-about img {
    height: 25rem;
    min-height: 25rem;
  }
}