/* ==========================================================================
   MAI Events Child Theme - Responsive Adaptation
   ========================================================================== */

/* Large screens and ultra-wides */
@media (min-width: 1920px) {
	html {
		font-size: 18px;
	}

	.story-card {
		max-width: 700px;
	}
}

/* Tablet viewports */
@media (max-width: 1024px) {
	.story-section {
		padding: 0 5%;
	}

	.intro-title {
		font-size: 3.5rem;
	}

	.story-section-title {
		font-size: 2.5rem;
	}
}

/* Mobile viewports */
@media (max-width: 768px) {
	body .story-section {
		padding: 0 1.25rem !important;
		align-items: center !important;
		justify-content: center !important;
	}

	body .intro-title {
		font-size: 3.5rem !important;
		line-height: 1.05 !important;
		margin-bottom: 0 !important;
	}

	body .story-main-title {
		font-size: 3.5rem !important;
		line-height: 1.05 !important;
	}

	body .intro-subtitle,
	body .story-subtitle {
		font-size: 0.9rem !important;
		letter-spacing: 0.15em !important;
		margin-top: 0.6rem !important;
		line-height: 1.4 !important;
		text-shadow: 0 2px 8px rgba(0, 0, 0, 0.6) !important;
	}

	body .site-header {
		padding: 1rem !important;
	}

	body .site-header.scrolled {
		padding: 0.75rem 1rem !important;
	}

	body .scroll-indicator {
		margin-top: auto !important;
		margin-bottom: 2rem !important;
	}

	.partners-section,
	.services-grid-section {
		padding: 0 1.5rem !important;
	}

	.partners-showcase-container {
		padding: 2rem 1.25rem !important;
	}

	.partners-title {
		font-size: 0.95rem !important;
		letter-spacing: 0.05em !important;
	}

	.partners-grid {
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 1rem !important;
	}

	.partner-logo-item {
		padding: 1rem 1.5rem !important;
		height: 90px !important;
	}

	.partner-logo-item img {
		max-height: 52px !important;
	}
}

@media (max-width: 480px) {

	body .intro-title,
	body .story-main-title {
		font-size: 2.8rem !important;
	}

	body .intro-subtitle,
	body .story-subtitle {
		font-size: 0.8rem !important;
		letter-spacing: 0.1em !important;
	}

	.partners-showcase-container {
		padding: 1.5rem 0.85rem !important;
	}

	.partners-grid {
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 0.75rem !important;
	}

	.partner-logo-item {
		padding: 0.75rem 1rem !important;
		height: 80px !important;
	}

	.partner-logo-item img {
		max-height: 44px !important;
	}
}