/* ============================================================================
 *  ACCUEIL — compléments au système atelier (tokens/boutons/sections dans
 *  atelier.css). Tout est scopé à .gc-home.
 * ========================================================================== */

/* ---------- Hero ---------- */
/* Photo très colorée : voile dense côté texte pour garder un contraste AA */
.gc-home .hm-hero .gc-hero__scrim {
  background:
    linear-gradient(to right, rgba(8, 8, 10, 0.88) 0%, rgba(8, 8, 10, 0.7) 40%, rgba(8, 8, 10, 0.15) 80%),
    linear-gradient(to top, rgba(8, 8, 10, 0.9) 0%, rgba(8, 8, 10, 0) 45%),
    linear-gradient(to bottom, rgba(8, 8, 10, 0.6) 0%, rgba(8, 8, 10, 0) 25%);
}
@media (max-width: 720px) {
  .gc-home .hm-hero .gc-hero__scrim {
    background: linear-gradient(to bottom, rgba(8, 8, 10, 0.7) 0%, rgba(8, 8, 10, 0.78) 40%, rgba(8, 8, 10, 0.94) 100%);
  }
}
.gc-home .hm-hero__inner { text-shadow: 0 1px 18px rgba(0, 0, 0, 0.55); }
.gc-home .hm-hero__inner {
  width: 100%;
  padding-top: calc(var(--gc-header-h) + 2rem);
  padding-bottom: clamp(3rem, 9vh, 6.5rem);
}
.gc-home .hm-hero__title {
  font-size: clamp(3.4rem, 12vw, 11rem);
  font-weight: 300;
  line-height: 0.92;
  letter-spacing: -0.025em;
  margin: 1.2rem 0 0;
}
.gc-home .hm-hero__title em { font-style: italic; color: var(--gc-gold-2); }
.gc-home .hm-hero__lead {
  max-width: 40ch;
  margin: 1.6rem 0 0;
  font-size: clamp(1rem, 1.4vw, 1.2rem);
  line-height: 1.6;
  color: var(--gc-text);
}
.gc-home .hm-hero__cta { display: flex; flex-wrap: wrap; gap: 0.9rem; margin-top: 2.2rem; }
/* ---------- Univers : 3 tuiles = 3 colonnes ---------- */
.gc-home .gc-tiles { grid-template-columns: repeat(3, 1fr); }
@media (max-width: 760px) { .gc-home .gc-tiles { grid-template-columns: 1fr; } }
@media (max-width: 760px) { .gc-home .gc-tile { aspect-ratio: 4 / 3; } }

/* ---------- Prestations ---------- */
.gc-home .hm-offers { border-top: 1px solid var(--gc-line); }
.gc-home .hm-offers__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-top: 1px solid var(--gc-line);
  border-left: 1px solid var(--gc-line);
}
@media (max-width: 1024px) { .gc-home .hm-offers__grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .gc-home .hm-offer { padding: 1.2rem; } .gc-home .hm-offer__name { font-size: 1.4rem; } }

.gc-home .hm-offer {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 0;
  padding: clamp(1.5rem, 2.4vw, 2.2rem);
  border-right: 1px solid var(--gc-line);
  border-bottom: 1px solid var(--gc-line);
  text-decoration: none;
  color: var(--gc-text);
  transition: background 450ms var(--gc-ease);
}
.gc-home .hm-offer:hover { background: var(--gc-gold-soft); }
.gc-home .hm-offer__name {
  font-size: clamp(1.7rem, 2.4vw, 2.3rem);
  font-weight: 300;
  margin: 0;
  transition: transform 500ms var(--gc-ease);
}
.gc-home .hm-offer:hover .hm-offer__name { transform: translateX(6px); }
.gc-home .hm-offer__foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: auto;
  padding-top: 2.4rem;
}
.gc-home .hm-offer__price {
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--gc-gold-2);
}
.gc-home .hm-offer__arrow {
  display: inline-flex;
  width: 38px;
  height: 38px;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--gc-line-strong);
  border-radius: 50%;
  transition: background 400ms ease, border-color 400ms ease, color 400ms ease;
}
.gc-home .hm-offer:hover .hm-offer__arrow { background: var(--gc-gold); border-color: var(--gc-gold); color: #14110A; }

/* ---------- Mobile ---------- */
@media (max-width: 560px) {
  .gc-home .hm-hero__cta .btn { flex: 1 1 100%; }
}

/* ---------- Avis ---------- */
.gc-home .hm-reviews .gc-section-head__title { margin-bottom: clamp(2rem, 5vh, 3rem); }
.gc-home .hm-reviews__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 1rem; }
.gc-home .hm-review { margin: 0; padding: 1.6rem; border: 1px solid var(--gc-line); border-radius: 12px; display: flex; flex-direction: column; gap: 1.2rem; }
.gc-home .hm-review blockquote { margin: 0; font: 300 1.2rem/1.5 var(--gc-serif); color: var(--gc-text); }
.gc-home .hm-review figcaption { margin-top: auto; display: grid; gap: 0.2rem; font-size: 0.85rem; }
.gc-home .hm-review figcaption b { color: var(--gc-text); font-weight: 600; }
.gc-home .hm-review figcaption span { color: var(--gc-text-3); }