@media (max-width: 1024px) {
	.atelier-banner {
		padding: 0 15px;
	}

	.atelier-banner__container {
		min-height: 500px;
		padding: 200px 24px 36px;
	}

	.atelier-banner__content {
		width: 100%;
	}

	.atelier-banner__meta-wrapper {
		padding: 0 15px;
		transform: translateY(-36%);
		margin-bottom: -28px;
	}

	.atelier-details {
		padding: 80px 15px 60px;
	}

	.atelier-details__inner {
		grid-template-columns: 1fr;
		gap: 32px;
	}
}

@media (max-width: 767px) {
	.atelier-banner__container {
		min-height: 440px;
	}

	.atelier-banner__text {
		font-size: 16px;
		line-height: 1.7;
	}

	.atelier-banner__meta {
		grid-template-columns: 1fr;
		gap: 18px;
		padding: 20px 22px;
	}

	.atelier-banner__meta-separator {
		display: none;
	}

	.atelier-details__content h2 {
		font-size: 34px;
	}

	.atelier-accordion__trigger {
		padding: 20px 18px;
	}

	.atelier-accordion__panel {
		padding: 0 18px 20px;
	}

	.atelier-accordion__panel-inner {
		padding-left: 0;
	}
}