body {
  background-color: var(--bg);
  background-image:
    linear-gradient(180deg,
      rgba(246, 250, 252, .44) 0,
      rgba(243, 248, 250, .62) 42vh,
      rgba(243, 248, 250, .88) 78vh,
      rgba(243, 248, 250, 1) 110vh),
    url('./assets/images/sky-background.webp');
  background-repeat: no-repeat, no-repeat;
  background-position: center top, center top;
  background-size: 100% 110vh, auto 100vh;
}

.site-header {
  background: rgba(255, 255, 255, .84);
}

.results-bar,
.airline-summary,
.product-card,
.legal-card,
.notice,
.detail-media,
.decision-primary,
.decision-secondary,
.airline-detail-source,
.spec-card {
  backdrop-filter: blur(10px);
}

@media (max-width: 700px) {
  body {
    background-size: 100% 105vh, auto 92vh;
    background-position: center top, center top;
  }
}