/* The close: the line once more, the App Store, the facts that matter, the footer. */
.close { position: absolute; inset: 0; z-index: 5; display: flex; flex-direction: column; align-items: center; text-align: center; padding: 0 4vw; visibility: hidden; }
.close-icon { margin-top: auto; width: clamp(84px, 11vh, 112px); height: clamp(84px, 11vh, 112px); border-radius: 23%; box-shadow: 0 18px 40px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.08); }
.close h2 { margin-top: clamp(18px, 3vh, 30px); font-size: clamp(52px, 5.6vw, 104px); font-weight: 830; font-stretch: 125%; letter-spacing: -0.04em; line-height: 0.96; }
.close h2 .w { display: inline-block; overflow: hidden; vertical-align: top; padding: 0.04em 0 0.1em; margin: -0.04em 0 -0.1em; }
.close h2 .w > span { display: inline-block; }
.close-sub { margin-top: 18px; max-width: 34em; font-size: clamp(16px, 1.3vw, 19px); line-height: 1.45; color: rgba(var(--ink-rgb), var(--soft)); font-weight: 420; text-wrap: balance; }
.close-sub b { color: var(--ink); font-weight: 680; }
.close-get { margin-top: clamp(20px, 3vh, 30px); }
.close-get .badge { height: clamp(44px, 6vh, 54px); display: inline-block; }
.close-get .badge img { height: 100%; width: auto; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3); border-radius: 10px; }
.close-facts { list-style: none; margin-top: clamp(18px, 2.6vh, 26px); display: flex; gap: 28px; flex-wrap: wrap; justify-content: center; font-size: 14.5px; color: rgba(var(--ink-rgb), 0.78); }
.close-facts b { color: var(--ink); font-weight: 650; }
.foot { display: flex; justify-content: space-between; align-items: center; gap: 24px; width: min(1200px, 100%); margin-top: auto; padding: 26px 0 28px; border-top: 1px solid var(--line); font-size: 13.5px; color: var(--ink-3); }
.foot { flex-wrap: wrap; row-gap: 10px; }
.foot > span, .foot nav a { white-space: nowrap; }
.foot nav { display: flex; gap: 20px; flex-wrap: wrap; justify-content: center; }
/* narrower windows: the links on one centred row, the address and the year on the next */
@media (max-width: 1180px) {
  .foot { justify-content: center; column-gap: 28px; }
  .foot nav { order: -1; width: 100%; }
}
.foot nav a { color: var(--ink-2); }
.foot nav a:hover { color: var(--ink); }