/* A closing statement, followed by the practical information. */
#footer {
  padding: 100px 48px 28px;
  background: var(--ink);
  color: var(--paper);
  border: 0;
}
#footer .footer-inner { max-width: 1280px; margin-inline: auto; }
#footer .footer-top { display: grid; grid-template-columns: minmax(0, 1fr); align-items: start; gap: 44px; }
#footer .footer-message { min-width: 0; }
#footer .footer-catch { display: block; width: 100%; height: auto; filter: invert(1); }
#footer-title { width: 100%; max-width: none; margin: 0; line-height: 1; }
#footer .footer-details { min-width: 0; }
#footer .footer-nav { display: flex; flex-wrap: nowrap; align-items: center; justify-content: flex-start; gap: 36px; min-width: 0; }
#footer .footer-nav a { display: flex; align-items: center; min-height: 44px; white-space: nowrap; font-size: 16px; line-height: 1.5; font-weight: 500; color: rgb(248 249 249 / .8); }
#footer .footer-nav a:first-child { margin-top: 0; }
#footer .footer-bottom { display: grid; grid-template-columns: 1fr auto auto auto; align-items: center; gap: 36px; margin-top: 112px; padding-top: 24px; border-top: 1px solid rgb(248 249 249 / .18); }
#footer .footer-bottom > span { margin: 0; color: rgb(248 249 249 / .56); font-size: 11px; }
#footer .privacy-button { margin: 0; color: rgb(248 249 249 / .72); }
#footer .back-top { justify-self: end; min-height: 44px; gap: 14px; color: var(--paper); }
#footer :is(a, button):focus-visible { outline-color: var(--paper); }
@media (hover: hover) and (pointer: fine) {
  #footer .footer-nav a:hover { color: var(--paper); }
}
@media (max-width: 1100px) {
  #footer { padding-inline: 38px; }
  #footer .footer-nav a:first-child { margin-top: 0; }
}
@media (max-width: 760px) {
  #footer { padding: 64px 24px 24px; }
  #footer .footer-top { gap: 28px; }
  #footer .footer-nav { gap: 12px; }
  #footer .footer-nav a { min-height: 44px; }
  #footer .footer-bottom { grid-template-columns: 1fr auto; margin-top: 64px; padding-top: 20px; gap: 16px; }
  #footer .footer-bottom > span:not(.footer-company-link) { grid-column: 1; grid-row: 2; font-size: 10px; }
  #footer .footer-company-link { grid-column: 1; grid-row: 1; }
  #footer .privacy-button { grid-column: 2; grid-row: 1; justify-self: end; }
  #footer .back-top { grid-column: 2; grid-row: 2; font-size: 10px; }
}
@media (max-width: 370px) {
  #footer { padding-inline: 20px; }
  #footer .footer-nav { gap: 4px; }
  #footer .footer-bottom { column-gap: 12px; }
  #footer .privacy-button { font-size: 11px; }
  #footer .back-top { gap: 8px; font-size: 9px; }
}

#footer .footer-bottom .footer-company-link { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; margin: 0; color: rgb(248 249 249 / .72); font-size: 12px; letter-spacing: 0; }
#footer .footer-company-link .ui-arrow { width: 15px; height: 15px; }
@media (hover: hover) and (pointer: fine) {
  #footer a.footer-company-link:hover { color: var(--paper); text-decoration: underline; text-underline-offset: 5px; }
}
@media (max-width: 370px) {
  #footer .footer-bottom .footer-company-link { font-size: 11px; }
}