/* Full Instagram photos and engagement, scoped to the Social hero. */
#personal-slide .collage-visual{margin:0;padding:12px 20px;display:flex;align-items:center;justify-content:center}
.hero-post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:100%;max-width:540px}
.hero-feed-card{display:block;min-width:0;background:#fff;color:var(--ink);border:2px solid var(--ink);box-shadow:5px 6px 0 var(--ink);text-decoration:none;transition:transform .2s,box-shadow .2s}
.hero-feed-card:nth-child(1){transform:rotate(-3deg)}
.hero-feed-card:nth-child(2){transform:rotate(3deg)}
.hero-feed-card:nth-child(3){transform:rotate(2deg)}
.hero-feed-card:nth-child(4){transform:rotate(-2deg)}
#personal-slide .hero-feed-card .social-photo-svg{height:225px;width:100%;background:#fff}
#personal-slide .hero-feed-card .post-account{padding:5px 8px;font-size:10px;line-height:1.2}
#personal-slide .hero-feed-card .post-stats{position:static;display:grid;padding:8px 4px;gap:2px}
#personal-slide .hero-feed-card .post-stat{gap:3px}
#personal-slide .hero-feed-card .post-stat svg{width:14px;height:14px}
#personal-slide .hero-feed-card .post-stat strong{font-size:10px}
#personal-slide .hero-feed-card .insta-caption{padding:5px 8px;border-top:1px solid #ddd}
#personal-slide .hero-feed-card .insta-caption strong{font-size:11px;line-height:1.2}
#personal-slide .hero-feed-card .insta-caption span{display:none}
@media(hover:hover){.hero-feed-card:hover{transform:translateY(-5px) rotate(0);box-shadow:7px 10px 0 var(--ink)}}
@media(max-width:760px){
 #personal-slide .collage-visual{padding:0 8px 0 0;height:290px}
 .hero-post-grid{gap:9px}
 #personal-slide .hero-feed-card{box-shadow:2px 3px 0 var(--ink);border-width:1px}
 #personal-slide .hero-feed-card .social-photo-svg{height:110px}
 #personal-slide .hero-feed-card .post-account,#personal-slide .hero-feed-card .insta-caption{display:none}
 #personal-slide .hero-feed-card .post-stats{padding:5px 1px;gap:0}
 #personal-slide .hero-feed-card .post-stat{gap:1px;flex-wrap:wrap}
 #personal-slide .hero-feed-card .post-stat svg{width:9px;height:9px}
 #personal-slide .hero-feed-card .post-stat strong{font-size:7px}
}
@media(prefers-reduced-motion:reduce){.hero-feed-card{transition:none}}
