/* Antonia social direction. Scoped to this case study. */
.antonia-social { margin-top: 64px; padding-top: 4px; border-top: 1px solid var(--border); }
.social-intro { margin-top: 42px; margin-bottom: 32px; }
.social-intro h2 { max-width: 300px; }
.social-intro p:last-child { margin-bottom: 0; }
.social-feed { margin: 0; padding: clamp(16px, 3vw, 32px); background: var(--bg-alt); border: 1px solid var(--border); border-radius: 18px; }
.social-feed-heading { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding-bottom: 22px; }
.social-brand { font-size: 1.1rem; font-weight: 700; letter-spacing: .1em; color: #943729; }
.social-feed-heading p { margin: 3px 0 0; color: var(--muted); font-size: .875rem; }
.social-concept-label { border: 1px solid var(--border); border-radius: 999px; padding: 6px 11px; font-size: .75rem; color: var(--muted); white-space: nowrap; }
.social-image-link { display: block; cursor: zoom-in; }
.social-crop { display: block; position: relative; width: 100%; overflow: hidden; background: #f7f3ea; }
.social-crop > img { display: block; position: absolute; width: var(--image-width); max-width: none; height: auto; max-height: none; left: var(--image-left); top: var(--image-top); }
.social-feed figcaption { color: var(--muted); font-size: .8125rem; line-height: 1.6; margin-top: 18px; }
.social-detail-heading { margin-top: 44px; }
.social-posts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.social-post { min-width: 0; margin: 0; }
.social-post .social-image-link { overflow: hidden; border-radius: 12px; }
.social-post figcaption { padding-top: 18px; }
.social-post h3 { font-size: 1rem; line-height: 1.4; margin-bottom: 8px; }
.social-post p { font-size: .9375rem; color: var(--muted); margin-bottom: 0; }
.social-note { color: var(--muted); font-size: .75rem; line-height: 1.7; margin: 28px 0 0; }
.social-lightbox { border: 0; border-radius: 16px; padding: 64px 20px 20px; background: var(--bg-alt); width: fit-content; max-width: 95vw; max-height: 95vh; }
.social-lightbox::backdrop { background: #191714dc; }
.social-lightbox-close { position: absolute; right: 18px; top: 14px; border: 0; border-radius: 999px; padding: 6px 14px; background: var(--accent-soft); }
.social-lightbox .social-crop { width: min(82vw, calc(72vh * var(--crop-ratio))); }
@media(max-width:760px) {
  .social-posts { gap: 18px; }
  .social-post h3 { font-size: .9375rem; }
}
@media(max-width:620px) {
  .antonia-social { margin-top: 44px; }
  .social-intro { margin-top: 32px; }
  .social-intro h2 { max-width: none; }
  .social-feed-heading { flex-direction: column; align-items: flex-start; gap: 12px; }
  .social-posts { grid-template-columns: 1fr; gap: 30px; max-width: 390px; margin-inline: auto; }
}