/* =========================================================================
   footer-n12.css — the site footer, on the new palette.

   Same markup, the same class names and the same 48px gutter as every
   other page's footer, so it stays one component rather than becoming a
   home-page special. The only thing this file changes is the palette:
   site.css puts the footer on #332C2A, which was right for the old warm
   scheme and reads as a lighter strip against these grounds.

   It is a SEPARATE block from the close, not part of it. The close is an
   ask and the footer is furniture: legal and housekeeping sitting next to
   a primary CTA would dilute it, and the footer has to look the same on
   every page while the close only exists here. They share a ground so
   there is no seam, which gets the visual continuity without merging the
   two jobs.
   ========================================================================= */

.site-footer{
  margin:0;
  background:#171413;
  /* No rule. The close's photograph ends here, and flat #171413 against the
     bottom of that photograph is already a clean hard edge -- the same cut
     the hero makes into the section below it and the where-to-start band
     makes into its own photo. A hairline on top of a boundary that already
     exists is just one more line on a page we have been taking lines off. */
  /* 48px, not the page's 115px --hx-inset. The footer is furniture, not
     content: it belongs to the browser window rather than to the column
     the page is set in, so it sits out at the corners the way it does on
     every other page. Matching the content inset made it read as one more
     centred block instead of the edge of the site. */
  padding:18px 48px;
  font-family:'Questrial',sans-serif;
}
.site-footer-wrap{
  width:100%;margin:0;
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  flex-wrap:wrap;
}
/* ------------------------- how dim, and why here -----------------------
   Cream on this ground, measured:

     alpha  .60  6.45:1     .50  4.84:1     .40  3.54:1
            .56  5.77:1    .48  4.56:1     .34  2.90:1
            .52  5.14:1     .46  4.28:1     .30  2.53:1

   4.5:1 is the WCAG AA requirement for text under 18px, and it is what
   AODA, the Accessible Canada Act and the European Accessibility Act all
   point at. So .48 is where "readable by the standard" stops.

   The two lines down here are not the same kind of text, so they do not
   get the same answer:

   - The build credit is ours, about us, and nobody needs it. It goes to
     .30, below the standard, on purpose -- it is the quietest thing on
     the page and that is the entire point of it.
   - The privacy link is a route to a legal document. It stays at .50,
     above the floor, because a link somebody may actually need to find
     is the wrong place to spend contrast. */
.site-footer-built{
  margin:0;font-size:13px;color:rgba(246,241,234,.3);
}
/* A FLOOR, AT (0,2,0). site.css is still loaded by some pages and it
   takes this line to 12px, then to 11px under 640 -- sentence-case body
   copy at 11px on a phone, which the device sweep flagged on every
   handset. This beats it without touching that file, which several
   older pages still depend on. */
/* AND THE PRIVACY LINK COMES WITH IT. site.css says in as many words
   that both footer notes are one size, and this floor was written for
   the credit alone -- so below 640 the credit sat at 12.5 and the
   privacy link beside it at 11.5, which mobile-n12.css sets for the
   pair. Two sizes in one row, and the smaller of them on the only
   thing in the footer somebody might actually need to find. */
.site-footer .site-footer-built,
.site-footer .site-footer-meta{font-size:13px}
@media(max-width:640px){
  .site-footer .site-footer-built,
  .site-footer .site-footer-meta{font-size:12.5px}
}
.site-footer-built a{
  /* .5, matching .site-footer-meta a. At .44 this measured 4.01:1 -- under
     AA for 13px -- while the privacy link two elements to its right, same
     size, same footer, same role, sat at .5 and 4.87:1. The surrounding
     credit text stays at .3 because it is decorative; the link is not. */
  color:rgba(246,241,234,.5);
  /* The link is the credit -- "Next 12 automations" -- and on the
     narrowest pages it was breaking with "automations" alone on a
     second line, the last one-word last line on the site. Three words
     with an underline running under them are a unit; they wrap as one
     or not at all. */
  white-space:nowrap;
  border-bottom:1px solid rgba(246,241,234,.12);padding-bottom:1px;
  transition:color .16s ease,border-color .16s ease;
}
/* One hover rule. There were two, one directly above the other with
   different colours -- the first never applied. */
.site-footer-built a:hover{color:var(--n12-cream,#F6F1EA);border-color:rgba(246,241,234,.4)}

.site-footer-meta{
  margin-left:auto;display:flex;align-items:center;gap:22px;
  font-size:13px;color:rgba(246,241,234,.3);
}
/* .50 -> 4.84:1. See the note above: this one is a link to a legal page. */
.site-footer-meta a{
  color:rgba(246,241,234,.5);transition:color .16s ease;
}
.site-footer-meta a:hover{color:var(--n12-cream,#F6F1EA)}

@media(max-width:900px){
  .site-footer{padding:18px 24px}
  .site-footer-wrap{gap:12px}
}