@layer pages {
	.front-page .entry-content {
		/* Content blocks handle their own spacing */
	}

	/* --- Instagram section --- */

	.instagram-section {
		background-color: var(--color-text);
		color: var(--color-bg);
		padding: var(--space-section) var(--site-padding);
		padding-block-end: var(--space-section);
	}

	.instagram-section__heading {
		font-size: var(--text-2xl);
		font-weight: 900;
		line-height: var(--leading-tight);
		text-transform: uppercase;
		text-align: center;
		margin-block-end: var(--space-2xl);
	}

	/* Not-configured placeholder — admin only */
	.instagram-section__placeholder {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 1rem;
		padding-block: var(--space-2xl);
		opacity: 0.4;
	}

	.instagram-section__placeholder-icon {
		width: 3rem;
		height: 3rem;
	}

	.instagram-section__placeholder-text {
		font-size: var(--text-base);
		font-weight: 700;
		text-transform: uppercase;
		letter-spacing: 0.05em;
	}

}