body #instagram .instagram-feed-status { color: #62625d; line-height: 1.65; margin: 0 0 28px; max-width: 72ch; }
body #instagram .instagram-live-feed { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 3px; }
body #instagram .instagram-live-feed li { min-width: 0; }
body #instagram .instagram-live-feed a { position: relative; display: block; aspect-ratio: 3 / 4; overflow: hidden; background: #efefec; }
body #instagram .instagram-live-feed img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
body #instagram .instagram-live-feed a:focus-visible { outline: 3px solid #0000ff; outline-offset: -3px; }
body #instagram .instagram-feed-icon { position: absolute; right: 10px; top: 10px; width: 22px; height: 22px; color: #fff; filter: drop-shadow(0 1px 3px #0009); pointer-events: none; }
body #instagram .instagram-feed-icon svg { display: block; width: 100%; height: 100%; }
body.instagram-page .instagram-page-head { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 24px 0; }
body.instagram-page .instagram-page-head h1 { font-size: clamp(30px, 4vw, 48px); line-height: 1.05; letter-spacing: -.045em; margin: 12px 0; }
body.instagram-page .instagram-page-head h1 em { font-style: normal; font-weight: 400; }
body.instagram-page .instagram-page-head p:not(.eyebrow) { color: #62625d; font-size: 16px; line-height: 1.6; }
body.offer-page.instagram-page #instagram .instagram-open-profile { background: #0000ff; border-color: #0000ff; color: #fff; margin-top: 0; flex-shrink: 0; }
body.offer-page.instagram-page #instagram .instagram-open-profile:hover { background: #0000c9; border-color: #0000c9; }
body.instagram-page #instagram .instagram-live-feed { grid-template-columns: repeat(4, minmax(0, 1fr)); margin-bottom: 48px; }
@media (max-width: 900px) { body #instagram .instagram-live-feed, body.instagram-page #instagram .instagram-live-feed { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 650px) { body.instagram-page .instagram-page-head { align-items: flex-start; flex-direction: column; gap: 12px; } }
@media (max-width: 480px) { body #instagram .instagram-live-feed, body.instagram-page #instagram .instagram-live-feed { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
