/* Site footer, shared by every page: email first, then the link groups, then the wordmark running off the bottom edge.
   The link groups are <details data-foot> (assets/footer.js keeps them open as columns on desktop; on phones they're accordions). */
.site-foot{--sf-panel:#1B1B1B;--sf-line:#2E2E2E;--sf-cream:#F5F1E8;--sf-muted:#A8A8A8;--sf-yellow:#F6F05A;
  padding:72px 48px 0;border-radius:32px;background:var(--sf-panel);color:var(--sf-cream);overflow:hidden;font-family:'Switzer',system-ui,sans-serif}
.site-foot--page{margin:0 24px 24px}
.site-foot--home{margin-top:24px}
.site-foot a{color:var(--sf-cream);text-decoration:none}
.site-foot a:focus-visible{outline:2px solid var(--sf-yellow);outline-offset:3px}
.site-foot__label,.site-foot__base{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:var(--sf-muted)}

.site-foot__top{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;flex-wrap:wrap;padding-bottom:56px;border-bottom:1px solid var(--sf-line)}
.site-foot__email{display:block;margin-top:18px;font-family:'Archivo',sans-serif;font-stretch:62%;font-weight:800;font-size:clamp(44px,6.6vw,104px);line-height:0.9;letter-spacing:-0.005em;overflow-wrap:anywhere;transition:color 0.2s}
.site-foot a.site-foot__email:hover{color:var(--sf-yellow)}
.site-foot__where{display:block;margin-top:18px;font-size:16px;color:var(--sf-muted)}

/* "Ask Your AI": each pill opens an AI assistant with a prompt about PAGEBOLT already filled in. */
.site-foot__ask{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 48px;align-items:center;padding:48px 0;border-bottom:1px solid var(--sf-line)}
.site-foot__ask-title{margin:0;font-family:'Archivo',sans-serif;font-stretch:62%;font-weight:800;font-size:clamp(34px,3.4vw,52px);line-height:0.9;letter-spacing:-0.005em;text-transform:uppercase;color:var(--sf-cream)}
.site-foot__ask-text{max-width:46ch;margin:14px 0 0;font-size:16px;line-height:1.5;color:var(--sf-muted)}
.site-foot__ask-links{display:flex;flex-wrap:wrap;gap:10px}
.site-foot__ask-links a{display:inline-flex;align-items:center;min-height:48px;padding:0 22px;border:1px solid #3A3A3A;border-radius:999px;background:#262626;font-size:16px;font-weight:600;line-height:1;transition:color 0.2s,border-color 0.2s,background-color 0.2s}
.site-foot__ask-links a:hover{border-color:var(--sf-yellow);color:var(--sf-yellow)}

.site-foot__grid{display:grid;grid-template-columns:2fr 1.5fr 1fr 1fr;gap:32px;padding:48px 0 56px}
.site-foot__grid details>summary{list-style:none;cursor:default;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:var(--sf-muted)}
.site-foot__grid details>summary::-webkit-details-marker{display:none}
.site-foot__grid details>summary::after{content:none}
/* Homepage: plain columns on desktop and separate accordions on phones (its runtime resets <details> state set by scripts) */
.site-foot__head{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:var(--sf-muted)}
.site-foot__phone{display:none}
.site-foot__grid nav{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:20px;font-size:16px;line-height:1.3}
.site-foot__grid nav a{transition:color 0.2s}
.site-foot__grid nav a:hover{color:var(--sf-yellow)}
.site-foot__grid nav span{color:var(--sf-muted)}

.site-foot__base{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:20px 0;border-top:1px solid var(--sf-line)}
.site-foot__base img{display:block;height:20px;width:auto;opacity:0.85}
.site-foot__base a{color:var(--sf-muted)}
.site-foot__base a:hover{color:var(--sf-yellow)}
/* The wordmark runs off the bottom edge, cropped just below the B so it still reads. */
.site-foot__mark{margin:12px -6px 0;aspect-ratio:1080 / 262;overflow:hidden;user-select:none}
.site-foot__mark img{display:block;width:100%;height:auto}

@media (max-width:760px){
  .site-foot__desk{display:none}
  .site-foot__phone{display:grid}
  .site-foot{padding:48px 20px 0;border-radius:26px}
  .site-foot--page{margin:0 10px 10px}
  .site-foot--home{margin-top:10px}
  .site-foot__top{gap:28px;padding-bottom:40px;border-bottom:0}
  .site-foot__email{font-size:clamp(30px,9.2vw,60px)}
  .site-foot__ask{grid-template-columns:minmax(0,1fr);padding:32px 0 40px;border-top:1px solid var(--sf-line);border-bottom:0}
  .site-foot__ask-links a{min-height:44px;padding:0 18px;font-size:15px}
  .site-foot__grid{grid-template-columns:minmax(0,1fr);gap:0;padding:0 0 32px}
  .site-foot__grid details{border-top:1px solid var(--sf-line)}
  .site-foot__grid details:last-child{border-bottom:1px solid var(--sf-line)}
  .site-foot__grid details>summary{display:flex;justify-content:space-between;align-items:center;padding:18px 0;cursor:pointer;font-family:'Archivo',sans-serif;font-stretch:62%;font-weight:800;font-size:26px;line-height:1;letter-spacing:0;color:var(--sf-cream)}
  .site-foot__grid details>summary::after{content:"+";font-family:'JetBrains Mono',monospace;font-size:18px;font-weight:400;color:var(--sf-muted)}
  .site-foot__grid details[open]>summary::after{content:"−";color:var(--sf-yellow)}
  .site-foot__grid nav{gap:14px;margin-top:0;padding-bottom:20px}
  .site-foot__base{padding-top:0;border-top:0}
}
@media (prefers-reduced-motion:reduce){.site-foot *{transition:none!important}}