.gps-jamming-hero {
  position: relative;
  width: 100%;
  aspect-ratio: 1440 / 620;
  min-height: calc(366px + 8.819444vw);
  overflow: hidden;
  background: #000;
}

.gps-jamming-hero__layout {
  height: 100%;
  min-height: 0;
}

.gps-jamming-hero__content {
  position: relative;
  z-index: 1;
  width: min(497px, 100%);
  padding-top: 8.819444vw;
}

.gps-jamming-hero__eyebrow,
.gps-jamming-hero__title,
.gps-jamming-hero__subtitle {
  margin: 0;
}

.gps-jamming-hero__eyebrow {
  color: var(--airnav-color-green);
  font: 700 20px/normal var(--airnav-font-body);
}

.gps-jamming-hero__title {
  margin-top: 20px;
  color: var(--airnav-color-canvas);
  font: 400 80px/1.1 var(--airnav-font-display);
  letter-spacing: -1.6px;
}

.gps-jamming-hero__subtitle {
  margin-top: 12px;
  color: rgba(255, 255, 255, 0.7);
  font: 400 20px/normal var(--airnav-font-body);
}

.gps-jamming-hero__cta {
  min-width: 185px;
  margin-top: 44px;
}

.gps-jamming-hero__media {
  position: absolute;
  inset: 0;
}

.gps-jamming-hero__media img {
  position: absolute;
  top: -18.55%;
  left: 18.75%;
  width: 100%;
  height: auto;
  max-width: none;
}

@media (min-width: 1441px) {
  .gps-jamming-hero {
    height: 620px;
    min-height: 620px;
    aspect-ratio: auto;
  }

  .gps-jamming-hero__content {
    padding-top: 127px;
  }

  /* Keep the globe where it sits against the content at 1440 (as on Custom Solutions); the artwork's edges are black like the hero. */
  .gps-jamming-hero__media img {
    top: -115px;
    right: auto;
    left: calc(50% - 450px);
    width: 1440px;
  }
}

@media (max-width: 900px) {
  .gps-jamming-hero {
    aspect-ratio: auto;
  }

  .gps-jamming-hero__layout {
    height: auto;
  }

  .gps-jamming-hero__content {
    padding-top: clamp(48px, 8.819444vw, 79px);
    padding-bottom: clamp(48px, 8.819444vw, 79px);
  }
}

.gps-jamming-intro {
  position: relative;
  min-height: 1580px;
  overflow: hidden;
  background: var(--airnav-color-canvas);
}

.gps-jamming-intro__ambient {
  position: absolute;
  top: 146px;
  left: max(0px, calc(50% - 284px));
  z-index: 0;
  width: min(1024px, calc(100% - 80px));
  aspect-ratio: 1023.826 / 571.438;
  pointer-events: none;
}

.gps-jamming-intro__ambient::after {
  position: absolute;
  inset: 0;
  content: "";
  background: linear-gradient(to bottom, rgb(255 255 255 / 0%) 80%, #fff);
}

.gps-jamming-intro__ambient img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
}

.gps-jamming-intro__layout {
  position: relative;
  z-index: 1;
  padding-top: 140px;
  padding-bottom: 140px;
}

.gps-jamming-intro__header,
.gps-jamming-intro__copy {
  width: min(522px, 100%);
}

.gps-jamming-intro__copy {
  width: min(470px, 100%);
}

.gps-jamming-intro__title,
.gps-jamming-intro__why-title,
.gps-jamming-intro__card h3,
.gps-jamming-intro__copy p,
.gps-jamming-intro__card p,
.gps-jamming-intro__quote p {
  margin: 0;
}

.gps-jamming-intro__title {
  color: var(--airnav-color-forest);
  font: 400 64px/1.1 var(--airnav-font-display);
  letter-spacing: -1.28px;
}

.gps-jamming-intro__title span {
  display: block;
}

.gps-jamming-intro__title-highlight,
.gps-jamming-intro__why-highlight {
  color: var(--airnav-color-green);
}

.gps-jamming-intro__divider {
  display: block;
  width: 80px;
  height: 1px;
  margin-top: 32px;
}

