/* Buildner Books: Buildner's own footer under the shop's footer (1 Oct 2026). Lauris: "under the current one need
   to add a new block - same as in https://architecturecompetitions.com/ ... seperate them - keep the current one
   but add this underneath. make sure all buttons work and social networks", without the UNBUILT 2027 and
   MICROHOME 2026 links. The main site's footer: black, its 15-year logo and social links, the competition
   question with "Launch a competition", four columns of links (Graphik 14 on 24, captions 12 in grey). Every
   link opens architecturecompetitions.com (or the network) in a new tab; "Book store" is this shop.
   Markup: additions/buildner-footer/footer.html, put after the shop's footer by apply-additions.py (item 21). */
.bnf{background:#000;color:#fff;border-top:1px solid #34342f;padding:56px var(--pad,80px) 64px;font-family:Graphik,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.bnf a{color:inherit}
.bnf a:focus-visible{outline:2px solid var(--yellow,#f3ed35);outline-offset:3px}
.bnf ul{margin:0;padding:0;list-style:none}
.bnf-top{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:24px;padding-bottom:36px}
.bnf-logo{display:inline-flex;justify-self:start}
.bnf-logo img{display:block;width:281px;max-width:100%;height:auto}
.bnf-social{display:flex;flex-wrap:wrap;align-items:center;gap:16px}
.bnf-social li{display:flex}
.bnf-social a{display:flex;align-items:center;justify-content:center;width:24px;height:24px;transition:opacity .18s}
.bnf-social a:hover{opacity:.62}
.bnf-social svg{display:block;width:24px;height:24px}
.bnf-social .bnf-bsky svg{width:21px;height:21px}
.bnf-main{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,9fr);gap:0 30px;padding-top:20px}
.bnf-launch h2{margin:0 0 16px;font-size:24px;line-height:32px;font-weight:700;letter-spacing:-.01em;color:#fff}
.bnf-btn{display:inline-flex;align-items:center;min-height:48px;padding:0 16px;background:#fff;color:#000!important;border:1px solid #fff;border-radius:2px;font-size:16px;line-height:1;text-decoration:none;transition:background .18s,border-color .18s}
.bnf-btn:hover{background:#e6e6e3;border-color:#e6e6e3}
.bnf-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 30px}
.bnf-col h3{margin:0 0 17px;font-size:12px;line-height:20px;font-weight:400;letter-spacing:.02em;text-transform:uppercase;color:#8c8c8c}
.bnf-col ul+h3{margin-top:30px}
.bnf-col li+li{margin-top:16px}
.bnf-col a{display:inline-block;font-size:14px;line-height:24px;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.bnf-col a:hover{text-decoration-thickness:2px}
.bnf-first{border-right:1px solid #666}
.bnf-partners{display:flex;align-items:center;gap:8px;margin-top:6px}
.bnf-partners img{display:block}
.bnf-partners span{font-size:14px;line-height:24px}

/* The room the buy bar needs at the end of a book page moves from the shop's footer to this block, now the
   last thing on the page (buy-bar.css and styles.css give it to .footer). */
body.on-book .footer{padding-bottom:25px}
body.on-book .bnf{padding-bottom:calc(64px + 77px)}

/* Checkout keeps its quiet page, as the shop's footer does there (no header menu, no footer text); the
   thank-you page, quiet too but after the payment, shows the block (apply-additions.py marks it bnf-ty there) */
.on-checkout .bnf:not(.bnf-ty){display:none}

@media(max-width:1100px){
  .bnf-main{grid-template-columns:1fr}
  .bnf-launch{padding-bottom:40px}
}
@media(max-width:860px){
  .bnf-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 24px}
  .bnf-first{border-right:0}
}
@media(max-width:700px){
  .bnf{padding:40px var(--pad,22px) calc(44px + env(safe-area-inset-bottom))}
  .bnf-top{grid-template-columns:1fr;gap:20px;padding-bottom:28px}
  .bnf-logo{padding:6px 0}
  .bnf-logo img{width:230px}
  .bnf-social{gap:0;margin:0 -10px}
  .bnf-social a{width:44px;height:44px}
  .bnf-main{padding-top:8px}
  .bnf-launch h2{font-size:22px;line-height:30px}
  .bnf-launch{padding-bottom:36px}
  .bnf-col h3{margin-bottom:4px}
  .bnf-col ul+h3{margin-top:28px}
  .bnf-col li+li{margin-top:0}
  .bnf-col a{padding:10px 0}
  .bnf-partners{margin:0 0 6px}
  body.on-book .footer{padding-bottom:20px}
  body.on-book .bnf{padding-bottom:calc(110px + env(safe-area-inset-bottom))}
}
@media(max-width:1000px) and (min-width:701px){
  body.on-book .footer{padding-bottom:25px}
  body.on-book .bnf{padding-bottom:calc(110px + env(safe-area-inset-bottom))}
}
@media(prefers-reduced-motion:reduce){.bnf-social a,.bnf-btn{transition:none}}
@media print{.bnf{display:none!important}}