/*
 * Accueil. Mobile d'abord : quatre blocs (deux séries, Entreprise, Événement) en 2x2, quatre colonnes
 * sur grand écran, puis à propos.
 */

/* Les blocs remplissent l'écran sous l'en-tête, à toutes les tailles ; filet blanc entre eux */
.home-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: 1fr;
  gap: 1px;
  background: var(--paper);
  height: calc(100svh - 7.5rem - var(--adminbar, 0px));  /* hauteur de l'en-tête mobile */
  min-height: 32rem;
}
.admin-bar .home-split { --adminbar: 46px; }

.home-split__half {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  color: var(--paper);
  text-decoration: none;
  background: var(--ink);
}
.home-split__half img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s ease, opacity 0.6s ease;
}
.home-split__half::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgb(0 0 0 / 0.6), transparent 50%);
}
.home-split__label {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 0.5rem;
  padding: 1.25rem clamp(0.875rem, 3vw, 2.5rem) clamp(1.25rem, 4vw, 3rem);
}
.home-split__name {
  font-size: clamp(1rem, 0.75rem + 1.25vw, 2rem);
  font-weight: var(--weight-title);
  line-height: 1.1;
}
.home-split__half:hover img,
.home-split__half:focus-visible img { transform: scale(1.03); }
.home-split__half:focus-visible { outline-offset: -4px; outline-color: var(--paper); }

.home__more {
  font-size: var(--label);
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: var(--tracking-caps);
}

.home-about { display: grid; gap: 2rem; }
.home-about__portrait { margin: 0 calc(-1 * var(--gutter)); }
.home-about__portrait img { width: 100%; }

@media (min-width: 64rem) {
  .admin-bar .home-split { --adminbar: 32px; }
  .home-split { grid-template-columns: repeat(4, 1fr); }
  .home-about { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); align-items: start; gap: var(--gutter); }
  .home-about__portrait { margin: 0; }
}


@media (min-width: 80rem) {
  .home-split { height: calc(100svh - 10rem - var(--adminbar, 0px)); }  /* en-tête centré, plus haut */
}

@media (prefers-reduced-motion: reduce) {
  .home-split__half img { transition: none; }
}