/* Shared homepage footer for every public page. */
.site-footer--compact { position: relative; z-index: 1; padding-inline: 3%; font-family: "Noto Sans TC", sans-serif; }
.site-footer--compact .site-footer__content { padding: 56px 0 40px; }
.site-footer--compact .site-footer__navigation { grid-template-columns: 2fr 1fr; width: 560px; max-width: 55%; gap: 32px; margin-right: 84px; }
.site-footer--compact .site-footer__group:first-child ul { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 28px; }
.site-footer--compact .site-footer__group ul { row-gap: 16px; }
.site-footer--compact .site-footer__group a, .site-footer--compact .site-footer__group [aria-disabled] { font-size: 14px; }
.site-footer--compact .site-footer__meta { margin-bottom: 28px; }
.site-footer--compact .site-footer__top { position: absolute; top: 50px; right: 35px; display: inline-flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; min-width: 44px; min-height: 54px; font-size: 10px; letter-spacing: .14em; }
.site-footer--compact .site-footer__top svg { width: 20px; height: 28px; stroke: currentColor; stroke-width: 1.2; }
.site-footer--compact .site-footer__wordmark { width: 85%; max-width: none; margin: 0 auto; padding-bottom: 24px; }
@media (max-width: 760px) {
  .site-footer--compact { padding-inline: 5%; }
  .site-footer--compact .site-footer__content { padding: 40px 0 28px; }
  .site-footer--compact .site-footer__navigation { width: 100%; max-width: none; grid-template-columns: 2fr 1fr; margin: 32px 0 0; gap: 20px; }
  .site-footer--compact .site-footer__statement { padding-right: 64px; }
  .site-footer--compact .site-footer__top { top: 34px; right: 24px; }
  .site-footer--compact .site-footer__group:first-child ul { grid-template-columns: 1fr; }
  .site-footer--compact .site-footer__group ul { row-gap: 12px; }
  .site-footer--compact .site-footer__meta { margin-bottom: 24px; }
}

/* Address below the brand statement; studio credit below the copyright. */
.site-footer__details{display:grid;gap:12px;min-width:0}
.site-footer__address{margin:24px 0 0;color:rgba(242,233,228,.55);font-size:12px;font-weight:300;font-style:normal;line-height:1.8;letter-spacing:.04em;overflow-wrap:anywhere}
.site-footer__meta .site-footer__credit{display:block;margin-top:4px;font-size:9px;font-weight:300;line-height:1.8;letter-spacing:.09em}
@media(max-width:760px){.site-footer__address{font-size:11px}.site-footer__details{gap:10px}}
