/* footer.css */

/* Light footer.
   The navy was legible but heavy, and it made the logo need a white plate
   which read as a sticker. A warm sand keeps the page bright to the bottom,
   lets the logo sit on the background with no plate at all, and gives the
   green and blue somewhere to show. Body text is the same ink used
   everywhere else, so contrast is well past the accessible minimum rather
   than the pale blue on navy it replaced. */
.sitefoot {
  background: #fbf6ec;
  color: var(--ink);
  font-size: var(--fs-small);
  border-top: 4px solid var(--green);
}

.sitefoot__grid {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr 1.2fr;
  gap: 40px;
  padding-top: 66px;
  padding-bottom: 52px;
}

.sitefoot__col--brand { max-width: 34ch; }

.sitefoot__logo {
  display: inline-block;
  margin-bottom: 20px;
  /* No plate needed now the footer is light. The wordmark sits directly on
     the background the way it does in the header. */
}
.sitefoot__logo img { width: 122px; height: 46px; object-fit: contain; object-position: left center; }

.sitefoot__blurb { margin-bottom: 18px; }

.sitefoot__title {
  margin-bottom: 16px;
  color: var(--ink);
  font-size: var(--fs-body);
  letter-spacing: .1em;
  text-transform: uppercase;
}

.sitefoot a { color: var(--blue); }
.sitefoot a:hover { color: var(--green-dark); text-decoration: underline; }

.sitefoot__social {
  display: flex;
  gap: 16px;
  margin: 0;
}
.sitefoot__social a {
  padding-bottom: 2px;
  border-bottom: 2px solid var(--green);
  font-weight: var(--w-ui);
}

.sitefoot__contact li,
.sitefoot__links li { padding: 4px 0; }

.sitefoot__contact { margin-bottom: 18px; }

.sitefoot__address { line-height: 1.7; color: var(--muted); }

.sitefoot__map {
  border-radius: var(--radius-sm);
  overflow: hidden;
  border: 1px solid var(--line);
}
.sitefoot__map iframe {
  width: 100%;
  height: 220px;
  border: 0;
  filter: saturate(.9);
}

.sitefoot__base {
  border-top: 1px solid var(--line);
  background: #f5eee0;
}

.sitefoot__base-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding-top: 18px;
  padding-bottom: 18px;
  font-size: var(--fs-micro);
}

.sitefoot__base p { margin: 0; }