/* Extend the desktop composition without changing the 375px and 1440px references. */
@media (min-width: 601px) and (max-width: 1100px) {
	main :is(.display-title, .card h3, .list-item h3) { overflow-wrap: anywhere; }
}

@media (min-width: 1441px) {
	body {
		/* One design pixel at 1440px; stop growing spacing above 2520px. */
		--fluid-space: clamp(1px, 0.0694444444vw, 1.75px);
		--fluid-detail: clamp(1px, 0.0694444444vw, 1.25px);
	}

	/* Fixed side gutters grow with the same unit as vertical and inner spacing. */
	.container { width: calc(100% - 64 * var(--fluid-space)); }
	.drive4usa-home .container,
	:is(.page-jobs, .page-equipment) .hero-content,
	:is(.page-jobs, .page-equipment) .section-jobs--positions .section-inner,
	.page-about-us .hero--wide .hero-content,
	:is(.page-about-us .section-about--intro, .section-equipment--comparison) .section-inner,
	.page-about-us .section-about--support .section-inner,
	.page-about-us .section-about--safety .section-inner,
	.page-about-us .section-about--team .section-heading,
	.section-about--fleet .section-heading,
	.page-contact :is(.section-contact--intro, .section--contact) .section-inner,
	.section-equipment--freight .section-inner,
	.hero--job + .section-variant--image_bottom .section-inner,
	.section--faq .section-inner,
	.blog-page,
	.article-page :is(.article-heading, .prose),
	.site-footer .container,
	.hero--job { width: calc(100% - 48 * var(--fluid-space)); }

	.drive4usa-home .hero--cover .hero-content,
	.hero--equipment .hero-content { width: 100%; }
	.drive4usa-home :is(.section--metrics, .section--banner, .section--trailers, .section-home--application) .section-inner,
	.section.section--form:not(.section-home--intro) .section-inner,
	.page-about-us .hero-wide-image,
	.article-page .article-image { width: calc(100% - 24 * var(--fluid-space)); }
	.drive4usa-home .section--banner:not(:has(.button)) .section-inner { width: calc(100% - 48 * var(--fluid-space)); }
	.page-quiz .quiz-page { width: 100%; }
	.page-about-us .section-about--application .section-inner { width: calc(100% - 24 * var(--fluid-space)); }

	/* Shared chrome keeps its content in proportion to its own padding. */
	body:not(.drive4usa-home) { padding-top: calc(94 * var(--fluid-space)); }
	.site-header .header-inner {
		width: calc(100% - 80 * var(--fluid-space));
		min-height: calc(94 * var(--fluid-space));
		padding-block: calc(20 * var(--fluid-space));
		gap: calc(20 * var(--fluid-space));
	}
	.site-header .site-logo,
	.site-footer .site-logo {
		width: calc(201 * var(--fluid-detail));
		height: calc(32 * var(--fluid-detail));
		max-width: none;
		max-height: none;
	}
	.site-header .primary-navigation { padding: calc(14 * var(--fluid-space)) calc(20 * var(--fluid-space)); }
	.site-header .site-menu { gap: calc(32 * var(--fluid-space)); }
	.site-header .site-menu .sub-menu {
		top: calc(100% + 18 * var(--fluid-space) + 1px);
		left: calc(-20 * var(--fluid-space) - 1px);
		padding: calc(14 * var(--fluid-space)) calc(20 * var(--fluid-space));
		gap: calc(12 * var(--fluid-space));
	}
	.site-header .menu-item-has-children::after { height: calc(18 * var(--fluid-space) + 2px); }
	.site-footer { padding: calc(160 * var(--fluid-space)) 0 calc(24 * var(--fluid-space)); }
	.site-footer .footer-grid { grid-template-columns: minmax(0, 1fr) repeat(2, minmax(0, calc(321 * var(--fluid-space)))); column-gap: calc(32 * var(--fluid-space)); }
	.site-footer .footer-wordmark { margin-top: calc(100 * var(--fluid-space)); }

	/* Hero and page introductions. Images retain their existing object-fit crops. */
	.drive4usa-home .hero--cover { margin: calc(12 * var(--fluid-space)); padding: calc(160 * var(--fluid-space)) calc(28 * var(--fluid-space)) calc(28 * var(--fluid-space)); }
	.drive4usa-home .hero--cover { min-height: clamp(800px, 55.5555556vw, 1120px); }
	.drive4usa-home .hero--cover .display-title { max-width: calc(681 * var(--fluid-detail)); font-size: calc(48 * var(--fluid-detail)); line-height: calc(44 * var(--fluid-detail)); }
	.drive4usa-home .hero-description { max-width: calc(468 * var(--fluid-detail)); }
	.drive4usa-home .hero--cover .button { margin-top: calc(32 * var(--fluid-space)); }
	.hero--job,
	.page-about-us .hero--wide,
	.page-contact .section-contact--intro { padding-top: calc(60 * var(--fluid-space)); }
	:is(.page-jobs, .page-equipment) .hero--simple { padding-block: calc(60 * var(--fluid-space)); }
	.hero.hero--equipment { padding: calc(60 * var(--fluid-space)) calc(24 * var(--fluid-space)) 0; gap: calc(37 * var(--fluid-space)); }
	.job-hero-copy { padding: calc(32 * var(--fluid-space)); gap: calc(14 * var(--fluid-space)); min-height: calc(420 * var(--fluid-detail)); }
	.hero--job .job-hero-copy .display-title { font-size: calc(40 * var(--fluid-detail)); line-height: calc(44 * var(--fluid-detail)); }
	.page-lease-to-buy .job-hero-copy .display-title { font-size: calc(36 * var(--fluid-detail)); line-height: 1; }
	.hero--job .job-hero-copy p,
	.hero--equipment .hero-description { font-size: calc(18 * var(--fluid-detail)); line-height: calc(22 * var(--fluid-detail)); }
	.hero.hero--equipment .display-title { font-size: calc(44 * var(--fluid-detail)); line-height: calc(44 * var(--fluid-detail)); }
	.page-contact .section-contact--intro .display-title { font-size: calc(48 * var(--fluid-detail)); line-height: calc(44 * var(--fluid-detail)); }
	.hero-benefits > div { padding: calc(20 * var(--fluid-space)); gap: calc(16 * var(--fluid-space)); }
	.page-about-us .hero--wide { gap: calc(60 * var(--fluid-space)); }
	.page-about-us .hero-wide-image > * { height: clamp(600px, 41.6666667vw, 840px); }
	.page-contact .section-contact--intro .section-inner { gap: calc(40 * var(--fluid-space)); }
	.page-contact .contact-intro-content { gap: calc(32 * var(--fluid-space)); }
	.page-contact .section-contact--intro .contact-photo { height: auto; aspect-ratio: 656 / 512; }
	.blog-page { padding-top: calc(60 * var(--fluid-space)); }
	.article-page .article-hero { padding-top: calc(40 * var(--fluid-space)); gap: calc(36 * var(--fluid-space)); }
	.article-page .article-image > * { height: clamp(499px, 34.6527778vw, 700px); }
	.article-page .prose { max-width: calc(1392 * var(--fluid-detail)); margin-block: calc(60 * var(--fluid-space)); }
	.page-quiz .quiz-page { padding: calc(40 * var(--fluid-space)) calc(24 * var(--fluid-space)) calc(100 * var(--fluid-space)); }

	/* Section spacing: retain each section's original horizontal/vertical ratio. */
	.drive4usa-home .section,
	.section.section--form:not(.section-home--intro),
	.section.section--faq,
	.hero--job + .section-variant--image_bottom,
	.page-about-us :is(.section-about--intro, .section-about--team, .section-about--safety),
	.section-about--fleet,
	.section-equipment--freight,
	.section-equipment--comparison,
	.page-contact .section--contact { padding-top: calc(160 * var(--fluid-space)); }
	:is(.hero--job ~ .section--pay_table, .section-equipment--pay),
	.hero--job ~ .section--requirements.section-variant--with_image,
	.hero--job ~ .section--benefits,
	.section-equipment--mosaic { padding: calc(160 * var(--fluid-space)) calc(24 * var(--fluid-space)) 0; }
	:is(.hero--job ~ .section--requirements.section-variant--standard, .section-equipment--requirements),
	:is(.page-owner-operator-jobs #section-9-6, .section-equipment--perks) { padding: calc(160 * var(--fluid-space)) calc(24 * var(--fluid-space)); }
	:is(.hero--job ~ .section--banner, .section-equipment--banner) { padding: calc(160 * var(--fluid-space)) calc(12 * var(--fluid-space)) 0; }
	.page-about-us .section-about--support { padding-block: calc(160 * var(--fluid-space)); }
	.page-about-us .section-about--safety,
	.drive4usa-home .section-home--benefits { padding-bottom: calc(160 * var(--fluid-space)); }
	.drive4usa-home .section--trailers,
	.page-about-us .section-about--reviews { padding-top: 0; }
	.drive4usa-home .section--banner:not(:has(.button)) { padding-top: calc(100 * var(--fluid-space)); }
	:is(.drive4usa-home .section--process, .page-team-driver-jobs #section-11-6) { padding-bottom: calc(144 * var(--fluid-space)); }
	.page-team-driver-jobs #section-11-6 { padding: 0 calc(24 * var(--fluid-space)) calc(160 * var(--fluid-space)); }
	:is(.page-dry-van-driver-jobs #section-13-6, .page-flatbed-driver-jobs #section-14-7) { padding-top: 0; }
	.page-flatbed-driver-jobs #section-14-5 { padding-bottom: 0; }

	/* Keep fixed desktop grid tracks from turning into empty space on wide screens. */
	:is(.hero--job ~ .section--requirements.section-variant--standard, .section-equipment--requirements) .section-inner { grid-template-columns: minmax(0, 557fr) minmax(0, 674fr); gap: calc(161 * var(--fluid-space)); }
	.page-owner-operator-jobs #section-9-7 .section-inner { grid-template-columns: minmax(0, 610fr) minmax(0, 674fr); gap: calc(108 * var(--fluid-space)); }
	.hero--job ~ .section--requirements.section-variant--with_image .section-inner,
	.page-about-us .section-about--support .section-inner { gap: calc(60 * var(--fluid-space)) calc(4 * var(--fluid-space)); }
	:is(.page-about-us .section-about--intro, .section-equipment--comparison) .section-inner,
	.drive4usa-home .section--feature .section-inner { gap: calc(32 * var(--fluid-space)); }
	.section-equipment--freight .section-inner { column-gap: calc(59 * var(--fluid-space)); }
	.section-equipment--freight .slider-track { width: calc(100% + 24 * var(--fluid-space)); }
	.hero--job + .section-variant--image_bottom .section-heading { grid-template-columns: minmax(0, 661fr) minmax(0, 516fr); column-gap: calc(215 * var(--fluid-space)); }
	:is(.hero--job ~ .section--pay_table, .section-equipment--pay) .section-heading { grid-template-columns: minmax(0, 608fr) minmax(0, 516fr); column-gap: calc(268 * var(--fluid-space)); }
	.hero--job ~ .section--requirements.section-variant--with_image .section-heading,
	.page-about-us .section-about--support .section-heading { grid-template-columns: minmax(0, 581fr) minmax(0, 516fr); column-gap: calc(295 * var(--fluid-space)); }
	.hero--job ~ .section--benefits .section-heading { grid-template-columns: minmax(0, 703fr) minmax(0, 516fr); column-gap: calc(173 * var(--fluid-space)); }
	.section-about--fleet .section-heading { grid-template-columns: minmax(0, 670fr) minmax(0, 516fr); column-gap: calc(206 * var(--fluid-space)); }
	.page-about-us .section-about--team .section-heading { column-gap: calc(237 * var(--fluid-space)); }
	.page-about-us .section-about--safety .section-heading { grid-template-columns: minmax(0, 483fr) minmax(0, 516fr); column-gap: calc(393 * var(--fluid-space)); }
	.section-equipment--mosaic .section-heading,
	.page-flatbed-driver-jobs #section-14-5 .section-heading { grid-template-columns: minmax(0, 743fr) minmax(0, 468fr); column-gap: calc(181 * var(--fluid-space)); }
	.page-team-driver-jobs #section-11-6 .section-heading { grid-template-columns: minmax(0, 703fr) minmax(0, 428fr); column-gap: calc(261 * var(--fluid-space)); }
	.drive4usa-home .section-heading,
	.section.section--faq .section-heading,
	.section-equipment--mosaic .section-heading,
	.section-about--fleet .section-heading { margin-bottom: calc(60 * var(--fluid-space)); }
	.drive4usa-home .section-heading,
	.section.section--faq .section-heading { column-gap: calc(60 * var(--fluid-space)); }
	.drive4usa-home .section-home--positions .section-heading { row-gap: 0; }
	.drive4usa-home .section--metrics .section-heading,
	.drive4usa-home .section--feature .section-heading { margin-bottom: 0; }

	/* Banner and form insets use one scale for both axes, rather than centering a fixed-width core. */
	:is(.hero--job ~ .section--banner, .section-equipment--banner) .section-inner,
	.drive4usa-home .section-home--career .section-inner,
	.drive4usa-home .section--banner:not(:has(.button)) .section-inner,
	.section.section--form:not(.section-home--intro) .section-inner,
	.page-about-us .section-about--application .section-inner { padding: calc(90 * var(--fluid-space)) calc(40 * var(--fluid-space)); }
	:is(.hero--job ~ .section--banner, .section-equipment--banner) .section-inner { min-height: calc(450 * var(--fluid-detail)); }
	.drive4usa-home .section-home--career .section-inner { min-height: calc(472 * var(--fluid-detail)); }
	.drive4usa-home .section--banner:not(:has(.button)) .section-inner { min-height: calc(288 * var(--fluid-detail)); }
	.section.section--form:not(.section-home--intro) .section-inner,
	.page-about-us .section-about--application .section-inner { min-height: calc(722 * var(--fluid-detail)); gap: calc(122 * var(--fluid-space)); }
	.section.section--form:not(.section-home--intro) .drive4usa-form { align-self: end; }
	.drive4usa-home .section-home--intro .section-inner { gap: calc(155.52 * var(--fluid-space)); }
	:is(.section--form, .section-contact--intro) .drive4usa-form .fluentform .ff-el-group { padding: calc(12 * var(--fluid-space)) calc(14 * var(--fluid-space)); }
	:is(.section--form, .section-contact--intro) .drive4usa-form .fluentform .ff_submit_btn_wrapper { padding: calc(26 * var(--fluid-space)) 0 0; }
	.page-contact .section-contact--intro .drive4usa-form .fluentform .ff_submit_btn_wrapper { padding-top: calc(20 * var(--fluid-space)); }

	/* Cards and photography grow as components, without stretching the source images. */
	:is(.page-jobs, .page-equipment) .section-jobs--positions .card-body,
	.section-equipment--freight .slider-track > .card,
	.section-equipment--mosaic .card-body,
	.page-contact .section--contact .card-body { padding: calc(20 * var(--fluid-space)); }
	.drive4usa-home .section-home--positions .card-body { padding: calc(24 * var(--fluid-space)); }
	:is(.page-jobs, .page-equipment) .section-jobs--positions .card,
	.drive4usa-home .section-home--positions .card { min-height: calc(476 * var(--fluid-detail)); }
	.section-equipment--freight .slider-track > .card { flex-basis: calc(468 * var(--fluid-space)); gap: calc(24 * var(--fluid-space)); }
	.section-equipment--freight .card-media > img { height: auto; aspect-ratio: 428 / 330; }
	.section-equipment--mosaic .card { height: calc(220 * var(--fluid-space)); }
	.section-about--fleet .cards-grid { --fleet-card-width: calc(516 * var(--fluid-space)); }
	.section-about--fleet .cards-grid > .card { height: calc(312 * var(--fluid-space)); }
	.blog-page .blog-list { gap: calc(24 * var(--fluid-space)); }
	.blog-page .blog-card-content { padding: calc(20 * var(--fluid-space)); }
	.blog-page .blog-card-media > * { height: calc(320 * var(--fluid-detail)); }
	.blog-page > .section-heading { margin-bottom: calc(60 * var(--fluid-space)); }

	.drive4usa-home .section--metrics .section-inner { padding: calc(28 * var(--fluid-space)); min-height: calc(662 * var(--fluid-detail)); }
	.drive4usa-home .section--metrics .section-description { left: calc(28 * var(--fluid-space)); bottom: calc(28 * var(--fluid-space)); }
	.drive4usa-home .metric { padding: calc(24 * var(--fluid-space)) calc(12 * var(--fluid-space)) 0 calc(24 * var(--fluid-space)); }
	.drive4usa-home .metric { min-height: calc(292 * var(--fluid-space)); }
	.drive4usa-home .metric:nth-child(2) { min-height: calc(220 * var(--fluid-space)); margin-top: calc(72 * var(--fluid-space)); }
	.drive4usa-home .metric:nth-child(3) { min-height: calc(148 * var(--fluid-space)); margin-top: calc(144 * var(--fluid-space)); }
	.drive4usa-home .section--trailers .section-inner { padding: calc(160 * var(--fluid-space)) calc(24 * var(--fluid-space)); gap: calc(20 * var(--fluid-space)); min-height: calc(988 * var(--fluid-detail)); }
	.page-about-us .section-about--reviews { padding-inline: calc(12 * var(--fluid-space)); }
	.page-about-us .section-about--reviews .section-inner { min-height: calc(790 * var(--fluid-detail)); padding: calc(63 * var(--fluid-space)) max(calc(24 * var(--fluid-space)), calc((100% - 1003 * var(--fluid-space)) / 2)); }
	.page-about-us .section-about--reviews .slider-track { max-width: none; }
	.page-about-us .section-about--reviews .card { min-height: calc(408 * var(--fluid-detail)); padding: calc(8 * var(--fluid-space)); }
	.page-about-us .section-about--reviews .review-body { padding: calc(16 * var(--fluid-space)); gap: calc(24 * var(--fluid-space)); }
}