.gps-jamming-intro__copy {
  display: grid;
  gap: 20px;
  margin-top: 32px;
  color: rgb(17 32 27 / 70%);
  font: 400 18px/normal var(--airnav-font-body);
}

.gps-jamming-intro__cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  margin-top: 60px;
}

.gps-jamming-intro__card {
  display: flex;
  flex-direction: column;
  gap: 20px;
  min-width: 0;
  min-height: 270px;
  padding: 32px;
  overflow: hidden;
  border-radius: var(--airnav-radius-card);
  background: var(--airnav-color-surface);
}

.gps-jamming-intro__card h3 {
  color: var(--airnav-color-forest);
  font: 400 32px/1.2 var(--airnav-font-display);
  letter-spacing: -0.64px;
}

.gps-jamming-intro__card p,
.gps-jamming-intro__list {
  color: rgb(17 32 27 / 70%);
  font: 400 16px/normal var(--airnav-font-body);
}

.gps-jamming-intro__matter {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  margin-top: 58px;
}

.gps-jamming-intro__why-title {
  color: var(--airnav-color-forest);
  font: 400 44px/1.3 var(--airnav-font-display);
  letter-spacing: -0.88px;
}

.gps-jamming-intro__why .gps-jamming-intro__divider {
  margin-top: 32px;
}

.gps-jamming-intro__list {
  display: grid;
  gap: 20px;
  margin: 34px 0 0;
  padding: 0;
  list-style: none;
}

.gps-jamming-intro__list li {
  display: flex;
  gap: 8px;
  align-items: flex-start;
}

.gps-jamming-intro__list img {
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  margin-top: 3px;
}

.gps-jamming-intro__quote {
  position: relative;
  min-width: 0;
  min-height: 334px;
  margin: 0;
  padding: 52px;
  overflow: hidden;
  border: 1px solid rgb(0 121 68 / 20%);
  border-radius: var(--airnav-radius-card);
}

.gps-jamming-intro__quote > img {
  position: absolute;
  top: 15px;
  left: 22px;
  width: 80px;
  height: 59px;
}

.gps-jamming-intro__quote p {
  position: relative;
  color: rgb(17 32 27 / 70%);
  font: 400 24px/1.6 var(--airnav-font-body);
}

.gps-jamming-viewer {
  min-height: 1620px;
  overflow: hidden;
  background: var(--airnav-color-canvas);
}

.gps-jamming-viewer__layout {
  padding-top: 140px;
  padding-bottom: 140px;
}

.gps-jamming-viewer__title {
  margin: 0;
  color: var(--airnav-color-forest);
  font: 400 64px/1.1 var(--airnav-font-display);
  letter-spacing: -1.28px;
  text-align: center;
}

.gps-jamming-viewer__title-highlight {
  color: var(--airnav-color-green);
}

.gps-jamming-viewer__monitor {
  position: relative;
  width: min(1063.711px, 100%);
  height: auto;
  aspect-ratio: 1063.711 / 888;
  margin: 52px auto 0;
}

.gps-jamming-viewer__monitor-frame,
.gps-jamming-viewer__shadow,
.gps-jamming-viewer__contact-shadow,
.gps-jamming-viewer__dashboard,
.gps-jamming-viewer__dashboard-image {
  position: absolute;
}

.gps-jamming-viewer__monitor-frame {
  top: 0;
  left: 0;
  z-index: 2;
  display: block;
  width: 99.961%;
  height: auto;
  max-width: none;
  pointer-events: none;
}

.gps-jamming-viewer__dashboard {
  top: 1.27%;
  left: 1.06%;
  z-index: 2;
  width: 97.79%;
  height: 66.19%;
  overflow: hidden;
  background: #000;
}

/* The screen links to the live GPS Accuracy map on AirNav Radar. */
.gps-jamming-viewer__link {
  position: absolute;
  top: 1.27%;
  left: 1.06%;
  z-index: 3;
  width: 97.79%;
  height: 66.19%;
}

