/* Openwell — the site footer, shared by every page. Source of truth: the landing page's footer. */
footer .wrap{width:min(1120px,92vw);margin:0 auto}
footer{position:relative;overflow:hidden;background:var(--night);color:#fff;margin-top:76px;padding:60px 0 0}
footer::after{content:"";position:absolute;left:0;right:0;bottom:0;height:clamp(120px,22vw,260px);background:linear-gradient(to bottom,rgba(20,22,29,0) 0%,rgba(20,22,29,.9) 70%,var(--night) 100%);pointer-events:none}
.ghostmark{display:block;width:clamp(20rem,70vw,72rem);margin:28px auto -0.28em;color:rgba(255,255,255,.08);line-height:0}
.ghostmark svg{width:100%;height:auto;display:block}
.fcols{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:24px;padding:40px 0 0}
.fcols .brand{font-weight:300;color:rgba(255,255,255,.6);max-width:34ch;font-size:14px}
.fcols h3{font-family:var(--sans);font-size:13px;font-weight:500;letter-spacing:0;color:rgba(255,255,255,.5);margin-bottom:12px}
.fcols a{display:block;color:rgba(255,255,255,.75);text-decoration:none;font-size:13.5px;padding:4px 0}
.fbottom{margin-top:36px;padding-top:20px;border-top:1px solid rgba(255,255,255,.06);font-family:var(--sans);font-size:11.5px;letter-spacing:0;color:rgba(255,255,255,.4);display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}
.fcols .flogo{display:inline-block;color:#fff;margin-bottom:16px;padding:0;border-radius:4px}
.flogo svg{display:block;height:28px;width:auto}
.fcols a:hover{color:#fff}
@media(max-width:840px){.fcols{grid-template-columns:repeat(3,1fr);gap:24px 14px}.fcols>div:first-child{grid-column:1/-1}.fcols a{font-size:13px}}