/* Accueil : bande Instagram défilante sous Prenez place */
.insta { padding: clamp(64px, 9vw, 120px) 0; overflow: hidden; background: radial-gradient(ellipse 60% 55% at 50% 0%, rgba(201, 160, 99, .1) 0%, transparent 70%); }
.insta-top { max-width: 900px; margin: 0 auto; padding: 0 var(--gutter); text-align: center; display: flex; flex-direction: column; align-items: center; gap: 14px; }
.insta-ico { display: grid; place-items: center; width: 56px; height: 56px; border-radius: 50%; border: 1px solid rgba(201, 160, 99, .55); color: #e9cf9f; }
.insta-ico svg { width: 24px; height: 24px; }
.insta-top .kicker { justify-content: center; margin: 0; }
.insta-title { margin: 0 0 10px; font-family: var(--font-display); font-weight: 300; font-size: clamp(2.2rem, 5.2vw, 4.2rem); line-height: 1.05; color: var(--cream); }
.insta-title em { display: block; font-style: italic; font-weight: 400; overflow-wrap: anywhere;
  background: linear-gradient(100deg, #b98f5c 0%, #f1d9a8 45%, #c9a581 70%, #f6e2b8 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }

.insta-belt { margin-top: clamp(36px, 5vw, 64px); overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%); mask-image: linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%); }
.insta-track { display: flex; gap: clamp(12px, 1.6vw, 20px); width: max-content; animation: ig-slide 70s linear infinite; }
.insta-belt:hover .insta-track, .insta-belt:focus-within .insta-track { animation-play-state: paused; }
.ig-tile { flex: none; display: block; width: clamp(190px, 22vw, 300px); aspect-ratio: 1; border-radius: 22px; overflow: hidden; background: #152a25; box-shadow: 0 24px 40px -26px rgba(0, 0, 0, .8); }
.ig-tile:nth-child(even) { transform: translateY(22px); }
.ig-tile img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .8s var(--ease-out); }
@media (hover: hover) { .ig-tile:hover img { transform: scale(1.06); } }
@keyframes ig-slide { to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) {
  .insta-belt { overflow-x: auto; -webkit-mask-image: none; mask-image: none; }
  .insta-track { animation: none; padding: 0 var(--gutter) 24px; }
  .ig-tile[aria-hidden="true"] { display: none; }
  .ig-tile img { transition: none; }
}
