/*
 * Homepage responsive contract.
 * Loaded after configurable design rules so desktop values cannot override
 * mobile and tablet reflow. Desktop above 64rem is intentionally untouched.
 */

@media (max-width: 64rem) {
	body.home.uici-redesign-active .uici-gb-preview,
	body.home.uici-redesign-active .uici-gb-preview * {
		min-width: 0;
	}

	body.home.uici-redesign-active .uici-gb-preview img {
		max-width: 100%;
	}

	body.home.uici-redesign-active .uici-home-news .uici-news-list,
	body.home.uici-redesign-active .uici-gb-podcast-query__grid,
	body.home.uici-redesign-active.uici-design-customized .uici-gb-podcast-query__grid,
	body.home.uici-redesign-active .uici-gb-participation .uici-gb-link-grid,
	body.home.uici-redesign-active.uici-design-customized .uici-gb-participation .uici-gb-link-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	body.home.uici-redesign-active .uici-site-footer__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* Tablet: preserve useful two-column grids, but simplify each service card. */
@media (min-width: 40.0625rem) and (max-width: 52rem) {
	body.home.uici-redesign-active .uici-gb-home-services .uici-gb-services-grid,
	body.home.uici-redesign-active.uici-design-customized .uici-gb-home-services .uici-gb-services-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	body.home.uici-redesign-active .uici-gb-home-services .uici-gb-service-card,
	body.home.uici-redesign-active.uici-design-customized .uici-gb-home-services .uici-gb-service-card {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	body.home.uici-redesign-active .uici-gb-home-services .uici-gb-service-card__media,
	body.home.uici-redesign-active.uici-design-customized .uici-gb-home-services .uici-gb-service-card__media {
		min-height: 10rem !important;
		aspect-ratio: 16 / 7;
	}

	body.home.uici-redesign-active .uici-gb-home-services .uici-gb-service-card__content,
	body.home.uici-redesign-active.uici-design-customized .uici-gb-home-services .uici-gb-service-card__content {
		padding: clamp(1.25rem, 3vw, 1.65rem) !important;
	}
}

@media (max-width: 52rem) {
	body.home.uici-redesign-active .uici-gb-hero,
	body.home.uici-redesign-active.uici-design-customized .uici-gb-hero {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr);
		grid-template-areas: "title" "image" "lead" "buttons";
		column-gap: 0;
		width: min(calc(100% - var(--uici-ui-mobile-gutter-total, 32px)), var(--uici-width, 1200px)) !important;
		padding-top: clamp(2.75rem, 8vw, 4rem);
		padding-bottom: clamp(3rem, 9vw, 4.5rem);
	}

	body.home.uici-redesign-active .uici-gb-hero__content {
		display: contents !important;
		max-width: none !important;
	}

	body.home.uici-redesign-active .uici-gb-hero__content h1 {
		grid-area: title;
		max-width: 18ch;
	}

	body.home.uici-redesign-active .uici-gb-hero__media {
		grid-area: image;
		width: 100% !important;
		max-width: 36.25rem;
		margin-inline: auto !important;
	}

	body.home.uici-redesign-active .uici-gb-hero__content .uici-lead {
		grid-area: lead;
	}

	body.home.uici-redesign-active .uici-gb-hero__content .wp-block-buttons {
		grid-area: buttons;
	}

	body.home.uici-redesign-active .uici-gb-home-services .uici-gb-section-heading,
	body.home.uici-redesign-active.uici-design-customized .uici-gb-home-services .uici-gb-section-heading,
	body.home.uici-redesign-active .uici-gb-feature-split,
	body.home.uici-redesign-active.uici-design-customized .uici-gb-feature-split,
	body.home.uici-redesign-active .uici-newsletter,
	body.home.uici-redesign-active.uici-design-customized .uici-newsletter {
		grid-template-columns: minmax(0, 1fr);
	}

	body.home.uici-redesign-active .uici-home-news-card--featured {
		grid-template-columns: minmax(0, 1fr);
	}

	body.home.uici-redesign-active .uici-home-news-card--featured .uici-news-card__image {
		height: auto;
		min-height: 0;
		aspect-ratio: var(--uici-ui-news-ratio, 16 / 9);
	}

	body.home.uici-redesign-active .uici-home-orientation__inner {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (max-width: 40rem) {
	body.home.uici-redesign-active {
		overflow-x: clip;
	}

	body.home.uici-redesign-active .uici-gb-preview :where(h1, h2, h3, p, a, li, label) {
		overflow-wrap: break-word;
		word-break: normal;
	}

	body.home.uici-redesign-active .uici-gb-section,
	body.home.uici-redesign-active.uici-design-customized .uici-gb-section {
		width: min(calc(100% - var(--uici-ui-mobile-gutter-total, 32px)), var(--uici-width, 1200px)) !important;
		padding-top: clamp(2.75rem, 11vw, 3.75rem);
		padding-bottom: clamp(2.75rem, 11vw, 3.75rem);
	}

	body.home.uici-redesign-active .uici-gb-hero__content h1,
	body.home.uici-redesign-active.uici-design-customized .uici-gb-preview h1 {
		font-size: clamp(2.25rem, 10.5vw, 2.85rem);
		line-height: 1.06;
	}

	body.home.uici-redesign-active .uici-gb-preview h2,
	body.home.uici-redesign-active.uici-design-customized .uici-gb-preview h2 {
		font-size: clamp(1.8rem, 8.5vw, 2.25rem);
		line-height: 1.12;
	}

	body.home.uici-redesign-active .uici-gb-hero__image {
		width: 100%;
		aspect-ratio: 4 / 3;
	}

	body.home.uici-redesign-active .uici-gb-hero__content .wp-block-buttons {
		align-items: stretch;
		flex-direction: column;
	}

	body.home.uici-redesign-active .uici-gb-hero__content :where(.wp-block-button, .wp-block-button__link) {
		width: 100%;
	}

	body.home.uici-redesign-active .uici-gb-home-services .uici-gb-services-grid,
	body.home.uici-redesign-active.uici-design-customized .uici-gb-home-services .uici-gb-services-grid,
	body.home.uici-redesign-active .uici-home-news .uici-news-list,
	body.home.uici-redesign-active .uici-gb-podcast-query__grid,
	body.home.uici-redesign-active.uici-design-customized .uici-gb-podcast-query__grid,
	body.home.uici-redesign-active .uici-gb-participation .uici-gb-link-grid,
	body.home.uici-redesign-active.uici-design-customized .uici-gb-participation .uici-gb-link-grid,
	body.home.uici-redesign-active .uici-site-footer__grid {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	body.home.uici-redesign-active .uici-gb-home-services .uici-gb-service-card,
	body.home.uici-redesign-active.uici-design-customized .uici-gb-home-services .uici-gb-service-card {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	body.home.uici-redesign-active .uici-gb-home-services .uici-gb-service-card__media,
	body.home.uici-redesign-active.uici-design-customized .uici-gb-home-services .uici-gb-service-card__media {
		min-height: 0 !important;
		aspect-ratio: 16 / 7;
	}

	body.home.uici-redesign-active .uici-home-news .uici-section-heading {
		align-items: flex-start;
		grid-template-columns: minmax(0, 1fr);
	}

	body.home.uici-redesign-active .uici-home-news .uici-section-heading > p {
		text-align: left;
	}

	body.home.uici-redesign-active .uici-gb-feature-split__image {
		width: 100%;
		max-width: 32rem;
	}

	body.home.uici-redesign-active .uici-newsletter,
	body.home.uici-redesign-active.uici-design-customized .uici-newsletter {
		gap: 1.5rem;
		padding: 2.75rem var(--uici-ui-mobile-gutter, 16px) !important;
	}

	body.home.uici-redesign-active .uici-newsletter__form,
	body.home.uici-redesign-active.uici-design-customized .uici-newsletter__form {
		width: 100%;
		max-width: 100%;
		padding: 1.25rem;
	}

	body.home.uici-redesign-active .uici-site-footer {
		padding: 3rem var(--uici-ui-mobile-gutter, 16px) 1.5rem;
	}

	body.home.uici-redesign-active .uici-site-footer__grid {
		gap: 2rem;
	}

	body.home.uici-redesign-active .uici-site-footer__legal {
		gap: 0.75rem 1.25rem;
		margin-top: 2rem;
	}
}