/* "From our Instagram" strip — deliberately neutral so it sits inside any of the
   designs: inherits font + colour, hairline in currentColor, square tiles. */
.ig-strip { padding: 56px 0; }
.ig-strip:empty { display: none; }
.ig-in { max-width: 1160px; margin: 0 auto; padding: 0 24px; }
.ig-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; flex-wrap: wrap; border-top: 1px solid; border-color: color-mix(in srgb, currentColor 18%, transparent); padding-top: 22px; margin-bottom: 18px; }
.ig-kicker { font-size: .74rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; opacity: .65; margin: 0 0 4px; }
.ig-title { font-size: 1.35rem; margin: 0; display: flex; align-items: center; gap: 10px; font-weight: 700; letter-spacing: 0; }
.ig-logo { width: 26px; height: 26px; flex: none; }
.ig-follow { color: inherit; text-decoration: none; font-weight: 700; font-size: .92rem; border: 1.5px solid currentColor; border-radius: 999px; padding: 9px 16px; white-space: nowrap; }
.ig-follow:hover { opacity: .8; }
.ig-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 8px; }
.ig-tile { display: block; aspect-ratio: 1; overflow: hidden; border-radius: 6px; background: rgba(127,127,127,.12); }
.ig-tile img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .3s; }
.ig-tile:hover img { transform: scale(1.04); }
@media (max-width: 760px) { .ig-grid { grid-template-columns: repeat(3, 1fr); } .ig-strip { padding: 40px 0; } }
@media (prefers-reduced-motion: reduce) { .ig-tile img { transition: none; } }