/* Instagram page: chosen posts three across (two on phones), cut to Instagram's 3:4 grid shape, a fine line
   round each that doubles when pointed at (as on Artists 2026); reels marked with a small play triangle */
.ig__intro { max-width: 36rem; margin: var(--space-4) auto 0; padding-inline: var(--gutter); text-align: center; }
.ig__intro p { font-size: .97rem; line-height: 1.7; }
.ig__grid { list-style: none; margin: var(--space-4) auto 0; padding: 0 var(--gutter); max-width: 54rem; box-sizing: content-box;
  display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(.75rem, 2vw, 1.5rem); }
@media (max-width: 36rem) { .ig__grid { grid-template-columns: repeat(2, 1fr); } }
.ig__post { position: relative; display: block; aspect-ratio: 3 / 4; border: 1px solid var(--ink); overflow: hidden; }
.ig__post img { display: block; width: 100%; height: 100%; object-fit: cover; }
.ig__post::after { content: ""; position: absolute; inset: 4px; border: 1px solid var(--paper); opacity: 0; transition: opacity .2s ease; pointer-events: none; }
.ig__post:is(:hover, :focus-visible)::after { opacity: 1; }
.ig__reel { position: absolute; top: .6rem; right: .6rem; width: 0; height: 0; border-style: solid; border-width: .45rem 0 .45rem .75rem;
  border-color: transparent transparent transparent var(--paper); filter: drop-shadow(0 1px 2px rgb(0 0 0 / .5)); }
.ig__follow { text-align: center; margin: var(--space-4) 0 0; }
.ig__follow a { display: inline-block; font-size: .9rem; letter-spacing: .1em; text-transform: uppercase; text-decoration: none;
  color: var(--paper); background: var(--ink); padding: .6rem 1.6rem; }
.ig__follow a:hover { background: var(--heath); color: var(--paper); }