.gps-jamming-viewer__link:focus-visible {
  outline: 2px solid #00a49a;
  outline-offset: 2px;
}

.gps-jamming-viewer__dashboard-image {
  top: -17.91%;
  left: -19.68%;
  display: block;
  width: 119.67%;
  height: 116.65%;
  max-width: none;
}

.gps-jamming-viewer__shadow {
  bottom: -2.2523%;
  left: -1.88%;
  z-index: 1;
  display: block;
  width: 103.76%;
  height: auto;
  max-width: none;
  pointer-events: none;
}

.gps-jamming-viewer__contact-shadow {
  bottom: 0.7135%;
  left: 50%;
  z-index: 3;
  display: block;
  width: 26.34%;
  height: auto;
  max-width: none;
  pointer-events: none;
  transform: translateX(-50%);
}

.gps-jamming-viewer__legend {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  margin-top: 72px;
}

.gps-jamming-viewer__legend-card {
  display: flex;
  flex-direction: column;
  gap: 20px;
  min-width: 0;
  min-height: 258px;
  padding: 32px;
  overflow: hidden;
  border: 1px solid var(--airnav-color-border);
  border-radius: var(--airnav-radius-card);
  background: var(--airnav-color-canvas);
}

.gps-jamming-viewer__legend-card h3,
.gps-jamming-viewer__legend-card p {
  margin: 0;
}

.gps-jamming-viewer__legend-card h3,
.gps-jamming-viewer__legend-level {
  color: var(--airnav-color-forest);
  font: 400 32px/1.2 var(--airnav-font-display);
  letter-spacing: -0.64px;
}

.gps-jamming-viewer__legend-card h3 {
  min-height: 70px;
}

@media (min-width: 1101px) {
  .gps-jamming-viewer__legend-card h3 {
    flex: 0 0 70px;
    height: 70px;
  }
}

.gps-jamming-viewer__legend-level {
  font-family: var(--airnav-font-display-book);
}

.gps-jamming-viewer__legend-card--1 .gps-jamming-viewer__legend-level {
  color: #00994d;
}

.gps-jamming-viewer__legend-card--2 .gps-jamming-viewer__legend-level {
  color: #c90;
}

.gps-jamming-viewer__legend-card--3 .gps-jamming-viewer__legend-level {
  color: #b20000;
}

.gps-jamming-viewer__legend-description {
  color: rgb(17 32 27 / 70%);
  font: 400 16px/normal var(--airnav-font-body);
}

