/* ===================================================
   ROSE EVENTS — Instagram Feed Section
   =================================================== */
.instagram-section { padding: 6rem 0; background: var(--secondary); }
.instagram-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.75rem; }
@media (min-width: 640px) { .instagram-grid { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 1024px) { .instagram-grid { grid-template-columns: repeat(4, 1fr); } }
.instagram-item { position: relative; aspect-ratio: 1; overflow: hidden; border-radius: 8px; cursor: pointer; }
.instagram-item img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s; }
.instagram-item:hover img { transform: scale(1.1); }
.instagram-item .ig-overlay { position: absolute; inset: 0; background: rgba(155,44,79,0.4); opacity: 0; transition: opacity 300ms; display: flex; align-items: center; justify-content: center; }
.instagram-item:hover .ig-overlay { opacity: 1; }
.ig-overlay svg { width: 2rem; height: 2rem; color: var(--white); }
.instagram-cta { text-align: center; margin-top: 2.5rem; }
.instagram-cta a { display: inline-flex; align-items: center; gap: 0.75rem; padding: 0.875rem 2rem; background: var(--accent); color: var(--white); font-family: var(--font-sans); font-weight: 700; font-size: 0.8125rem; letter-spacing: 1.5px; text-transform: uppercase; border-radius: 10px; transition: all 300ms; text-decoration: none; }
.instagram-cta a:hover { background: var(--accent-dark); box-shadow: 0 8px 24px rgba(155,44,79,0.25); }
.instagram-cta a svg { width: 18px; height: 18px; }