/* The same stone as the header, rendered as black marble with silver veins. */
.site-credit {
  position:relative;
  isolation:isolate;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:calc(var(--site-header-height, 80px) / 2);
  padding:0 var(--gutter);
  color:#f4f4f4;
  background:#080808;
  font:400 12px/1.5 var(--type);
  text-align:center;
}
.site-credit::before {
  content:'';
  position:absolute;
  inset:0;
  z-index:-1;
  background:url('./assets/marble-white-gold.webp') center 52% / cover;
  filter:grayscale(1) invert(1) brightness(2.2);
  pointer-events:none;
}
.site-credit p { margin:0; }
.site-credit a {
  display:inline-flex;
  align-items:center;
  min-height:calc(var(--site-header-height, 80px) / 2);
  color:inherit;
  font-weight:500;
  text-decoration:underline;
  text-decoration-color:#ffffff80;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
  text-shadow:0 1px 4px #000;
}
.site-credit a:hover { text-decoration-color:currentColor; }
.site-credit a:focus-visible { outline:2px solid #fff; outline-offset:3px; }
@media(max-width:760px) {
  .site-credit { font-size:11px; }
}