/* The close: the last line over the icon, and the footer. */
.close { position: absolute; inset: 0; z-index: 5; display: flex; flex-direction: column; align-items: center; padding: 0 4vw; visibility: hidden; pointer-events: none; }
.close > * { pointer-events: auto; }
.close-top { margin-top: clamp(96px, 13vh, 140px); display: flex; flex-direction: column; align-items: center; text-align: center; gap: 18px; }
.close h2 { max-width: 15ch; font-size: clamp(46px, min(5vw, 8vh), 88px); font-weight: 830; font-stretch: 125%; letter-spacing: -0.038em; line-height: 0.96; text-wrap: balance; }
.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 { max-width: 46ch; font-size: clamp(15.5px, 1.2vw, 18px); line-height: 1.5; color: rgba(var(--ink-rgb), var(--soft)); font-weight: 430; text-wrap: pretty; }
.close-sub b { color: var(--ink); font-weight: 680; }
.foot { display: flex; justify-content: space-between; align-items: center; gap: 24px; width: min(1200px, 100%); margin-top: auto; padding: 22px 0 26px; font-size: 13px; color: var(--ink-3); box-shadow: 0 -1px 0 var(--line); }
.foot nav { display: flex; flex-wrap: wrap; gap: 18px; }
.foot nav a { color: var(--ink-2); }
.foot nav a:hover { color: var(--ink); }
@media (max-width: 1180px) { .foot { flex-wrap: wrap; justify-content: center; gap: 10px 24px; } }