/*
 * AT Logistics · Air freight hero scene  v1.3.1  ([atl_freight mode="air"], with atl-freight.css)
 *
 * A plane leaves the USA pin, climbs the dashed route across the grid and lands at
 * Guyana every 10 s, the same rhythm as the planes in the home page's voyage scene.
 * Still frame: the plane in flight, just past the top of the route.
 */

.atl-freight--air { --atl-craft-w: clamp(80px, 9vw, 120px); }

/* Drawing: viewBox -62 -18 80 36, origin on the plane's centre. */
.atl-freight--air .atl-freight__craft {
	width: var(--atl-craft-w);
	height: calc(var(--atl-craft-w) * .45);
	left: calc(var(--atl-craft-w) * -.775);
	top: calc(var(--atl-craft-w) * -.225);
}

.atl-freight__plane { fill: #FFFFFF; stroke: #07100C; stroke-width: .6; stroke-opacity: .5; }
.atl-freight__nav { fill: #38E024; }
.atl-freight__tail { stroke-width: 2.4; stroke-linecap: round; }

/* @generated freight-keyframes:start */
/* Generated by tools/build-freight-keyframes.py; edit the script, not these lines. */
.atl-freight--air .atl-freight__pin--from { left: 3%; top: 86%; }
.atl-freight--air .atl-freight__pin--to, .atl-freight--air .atl-freight__arrive { left: 97%; top: 86%; }
.atl-freight--air .atl-freight__carrier { transform: translate(57.97%, 21.45%); }
.atl-freight--air .atl-freight__turn { transform: rotate(4.3deg); }
@media (max-width: 767px) { .atl-freight--air .atl-freight__turn { transform: rotate(9.7deg); } }
@media (prefers-reduced-motion: no-preference) {
	.atl-motion .atl-freight--air.is-in-view .atl-freight__carrier { animation: atl-fa-path 10s linear infinite; }
	.atl-motion .atl-freight--air.is-in-view .atl-freight__arrive { animation: atl-fa-arrive 10s linear infinite; }
	.atl-motion .atl-freight--air.is-in-view .atl-freight__turn { animation: atl-fa-turn 10s linear infinite; }
}
@media (prefers-reduced-motion: no-preference) and (max-width: 767px) {
	.atl-motion .atl-freight--air.is-in-view .atl-freight__turn { animation-name: atl-fa-turn-m; }
}
@keyframes atl-fa-path {
	0% { transform: translate(3.00%, 86.00%); opacity: 0; }
	4% { transform: translate(3.00%, 86.00%); opacity: 1; }
	7% { transform: translate(3.46%, 84.17%); opacity: 1; }
	10% { transform: translate(4.83%, 79.12%); opacity: 1; }
	13% { transform: translate(7.08%, 71.65%); opacity: 1; }
	16% { transform: translate(10.20%, 62.72%); opacity: 1; }
	19% { transform: translate(14.16%, 53.28%); opacity: 1; }
	22% { transform: translate(18.89%, 44.15%); opacity: 1; }
	25% { transform: translate(24.28%, 35.96%); opacity: 1; }
	28% { transform: translate(30.22%, 29.18%); opacity: 1; }
	31% { transform: translate(36.58%, 24.14%); opacity: 1; }
	34% { transform: translate(43.22%, 21.04%); opacity: 1; }
	37% { transform: translate(50.00%, 20.00%); opacity: 1; }
	40% { transform: translate(56.78%, 21.04%); opacity: 1; }
	43% { transform: translate(63.42%, 24.14%); opacity: 1; }
	46% { transform: translate(69.78%, 29.18%); opacity: 1; }
	49% { transform: translate(75.72%, 35.96%); opacity: 1; }
	52% { transform: translate(81.11%, 44.15%); opacity: 1; }
	55% { transform: translate(85.84%, 53.28%); opacity: 1; }
	58% { transform: translate(89.80%, 62.72%); opacity: 1; }
	61% { transform: translate(92.92%, 71.65%); opacity: 1; }
	64% { transform: translate(95.17%, 79.12%); opacity: 1; }
	67% { transform: translate(96.54%, 84.17%); opacity: 1; }
	70% { transform: translate(97.00%, 86.00%); opacity: 1; }
	76% { transform: translate(97.90%, 88.60%); opacity: 0; }
	100% { transform: translate(3.00%, 86.00%); opacity: 0; }
}
@keyframes atl-fa-turn {
	0% { transform: rotate(-39.8deg); }
	4% { transform: rotate(-39.8deg); }
	7% { transform: rotate(-38.9deg); }
	10% { transform: rotate(-36.5deg); }
	13% { transform: rotate(-32.9deg); }
	16% { transform: rotate(-28.7deg); }
	19% { transform: rotate(-24.2deg); }
	22% { transform: rotate(-19.8deg); }
	25% { transform: rotate(-15.4deg); }
	28% { transform: rotate(-11.4deg); }
	31% { transform: rotate(-7.5deg); }
	34% { transform: rotate(-3.7deg); }
	37% { transform: rotate(0.0deg); }
	40% { transform: rotate(3.7deg); }
	43% { transform: rotate(7.5deg); }
	46% { transform: rotate(11.4deg); }
	49% { transform: rotate(15.4deg); }
	52% { transform: rotate(19.8deg); }
	55% { transform: rotate(24.2deg); }
	58% { transform: rotate(28.7deg); }
	61% { transform: rotate(32.9deg); }
	64% { transform: rotate(36.5deg); }
	67% { transform: rotate(38.9deg); }
	70% { transform: rotate(39.8deg); }
	76% { transform: rotate(39.8deg); }
	100% { transform: rotate(-39.8deg); }
}
@keyframes atl-fa-turn-m {
	0% { transform: rotate(-61.8deg); }
	4% { transform: rotate(-61.8deg); }
	7% { transform: rotate(-61.1deg); }
	10% { transform: rotate(-58.9deg); }
	13% { transform: rotate(-55.4deg); }
	16% { transform: rotate(-50.8deg); }
	19% { transform: rotate(-45.2deg); }
	22% { transform: rotate(-38.8deg); }
	25% { transform: rotate(-31.8deg); }
	28% { transform: rotate(-24.2deg); }
	31% { transform: rotate(-16.3deg); }
	34% { transform: rotate(-8.2deg); }
	37% { transform: rotate(0.0deg); }
	40% { transform: rotate(8.2deg); }
	43% { transform: rotate(16.3deg); }
	46% { transform: rotate(24.2deg); }
	49% { transform: rotate(31.8deg); }
	52% { transform: rotate(38.8deg); }
	55% { transform: rotate(45.2deg); }
	58% { transform: rotate(50.8deg); }
	61% { transform: rotate(55.4deg); }
	64% { transform: rotate(58.9deg); }
	67% { transform: rotate(61.1deg); }
	70% { transform: rotate(61.8deg); }
	76% { transform: rotate(61.8deg); }
	100% { transform: rotate(-61.8deg); }
}
@keyframes atl-fa-arrive {
	0%, 69% { opacity: 0; transform: scale(.6); }
	71% { opacity: .9; transform: scale(1); }
	82%, 100% { opacity: 0; transform: scale(3.2); }
}
/* @generated freight-keyframes:end */