/**
 * Airox About Us — Vision / Mission mobile visibility tune v1.5.87.
 * Phone-only size/legibility tune from the approved v1.5.86 artwork/assets.
 * Desktop and tablet remain owned by the previously approved styles.
 */
.airox-about-vm-mobile {
	display: none;
}

@media (max-width: 480px) {
	.airox-about-us .airox-about-vm {
		height: auto !important;
		min-height: 0 !important;
		padding: 5.45vw 0 2.73vw !important;
		background-color: #fff !important;
		overflow: hidden !important;
	}

	/* The mobile reference keeps only very faint Airox line-work in the canvas. */
	.airox-about-us .airox-about-vm::before {
		display: block !important;
		left: -47vw !important;
		top: 8vw !important;
		width: 178vw !important;
		height: 131vw !important;
		aspect-ratio: auto !important;
		background: url('../images/background__wave_lines.svg') no-repeat center / 100% 100% !important;
		opacity: .22;
		pointer-events: none;
	}

	.airox-about-us .airox-about-vm__stage--desktop {
		display: none !important;
	}

	.airox-about-us .airox-about-vm-mobile {
		position: relative;
		z-index: 1;
		display: flex;
		flex-direction: column;
		gap: 4.20vw;
		width: 96vw; /* slightly wider phone stage for better visibility */
		margin: 0 0 0 2vw;
		padding: 0;
	}

	.airox-about-us .airox-about-vm-mobile__row {
		position: relative;
		width: 100%;
		height: 31.11111vw; /* approved artwork enlarged ~12% on phones */
		min-height: 0;
	}

	.airox-about-us .airox-about-vm-mobile__copy,
	.airox-about-us .airox-about-vm-mobile__half,
	.airox-about-us .airox-about-vm-mobile__icon {
		position: absolute;
		display: block;
		margin: 0;
		max-width: none;
	}

	/* Client assets are used at their original 575 × 300 / 150 × 300 ratios. */
	.airox-about-us .airox-about-vm-mobile__copy {
		top: 0;
		width: 59.62963vw; /* 575 / 1080 enlarged ~12% */
		height: 31.11111vw;
	}

	.airox-about-us .airox-about-vm-mobile__copy--vision {
		left: 0;
	}

	.airox-about-us .airox-about-vm-mobile__copy--mission {
		right: 0;
		left: auto;
	}

	.airox-about-us .airox-about-vm-mobile__copy-bg {
		position: absolute;
		inset: 0;
		display: block;
		width: 100%;
		height: 100%;
		object-fit: fill;
	}

	.airox-about-us .airox-about-vm-mobile__half {
		top: 0;
		width: 15.55556vw; /* 150 / 1080 enlarged ~12% */
		height: 31.11111vw;
		object-fit: fill;
	}

	.airox-about-us .airox-about-vm-mobile__half--vision {
		left: 59.62963vw;
	}

	.airox-about-us .airox-about-vm-mobile__half--mission {
		right: 59.62963vw;
		left: auto;
	}

	.airox-about-us .airox-about-vm-mobile__icon {
		top: 50%;
		z-index: 4;
		width: 25.35037vw; /* icon enlarged ~12% */
		height: 25.35037vw;
		object-fit: contain;
		transform: translate(-50%, -50%);
	}

	.airox-about-us .airox-about-vm-mobile__icon--vision {
		left: 59.62963vw;
	}

	.airox-about-us .airox-about-vm-mobile__icon--mission {
		right: 59.62963vw;
		left: auto;
		transform: translate(50%, -50%);
	}

	.airox-about-us .airox-about-vm-mobile__content {
		position: absolute;
		z-index: 5;
		top: 0;
		bottom: 0;
		font-family: 'Ramus', 'Helvetica Neue', Arial, sans-serif;
		color: #323436;
	}

	.airox-about-us .airox-about-vm-mobile__content--vision {
		left: 3.60vw;
		right: 14.10vw;
		padding-top: 3.95vw;
		text-align: right;
	}

	.airox-about-us .airox-about-vm-mobile__content--mission {
		left: 15.30vw;
		right: 2.50vw;
		padding-top: 4.15vw;
		text-align: left;
	}

	.airox-about-us .airox-about-vm-mobile__title {
		margin: 0;
		font-family: 'Ramus', 'Helvetica Neue', Arial, sans-serif;
		font-size: 3.55vw;
		font-weight: 700;
		line-height: 1;
		letter-spacing: -.015em;
		white-space: nowrap;
		color: #323436;
	}

	.airox-about-us .airox-about-vm-mobile__title span {
		color: #8cc11b;
	}

	.airox-about-us .airox-about-vm-mobile__title b {
		display: inline-block;
		margin: 0 .46vw;
		font-size: 1.25em;
		font-weight: 400;
		line-height: .9;
		letter-spacing: -.055em;
		color: #fff;
		-webkit-text-stroke: .20vw #8cc11b;
		paint-order: stroke fill;
	}

	.airox-about-us .airox-about-vm-mobile__description {
		margin: 1.55vw 0 0;
		font-family: 'Ramus', 'Helvetica Neue', Arial, sans-serif;
		font-size: 2.65vw;
		font-weight: 400;
		line-height: 1.56;
		letter-spacing: -.012em;
		color: #323436;
	}

	.airox-about-us .airox-about-vm-mobile__description span {
		display: block;
		white-space: nowrap;
	}

	.airox-about-us .airox-about-vm-mobile__content--vision .airox-about-vm-mobile__description {
		margin-left: auto;
		margin-right: 0;
		text-align: right;
	}

	.airox-about-us .airox-about-vm-mobile__content--mission .airox-about-vm-mobile__description {
		margin-top: 1.55vw;
		text-align: left;
	}

	.airox-about-us .airox-about-vm-mobile__description br {
		display: block;
		content: '';
	}
}