/* ==========================================================================
   Merci — maquette Merci.dc.html
   ========================================================================== */

.merci { padding: clamp(80px, 9vw, 128px) var(--gutter); }
.merci__inner { max-width: var(--text); margin: 0 auto; display: flex; flex-direction: column; align-items: center; gap: 24px; text-align: center; }
.merci__icon { color: var(--accent); }
.merci__script { font-family: var(--font-script); font-size: clamp(52px, 5vw, 72px); line-height: 1; color: var(--accent); }
/* Prénom et nom de la personne : lisibles, dans la police des titres. */
.merci__nom { font-family: var(--font-display); font-size: .6em; letter-spacing: .01em; color: var(--ink); }
.merci__title { font-family: var(--font-display); font-weight: 400; font-size: clamp(32px, 3.6vw, 52px); line-height: 1.08; }
.merci__text { font-size: clamp(19px, 1.5vw, 22px); line-height: 1.65; color: var(--ink-soft); }
.merci__actions { display: flex; gap: 12px; margin-top: 8px; }
.merci__actions .btn { padding: 0 30px; }
@media (max-width: 900px) {
	.merci__actions { flex-direction: column; align-items: stretch; }
}

.merci-insta { padding: 0 var(--gutter) clamp(80px, 9vw, 128px); }
.merci-insta__inner { max-width: var(--wide); margin: 0 auto; display: flex; flex-direction: column; align-items: center; gap: 24px; }
.merci-insta__link { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; font-family: var(--font-ui); font-size: 13px; font-weight: 500; text-decoration: none; color: var(--ink); }
.merci-insta__link svg { flex: none; }
.merci-insta__grid { width: 100%; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.merci-insta__item .b-img, .merci-insta__item .ph { display: block; width: 100%; aspect-ratio: 4 / 5; object-fit: cover; }
.merci-insta__item .ph { display: flex; font-size: 10px; letter-spacing: .14em; }
@media (max-width: 900px) {
	.merci-insta__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.merci-insta__item--last { display: none; }
}
@media (max-width: 600px) {
	.merci-insta__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}