.gate-reference-footer {
  padding: 42px 0 34px;
  background: #121212;
  color: #a6a6a6;
}

.legacy-footer { display: none !important; }

.gate-reference-logo a { display: inline-block; line-height: 0; }
.gate-reference-logo img { width: 196px; height: auto; filter: brightness(0) invert(1); }
.gate-reference-line { height: 1px; margin: 30px 0 36px; background: rgba(255, 255, 255, .11); }

.gate-reference-body {
  display: grid;
  grid-template-columns: 1fr 270px;
  gap: 48px;
}

.gate-reference-company p,
.gate-reference-center p { margin: 0; font-size: 16px; font-weight: 600; line-height: 1.8; letter-spacing: -.02em; }
.gate-reference-copyright { margin-top: 20px !important; color: #868686; font-size: 14px !important; letter-spacing: .01em !important; }
.gate-reference-center { color: #a6a6a6; }
.gate-reference-center strong { display: block; margin-bottom: 17px; color: #fff; font-size: 18px; }
.gate-reference-center a { color: inherit; text-decoration: none; border-bottom: 1px solid rgba(255, 255, 255, .5); }
.gate-reference-center a:hover { color: #fff; }

@media (max-width: 760px) {
  .gate-reference-footer { padding: 34px 0 30px; }
  .gate-reference-logo img { width: 164px; }
  .gate-reference-line { margin: 24px 0 28px; }
  .gate-reference-body { grid-template-columns: 1fr; gap: 28px; }
  .gate-reference-company p,
  .gate-reference-center p { font-size: 14px; }
  .gate-reference-copyright { margin-top: 15px !important; font-size: 12px !important; }
  .gate-reference-center { order: -1; }
}