/* Ajustements propres a l'accueil demandes dans les retours de Sarah. */

.home #bienvenue .kicker,
.home .why-come .kicker,
.home .home-techniques__head .kicker,
.home .cabinet-editorial__copy .kicker,
.home .distance-feature__copy .kicker,
.home .home-testimonials__head .kicker,
.home .home-workshops .kicker,
.home .home-social__intro .kicker {
  color: var(--sage);
  font-family: var(--script);
  font-size: clamp(50px, 5vw, 68px);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.2;
  text-transform: none;
}

/* La regle d'apparition globale est plus specifique que le hover initial. */
.has-js .home .home-technique-card[data-reveal].is-visible:hover,
.has-js .home .home-technique-card[data-reveal].is-visible:focus-visible {
  box-shadow: 0 24px 70px rgba(79, 66, 41, .15);
  transform: translateY(-7px) scale(1.012);
}

.home .home-social {
  align-items: start;
}

.home .home-social__intro {
  max-width: 760px;
}

.home .home-instagram-grid {
  display: grid;
  gap: clamp(10px, 1.4vw, 20px);
  grid-column: 1 / -1;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  width: 100%;
}

.home .home-instagram-card {
  aspect-ratio: 1;
  color: white;
  display: block;
  min-width: 0;
  overflow: hidden;
  position: relative;
  text-decoration: none;
}

.home .home-instagram-card::after {
  background: linear-gradient(180deg, transparent 48%, rgba(79, 66, 41, .78));
  content: '';
  inset: 0;
  opacity: .72;
  pointer-events: none;
  position: absolute;
  transition: opacity .25s ease;
}

.home .home-instagram-card img {
  height: 100%;
  object-fit: cover;
  transition: transform .4s ease;
  width: 100%;
}

.home .home-instagram-card > span {
  bottom: 14px;
  font-size: 11px;
  font-weight: 500;
  left: 14px;
  letter-spacing: .04em;
  line-height: 1.35;
  position: absolute;
  right: 14px;
  z-index: 1;
}

.home .home-instagram-card:hover img,
.home .home-instagram-card:focus-visible img {
  transform: scale(1.055);
}

.home .home-instagram-card:hover::after,
.home .home-instagram-card:focus-visible::after {
  opacity: 1;
}

.home .home-instagram-card:focus-visible {
  outline: 3px solid var(--terracotta-action);
  outline-offset: 3px;
}

@media (max-width: 900px) {
  .home .home-instagram-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 520px) {
  .home #bienvenue .kicker,
  .home .why-come .kicker,
  .home .home-techniques__head .kicker,
  .home .cabinet-editorial__copy .kicker,
  .home .distance-feature__copy .kicker,
  .home .home-testimonials__head .kicker,
  .home .home-workshops .kicker,
  .home .home-social__intro .kicker {
    font-size: 42px;
  }

  .home .home-instagram-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .home .home-instagram-card > span {
    bottom: 12px;
    left: 12px;
    right: 12px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .home .home-instagram-card img,
  .has-js .home .home-technique-card[data-reveal].is-visible {
    transition: none;
  }
}

/* Les cinq cartes ne sont plus comprimées sur une seule ligne. */
.home .home-techniques__grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.home .home-technique-card { grid-column: span 2; min-width: 0; }
.home .home-technique-card:nth-child(4) { grid-column: 2 / span 2; }
.home .home-technique-card:nth-child(5) { grid-column: 4 / span 2; }
.home .home-technique-card,
.home .home-technique-card:visited,
.home .home-technique-card h3,
.home .home-technique-card p { color: var(--ink); }
.home .home-technique-card strong,
.home .home-technique-card:visited strong { color: var(--sage); }
.home .home-technique-card h3 { font-size: clamp(31px, 3vw, 44px); overflow-wrap: normal; }

@media (max-width: 1180px) {
  .home .home-techniques__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .home .home-technique-card,
  .home .home-technique-card:nth-child(4) { grid-column: auto; }
  .home .home-technique-card:nth-child(5) {
    grid-column: 1 / -1;
    justify-self: center;
    max-width: calc(50% - 10px);
    width: 100%;
  }
}

@media (max-width: 640px) {
  .home .home-techniques__grid { grid-template-columns: 1fr; }
  .home .home-technique-card,
  .home .home-technique-card:nth-child(4),
  .home .home-technique-card:nth-child(5) { grid-column: auto; max-width: none; width: auto; }
  .home .home-technique-card h3 { font-size: 37px; }
}