/* Recreated compact footer, with live text and navigation. */
.footer.reference-footer { border-top: 0; padding: 80px 0 48px; }
.footer.reference-footer .footer-content { width: min(100% - 64px, 1320px); display: grid; grid-template-columns: 540px minmax(0, 1fr); column-gap: 70px; }
.reference-footer .footer-social { grid-column: 1 / -1; margin-bottom: 96px; }
.reference-footer .footer-social h2 { margin: 0; font-size: clamp(32px, 3.5vw, 64px); line-height: 1.1; }
.footer.reference-footer .footer-social nav { gap: 26px; margin-top: 22px; }
.footer.reference-footer .footer-social nav a { width: 38px; min-width: 0; min-height: 38px; font-size: 36px; }
.reference-footer .footer-brand { grid-column: 1; grid-row: 2; margin: 0; text-align: left; align-items: flex-start; }
.reference-footer .footer-brand > .footer-brand-lockup { display: flex; align-items: center; gap: 18px; font-size: 96px; line-height: 1; }
.reference-footer .footer-brand-lockup img { width: 96px; height: 96px; object-fit: contain; flex-shrink: 0; }
.reference-footer .footer-brand small { margin-top: 12px; font-size: 11px; }
.footer.reference-footer .footer-link-grid { grid-column: 2; grid-row: 2 / 4; width: 100%; max-width: none; margin: 8px 0 0; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 42px 24px; align-content: start; }
.footer.reference-footer .footer-link-grid a { font-size: 18px; line-height: 1.5; }
.footer.reference-footer .footer-bottom { grid-column: 1; grid-row: 3; border: 0; padding: 0; margin: 28px 0 0; align-items: flex-start; text-align: left; font-size: 10px; }
.footer.reference-footer .footer-bottom > span { max-width: none; }
@media (max-width: 1200px) {
 .footer.reference-footer .footer-content { grid-template-columns: 42% minmax(0, 1fr); gap: 0 40px; }
 .reference-footer .footer-brand > .footer-brand-lockup { font-size: clamp(40px, 6vw, 80px); gap: 12px; }
 .reference-footer .footer-brand-lockup img { width: 72px; height: 72px; }
 .footer.reference-footer .footer-link-grid { gap: 30px 16px; }
 .footer.reference-footer .footer-link-grid a { font-size: 16px; }
}
@media (max-width: 700px) {
 .footer.reference-footer { padding: 44px 0 80px; }
 .footer.reference-footer .footer-content { width: calc(100% - 40px); grid-template-columns: 1fr; }
 .reference-footer .footer-social { margin-bottom: 40px; }
 .reference-footer .footer-social h2 { font-size: 32px; }
 .footer.reference-footer .footer-social nav { gap: 12px; }
 .reference-footer .footer-brand { justify-self: center; align-items: center; }
 .reference-footer .footer-brand > .footer-brand-lockup { font-size: 52px; }
 .reference-footer .footer-brand-lockup img { width: 64px; height: 64px; }
 .footer.reference-footer .footer-link-grid { grid-column: 1; grid-row: 3; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 36px; gap: 24px; }
 .footer.reference-footer .footer-bottom { grid-row: 4; align-items: center; text-align: center; }
}