/* Site footer, shared by every page: brand and contact on the left, three link columns, legal line.
   Dark glass over the 3D background, fading in at its top edge so it never starts on a line. */
.sf{position:relative;isolation:isolate;margin-top:96px;padding:72px 0 32px;color:#CBC5D2;font-family:"Geist",system-ui,sans-serif;border:0!important}
.sf::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(9,8,13,0) 0,rgba(9,8,13,.9) 140px)}
.sf .sf-in{max-width:1140px;margin:0 auto;padding:0 max(16px,env(safe-area-inset-left,0px))}
.sf-top{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:40px;padding-bottom:48px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.09) 15%,rgba(255,255,255,.09) 85%,transparent) bottom/100% 1px no-repeat}
.sf-brand img{height:30px;width:auto;display:block}
.sf-brand p{margin:18px 0 0;max-width:30ch;font-size:15px;line-height:1.55;color:#968FA2}
.sf-brand a.sf-mail{display:inline-block;margin-top:18px;color:#F2EEE8;text-decoration:none;font-weight:500;border-bottom:1px solid rgba(232,86,26,.6);padding-bottom:2px}
.sf h4{margin:0 0 16px;font:500 12px/1 "Geist Mono",ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;color:#968FA2}
.sf ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.sf ul a{color:#F2EEE8;text-decoration:none;font-size:15px}
.sf ul a:hover,.sf-brand a.sf-mail:hover{color:#F58A55}
.sf-bot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:24px;font-size:13.5px;color:#7E778A}
.sf-bot a{color:inherit}
@media (max-width:860px){.sf-top{grid-template-columns:1fr 1fr}.sf-brand{grid-column:1/-1}}
@media (max-width:420px){.sf-top{grid-template-columns:1fr}}