/* The close: how to start, and the facts that matter first. */
.close { position: absolute; inset: 0; z-index: 5; visibility: hidden; }
.close-col { position: absolute; left: clamp(28px, 6.4vw, calc(120 * var(--u))); top: 50%; width: clamp(360px, 38vw, calc(560 * var(--u))); transform: translateY(-53%); }
.close-icon { width: clamp(56px, 8.8vh, calc(84 * var(--u))); height: clamp(56px, 8.8vh, calc(84 * var(--u))); border-radius: 22.6%; box-shadow: 0 16px 30px -12px rgba(0, 0, 0, 0.55); }
.close h2 { margin-top: clamp(16px, 2.6vh, calc(26 * var(--u))); font-size: clamp(38px, min(4.4vw, 7.4vh), calc(76 * var(--u))); font-weight: 860; font-stretch: 125%; letter-spacing: -0.04em; 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 { margin-top: clamp(14px, 2.2vh, calc(22 * var(--u))); max-width: 40ch; font-size: clamp(16px, min(1.25vw, 2.1vh), calc(19 * var(--u))); line-height: 1.5; color: rgba(var(--ink-rgb), var(--soft)); text-wrap: pretty; }
.close-sub b { color: var(--ink); font-weight: 680; }
.close-get { margin-top: clamp(16px, 2.6vh, calc(26 * var(--u))); }
.close-badge img { width: clamp(140px, 11.5vw, calc(168 * var(--u))); }
.close-facts { list-style: none; margin-top: clamp(20px, 3.4vh, calc(34 * var(--u))); display: grid; gap: clamp(10px, 1.6vh, calc(16 * var(--u))); --acc: #f0a24c; }
.close-facts li { --ic: calc(34 * var(--u)); display: grid; grid-template-columns: var(--ic) minmax(0, 1fr); gap: calc(13 * var(--u)); align-items: start; }
.close-facts p { padding-top: calc((var(--ic) - 1.42em) / 2); font-size: clamp(14px, min(1.05vw, 1.9vh), calc(16 * var(--u))); line-height: 1.42; color: rgba(var(--ink-rgb), var(--soft)); text-wrap: pretty; }
.close-facts b { color: var(--ink); font-weight: 680; }
.foot { position: absolute; left: clamp(28px, 6.4vw, calc(120 * var(--u))); right: clamp(28px, 6.4vw, calc(120 * var(--u))); bottom: 0; display: flex; justify-content: space-between; align-items: center; gap: 24px; padding: 22px 0 26px; border-top: 1px solid var(--line); font-size: calc(13 * var(--u)); color: var(--ink-2); }
.foot nav { display: flex; gap: 18px; flex-wrap: wrap; }
.foot nav a { color: rgba(var(--ink-rgb), 0.86); }
.foot nav a:hover { color: var(--ink); text-decoration: underline; text-underline-offset: 3px; }
.close-facts .pt-link { --acc: #f0a24c; }
.foot > span { white-space: nowrap; }
/* on narrow windows the footer keeps to one line; the email address is on the Contact page */
@media (max-width: 1239px) { .foot nav a[href^="mailto:"] { display: none; } }