/* On Instagram: the society's latest posts, in Instagram's own embeds. */
.ig__head { display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: 16px 32px; margin-bottom: 30px; }
.ig__head h2 { font: clamp(36px, 4vw, 54px)/1.12 var(--serif); color: var(--navy); }
.ig__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; align-items: start; }
.ig__grid .instagram-media { margin: 0 !important; width: 100% !important; min-width: 0 !important; max-width: none !important; }
/* Before Instagram's script fills them in, each post is a plain link box. */
.ig__grid blockquote.instagram-media:not(.instagram-media-rendered) { display: grid; place-items: center; min-height: 280px; background: var(--cream); border: 0 !important; }
.ig__grid blockquote.instagram-media a { font-size: 15px; color: var(--navy); text-decoration: underline; }
/* Narrower screens: the three posts in a row to swipe through, none left alone. */
@media (max-width: 1000px) {
  .ig__grid { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: min(340px, 82%); overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 10px; scrollbar-width: thin; }
  .ig__grid > * { scroll-snap-align: start; }
}