/* [cjpt_instagram_grid]: the home page "Follow Me" block - plain white, heading left, handle right, one row of 6 portrait (4:5) posts
   (3 x 2 on phones). Local images only (inc/instagram.php). */
.cjpt-igs { width: 100%; padding: 72px 0 80px; }
.cjpt-igs__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px 24px; margin: 0 0 28px; }
.cjpt-igs__title {
	margin: 0; font-family: "Josefin Sans", sans-serif; font-size: 36px; font-weight: 600; line-height: 1.1; letter-spacing: 0.02em; color: #262626;
}
.cjpt-igs a.cjpt-igs__handle {
	font-family: "Josefin Sans", sans-serif !important; font-size: 15px !important; font-weight: 700 !important; line-height: 1 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important;
	color: #262626 !important; text-decoration: none !important; border-bottom: 2px solid #56c6d6; padding-bottom: 3px; white-space: nowrap;
}
.cjpt-igs a.cjpt-igs__handle:hover, .cjpt-igs a.cjpt-igs__handle:focus-visible { color: #000 !important; border-bottom-color: #262626; }
.cjpt-ig { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; width: 100%; }
.cjpt-ig a { display: block; aspect-ratio: 4 / 5; overflow: hidden; background: #f0f0f0; }
.cjpt-ig img { display: block; width: 100%; height: 100%; object-fit: cover; transition: opacity 0.2s ease; }
.cjpt-ig a:hover img, .cjpt-ig a:focus-visible img { opacity: 0.85; }
@media (max-width: 767px) {
	.cjpt-igs { padding: 40px 0 48px; }
	.cjpt-igs__head { flex-direction: column; align-items: flex-start; margin-bottom: 20px; }
	.cjpt-igs__title { font-size: 28px; }
	.cjpt-ig { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px; }
}