.gps-jamming-highlights { position: relative; min-height: 1084px; overflow: hidden; background: var(--airnav-color-surface); }
.gps-jamming-highlights__layout { display: grid; grid-template-columns: 305px minmax(0, 935px); gap: 40px; padding-top: 72px; padding-bottom: 72px; }
.gps-jamming-highlights__title { margin: 0; color: var(--airnav-color-forest); font: 400 64px/1.1 var(--airnav-font-display); letter-spacing: -1.28px; }
.gps-jamming-highlights__title span { display: block; }
.gps-jamming-highlights__title span + span { color: var(--airnav-color-green); }
.gps-jamming-highlights__divider { display: block; width: 80px; height: 1px; margin-top: 72px; }
.gps-jamming-highlights__accordion { display: grid; gap: 20px; align-content: start; }
.gps-jamming-highlights__accordion.is-animating { transition: height 280ms cubic-bezier(.22, .61, .36, 1); }
.gps-jamming-highlights__item { position: relative; overflow: hidden; border-radius: 20px; background: #fff; }
.gps-jamming-highlights__item.is-animating { transition: height 280ms cubic-bezier(.22, .61, .36, 1); }
.gps-jamming-highlights__trigger { display: flex; width: 100%; min-height: 80px; padding: 16px 30px; border: 0; background: #fff; color: #585858; align-items: center; gap: 12px; font: 500 22px/normal var(--airnav-font-display); text-align: left; cursor: pointer; }
.gps-jamming-highlights__trigger:focus-visible { outline: 3px solid var(--airnav-color-teal); outline-offset: -3px; }
.gps-jamming-highlights__trigger > img { width: 48px; height: 48px; margin-left: auto; }
.gps-jamming-highlights__number { flex: 0 0 auto; margin: 0; color: var(--airnav-color-green); font: 400 22px/normal var(--airnav-font-display); }
.gps-jamming-highlights__label { min-width: 0; }
.gps-jamming-highlights__panel { position: relative; min-height: 440px; padding: 30px; overflow: hidden; opacity: 1; transform: translateY(0); transition: opacity 280ms ease, transform 280ms ease; }
.gps-jamming-highlights__item.is-closing .gps-jamming-highlights__panel { position: absolute; inset: 0; opacity: 0; transform: translateY(-8px); }
.gps-jamming-highlights__item.is-opening .gps-jamming-highlights__panel { opacity: 0; transform: translateY(8px); }
.gps-jamming-highlights__content { position: relative; z-index: 1; display: grid; gap: 40px; width: min(494px, 100%); }
.gps-jamming-highlights__content .gps-jamming-highlights__number { font: 400 52px/normal var(--airnav-font-display-book); }
.gps-jamming-highlights__content h3 { margin: 0; color: var(--airnav-color-green); font: 400 52px/normal var(--airnav-font-display); letter-spacing: -2.08px; }
.gps-jamming-highlights__content h3 + p { width: min(400px, 100%); margin: 0; color: rgb(17 32 27 / 70%); font: 400 18px/normal var(--airnav-font-body); }
.gps-jamming-highlights__visual { position: absolute; right: 0; top: 50%; width: 603px; height: 450px; transform: translateY(-50%); pointer-events: none; }
.gps-jamming-highlights__image { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; }
.gps-jamming-highlights__visual--1 { top: calc(50% + 30.5px); width: 633px; height: 511px; }
.gps-jamming-highlights__visual--2 { top: calc(50% - .5px); width: 526px; height: 527px; }
.gps-jamming-highlights__visual--2::after { position: absolute; inset: 0; content: ""; background: linear-gradient(to left, rgb(255 255 255 / 0%) 88.283%, #fff); }
.gps-jamming-highlights__visual--4 { top: 0; right: 4px; width: 589px; height: 440px; transform: none; }
.gps-jamming-highlights__visual--5 { top: calc(50% + 16.5px); width: 636px; height: 475px; }
.gps-jamming-highlights__visual--6 { right: -67px; width: 549px; height: 410px; }
/* At the design width (935px panel) no visual starts left of 302px, which is as far under the text as the design goes. Narrower panels scale the visual down to keep that edge instead of sliding it under the text. */
@media (min-width: 783px) {
	.gps-jamming-highlights__visual { max-width: calc(100% - 302px); height: auto; aspect-ratio: 603 / 450; }
	.gps-jamming-highlights__visual--1 { aspect-ratio: 633 / 511; }
	.gps-jamming-highlights__visual--2 { aspect-ratio: 526 / 527; }
	.gps-jamming-highlights__visual--4 { max-width: calc(100% - 306px); aspect-ratio: 589 / 440; }
	.gps-jamming-highlights__visual--5 { max-width: calc(100% - 299px); aspect-ratio: 636 / 475; }
	.gps-jamming-highlights__visual--6 { max-width: calc(100% - 235px); aspect-ratio: 549 / 410; }
}
.gps-jamming-highlights__chevron-up { position: absolute; top: 16px; right: 30px; width: 48px; height: 48px; transform: rotate(180deg); transition: transform 280ms ease, opacity 280ms ease; }
.gps-jamming-highlights__item.is-closing .gps-jamming-highlights__chevron-up { transform: rotate(0); }
.gps-jamming-highlights__item.is-open > .gps-jamming-highlights__trigger { position: absolute; top: 16px; right: 30px; z-index: 2; display: flex; width: 48px; min-height: 48px; height: 48px; padding: 0; overflow: hidden; background: transparent; }
.gps-jamming-highlights__item.is-open > .gps-jamming-highlights__trigger .gps-jamming-highlights__number,
.gps-jamming-highlights__item.is-open > .gps-jamming-highlights__trigger .gps-jamming-highlights__label { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.gps-jamming-highlights__item.is-open > .gps-jamming-highlights__trigger > img { margin: 0; transform: rotate(180deg); }
.gps-jamming-highlights__item.is-open .gps-jamming-highlights__chevron-up { display: none; }
.gps-jamming-highlights__item.is-closing > .gps-jamming-highlights__trigger { display: flex; opacity: 0; }
@media (prefers-reduced-motion: reduce) { .gps-jamming-highlights__accordion.is-animating, .gps-jamming-highlights__item.is-animating, .gps-jamming-highlights__panel, .gps-jamming-highlights__chevron-up { transition: none; } }
.gps-jamming-highlights__decoration { position: absolute; bottom: 72px; left: max(var(--airnav-gutter), calc((100% - var(--airnav-content-max)) / 2)); width: 177px; height: 147px; pointer-events: none; }
.gps-jamming-highlights__orbit { position: absolute; top: 0; left: 0; width: 147px; height: 147px; }
.gps-jamming-highlights__aircraft-frame { position: absolute; top: 29px; left: 66px; width: 110.848px; height: 118px; transform: rotate(180deg); }
.gps-jamming-highlights__aircraft-glow { position: absolute; top: -9.01px; left: 30.99px; width: 87.01px; height: 87.01px; opacity: .3; filter: blur(8.939px); transform: rotate(90deg); }
.gps-jamming-highlights__aircraft { position: absolute; top: 0; left: 0; width: 101.313px; height: 101.313px; transform: rotate(90deg); }

.gps-jamming-benefits {
	overflow: hidden;
	background: var(--airnav-color-canvas);
}

.gps-jamming-benefits__container {
	padding-bottom: 55px;
}

.gps-jamming-benefits__title {
	margin: 0;
	color: var(--airnav-color-forest);
	font: 400 64px/1.1 var(--airnav-font-display);
	letter-spacing: -1.28px;
}

.gps-jamming-benefits__title-highlight {
	color: var(--airnav-color-green);
}

.gps-jamming-benefits__card-title-highlight {
	color: rgb( 14 58 47 / 70% );
}

.gps-jamming-benefits__grid {
	display: grid;
	grid-template-columns: repeat( 3, minmax( 0, 1fr ) );
	gap: 20px;
	width: 100%;
	margin-top: 58px;
	transform: translateX( -16px );
}

.gps-jamming-benefits__card {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 20px;
	min-width: 0;
	min-height: 284px;
	padding: 33px;
	border: 0;
	border-radius: var(--airnav-radius-card);
	background: var(--airnav-color-canvas);
	box-shadow: inset 0 0 0 1px var(--airnav-color-border);
}

.gps-jamming-benefits__card-heading {
	display: grid;
	gap: 16px;
}

.gps-jamming-benefits__icon {
	display: block;
	width: 40px;
	height: 40px;
}

.gps-jamming-benefits__card h3,
.gps-jamming-benefits__card p {
	margin: 0;
}

.gps-jamming-benefits__card h3 {
	color: var(--airnav-color-forest);
	font: 400 32px/38px var(--airnav-font-display);
	letter-spacing: -0.64px;
}

.gps-jamming-benefits__card-title-prefix {
	white-space: pre-line;
}

.gps-jamming-benefits__card p {
	color: rgb( 17 32 27 / 70% );
	font: 400 16px/normal var(--airnav-font-body);
}

.gps-jamming-final-cta {
	min-height: 719px;
	overflow: hidden;
	background: var(--airnav-color-canvas);
}

.gps-jamming-final-cta__layout {
	position: relative;
	min-height: 635px;
}

.gps-jamming-final-cta__content {
	position: relative;
	z-index: 2;
	width: 518px;
	padding-top: 143.5px;
}

.gps-jamming-final-cta h2 {
	margin: 0;
	color: var(--airnav-color-forest);
	font: 400 64px/1.1 var(--airnav-font-display);
	letter-spacing: -1.28px;
}

.gps-jamming-final-cta h2 span {
	color: #007944;
}

.gps-jamming-final-cta__divider {
	display: block;
	width: 80px;
	height: 1px;
	margin-top: 32px;
}

.gps-jamming-final-cta__content > p {
	width: 518px;
	margin: 31px 0 0;
	color: rgb( 17 32 27 / 70% );
	font: 400 16px/normal var(--airnav-font-body);
}

.gps-jamming-final-cta__actions {
	display: flex;
	gap: 24px;
	margin-top: 40px;
}

.gps-jamming-final-cta__device {
	position: absolute;
	top: 0;
	left: 341px;
	width: 1139px;
	height: 635px;
}

.gps-jamming-final-cta__laptop {
	position: absolute;
	inset: 0;
	z-index: 1;
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	pointer-events: none;
}

.gps-jamming-final-cta__screen {
	position: absolute;
	top: 95.5px;
	left: 288.476px;
	z-index: 2;
	display: block;
	width: 561.891px;
	height: 359.54px;
	overflow: hidden;
	background: #000;
}

.gps-jamming-final-cta__screen-image {
	position: absolute;
	top: -0.14%;
	left: 0.03%;
	display: block;
	width: 116.61%;
	height: 100.13%;
	max-width: none;
	object-fit: fill;
}

@media (max-width: 1100px) {
	.gps-jamming-intro,
	.gps-jamming-viewer,
	.gps-jamming-highlights,
	.gps-jamming-final-cta {
		min-height: 0;
	}

	.gps-jamming-highlights__layout {
		grid-template-columns: minmax(0, 1fr);
		gap: 48px;
	}

	.gps-jamming-highlights__divider {
		margin-top: 32px;
	}

	.gps-jamming-highlights__decoration {
		display: none;
	}

	.gps-jamming-benefits__grid {
		transform: none;
	}

	.gps-jamming-final-cta__layout {
		display: grid;
		gap: 48px;
		min-height: 0;
		padding: 96px 0;
	}

	.gps-jamming-final-cta__content,
	.gps-jamming-final-cta__content > p {
		width: min(518px, 100%);
		padding-top: 0;
	}

	.gps-jamming-final-cta__device {
		position: relative;
		top: auto;
		left: auto;
		width: min(100%, 1139px);
		height: auto;
		aspect-ratio: 1139 / 635;
		margin: 0 auto;
	}

	.gps-jamming-final-cta__screen {
		top: 15.039%;
		left: 25.327%;
		width: 49.332%;
		height: 56.62%;
	}
}

@media (max-width: 900px) {
	.gps-jamming-intro__cards,
	.gps-jamming-viewer__legend,
	.gps-jamming-benefits__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.gps-jamming-intro__matter {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (max-width: 782px) {
	.gps-jamming-hero__content {
		padding-top: 96px;
		padding-bottom: 72px;
	}

	.gps-jamming-hero__title,
	.gps-jamming-intro__title,
	.gps-jamming-viewer__title,
	.gps-jamming-highlights__title,
	.gps-jamming-benefits__title,
	.gps-jamming-final-cta h2 {
		font-size: clamp(44px, 13vw, 64px);
	}

	.gps-jamming-intro__layout,
	.gps-jamming-viewer__layout {
		padding-top: 72px;
		padding-bottom: 72px;
	}

	.gps-jamming-intro__cards,
	.gps-jamming-viewer__legend,
	.gps-jamming-benefits__grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.gps-jamming-intro__cards,
	.gps-jamming-intro__matter,
	.gps-jamming-viewer__legend {
		margin-top: 48px;
	}

	.gps-jamming-intro__card,
	.gps-jamming-intro__quote,
	.gps-jamming-viewer__legend-card,
	.gps-jamming-benefits__card {
		min-height: 0;
		padding: 28px;
	}

	.gps-jamming-highlights__layout {
		gap: 40px;
		padding-top: 56px;
		padding-bottom: 56px;
	}

	.gps-jamming-highlights__trigger {
		padding: 16px 24px;
		font-size: 20px;
	}

	.gps-jamming-highlights__trigger > img {
		flex: 0 0 40px;
		width: 40px;
		height: 40px;
	}

	.gps-jamming-highlights__panel {
		display: flex;
		flex-direction: column;
		gap: 24px;
		min-height: 0;
		padding: 24px;
	}

	.gps-jamming-highlights__panel[hidden] {
		display: none;
	}

	.gps-jamming-highlights__content {
		order: 1;
		width: 100%;
		gap: 20px;
		padding-right: 52px;
		box-sizing: border-box;
	}

	.gps-jamming-highlights__content .gps-jamming-highlights__number,
	.gps-jamming-highlights__content h3 {
		font-size: clamp(36px, 10vw, 52px);
	}

	.gps-jamming-highlights__visual,
	.gps-jamming-highlights__visual--1,
	.gps-jamming-highlights__visual--2,
	.gps-jamming-highlights__visual--4,
	.gps-jamming-highlights__visual--5,
	.gps-jamming-highlights__visual--6 {
		position: relative;
		top: auto;
		right: auto;
		order: 2;
		width: 100%;
		height: auto;
		transform: none;
	}

	.gps-jamming-highlights__visual--2::after {
		display: none;
	}

	.gps-jamming-highlights__image {
		width: 100%;
		height: auto;
		max-width: 100%;
		object-fit: contain;
	}

	.gps-jamming-highlights__chevron-up {
		top: 12px;
		right: 24px;
		width: 40px;
		height: 40px;
	}

	.gps-jamming-highlights__item.is-open > .gps-jamming-highlights__trigger {
		top: 12px;
		right: 24px;
		width: 40px;
		min-height: 40px;
		height: 40px;
	}

	.gps-jamming-benefits__container {
		padding-bottom: 56px;
	}

	.gps-jamming-benefits__grid {
		margin-top: 48px;
	}

	.gps-jamming-final-cta__layout {
		gap: 40px;
		padding: 72px 0;
	}

	.gps-jamming-final-cta__actions {
		flex-direction: column;
		align-items: stretch;
		gap: 16px;
		margin-top: 32px;
	}
}

/* Intro below 783px: the plane-and-map image after the copy instead of absolutely behind the heading. The layout wrapper drops out so the image (its sibling) can sit between the copy and the cards. */
@media (max-width: 782px) {
	.gps-jamming-intro {
		display: grid;
		grid-template-columns: var(--airnav-gutter) minmax(0, 1fr) var(--airnav-gutter);
		padding: 72px 0;
	}

	.gps-jamming-intro__layout {
		display: contents;
	}

	.gps-jamming-intro__layout > * {
		grid-column: 2;
	}

	.gps-jamming-intro__header {
		order: 1;
	}

	.gps-jamming-intro__copy {
		order: 2;
	}

	/* The design's 596px, centred (x -103 on the 390 frame), scaled down on narrower phones and not up on wider ones. */
	.gps-jamming-intro__ambient {
		--gps-jamming-intro-map: min(152.82%, 596px);
		position: relative;
		top: auto;
		left: auto;
		order: 3;
		grid-column: 1 / -1;
		width: var(--gps-jamming-intro-map);
		margin: 15px 0 0 calc((100% - var(--gps-jamming-intro-map)) / 2);
	}

	.gps-jamming-intro__cards {
		order: 4;
		margin-top: 12px;
	}

	.gps-jamming-intro__matter {
		order: 5;
	}
}

/* Phone layout from the 390 design. Kept below 701px so 701-782 (tablet portrait) stays as it was, apart from the intro above. */
@media (max-width: 700px) {
	/* Hero: text, then the whole globe, then a full-width button. The layout wrappers drop out so the globe (their sibling) can sit between the subtitle and the button. */
	.gps-jamming-hero {
		display: grid;
		grid-template-columns: var(--airnav-gutter) minmax(0, 1fr) var(--airnav-gutter);
		min-height: 0;
		padding: 40px 0;
	}

	.gps-jamming-hero__layout,
	.gps-jamming-hero__content {
		display: contents;
	}

	.gps-jamming-hero__content > * {
		position: relative;
		z-index: 1;
		grid-column: 2;
	}

	.gps-jamming-hero__eyebrow {
		order: 1;
		font-size: 18px;
	}

	.gps-jamming-hero__title {
		order: 2;
		margin-top: 12px;
	}

	.gps-jamming-hero__subtitle {
		order: 3;
		margin-top: 8px;
		font-size: 18px;
	}

	/* The design's 645px at x -135 on the 390 frame, scaled down on narrower phones and not up on wider ones; 14px under the subtitle and 80px under the button, where it has faded to black. */
	.gps-jamming-hero__media {
		--gps-jamming-hero-globe: min(165.38%, 645px);
		position: relative;
		inset: auto;
		order: 4;
		grid-column: 1 / -1;
		margin: calc(var(--gps-jamming-hero-globe) * -0.0224) 0 calc(var(--gps-jamming-hero-globe) * -0.1235);
	}

	.gps-jamming-hero__media::after {
		position: absolute;
		inset: 0;
		content: "";
		background: linear-gradient(to bottom, rgb(0 0 0 / 0%) 55%, #000 85%);
	}

	.gps-jamming-hero__media img {
		position: relative;
		top: auto;
		left: auto;
		display: block;
		width: var(--gps-jamming-hero-globe);
		margin-left: calc((100% - var(--gps-jamming-hero-globe)) / 2 - var(--gps-jamming-hero-globe) * 0.0116);
	}

	.gps-jamming-hero__cta {
		order: 5;
		min-width: 0;
		margin-top: 0;
	}

	.gps-jamming-hero__title,
	.gps-jamming-intro__title,
	.gps-jamming-viewer__title,
	.gps-jamming-highlights__title,
	.gps-jamming-benefits__title,
	.gps-jamming-final-cta h2 {
		font-size: 40px;
		letter-spacing: -0.8px;
	}

	.gps-jamming-intro__card h3,
	.gps-jamming-viewer__legend-card h3,
	.gps-jamming-viewer__legend-level {
		font-size: 24px;
		letter-spacing: -0.48px;
	}

	.gps-jamming-viewer__legend-card h3 {
		min-height: 0;
	}

	.gps-jamming-intro__why-title {
		font-size: 32px;
		letter-spacing: -0.64px;
	}

	.gps-jamming-intro__quote {
		padding: 32px;
	}

	.gps-jamming-intro__quote > img {
		top: 11px;
		left: 15px;
		width: 52px;
		height: 38px;
	}

	.gps-jamming-intro__quote p {
		font-size: 18px;
	}

	/* 22px down lines the open item's chevron up with the number. */
	.gps-jamming-highlights__item.is-open > .gps-jamming-highlights__trigger,
	.gps-jamming-highlights__chevron-up {
		top: 22px;
	}

	.gps-jamming-highlights__trigger,
	.gps-jamming-highlights__trigger .gps-jamming-highlights__number {
		font-size: 18px;
	}

	.gps-jamming-highlights__content .gps-jamming-highlights__number,
	.gps-jamming-highlights__content h3 {
		font-size: 32px;
	}

	.gps-jamming-highlights__content .gps-jamming-highlights__number {
		line-height: 36px;
	}

	.gps-jamming-highlights__content h3 {
		letter-spacing: -1.28px;
	}

	/* Final CTA: text, then the laptop at the design's width (541px at x -76 on the 390 frame), then the button. */
	.gps-jamming-final-cta__layout {
		display: flex;
		flex-direction: column;
		gap: 0;
	}

	.gps-jamming-final-cta__content {
		display: contents;
	}

	.gps-jamming-final-cta__device {
		order: 1;
		width: 154.53%;
		margin: 0 0 0 -27.35%;
	}

	.gps-jamming-final-cta__actions {
		order: 2;
		margin-top: 14px;
	}
}

/* Phones: "GPS Spoofing", "GPS Jamming" and the hexagon legend titles sit on one line in the design. The first card keeps its break ("What is GPS / Spoofing & Jamming"), as designed. */
@media (max-width: 700px) {
	.gps-jamming-intro__card:not(:first-child) h3 br,
	.gps-jamming-viewer__legend-card h3 br {
		display: none;
	}
}