.site-footer {
  display: block;
  padding-block: 64px 52px;
  border-top: 1px solid var(--line);
  background: radial-gradient(ellipse at 50% 0%,#d7b88607,transparent 65%);
}
.footer-layout {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(220px,1fr) minmax(0,1fr);
  align-items: start;
  gap: 40px;
}
.footer-pages { display: flex; flex-direction: column; align-items: flex-start; padding-top: 8px; }
.site-footer .footer-heading {
  margin: 0 0 21px;
  color: var(--gold);
  font: 600 10px/1.7 'Manrope',sans-serif;
  letter-spacing: .16em;
}
.footer-link {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding-block: 8px;
  font-size: 14px;
  line-height: 1.6;
  color: #c4beb3;
  transition: color 250ms ease;
}
.footer-link>span:first-child { position: relative; }
.footer-link>span:first-child::after {
  content: '';
  position: absolute;
  inset: auto 0 -3px;
  height: 1px;
  background: var(--gold);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 380ms var(--ease);
}
.footer-link [data-icon] { color: var(--gold); opacity: .5; transition: opacity 250ms ease; }
.footer-link .icon-window,.footer-link .ui-icon { width: 16px; height: 16px; }
.footer-link:is(:hover,:focus-visible) { color: var(--text); }
.footer-link:is(:hover,:focus-visible)>span:first-child::after { transform: scaleX(1); }
.footer-link:is(:hover,:focus-visible) [data-icon] { opacity: 1; }
.footer-link:is(:hover,:focus-visible) .icon-first { transform: translate(115%,-115%); opacity: 0; }
.footer-link:is(:hover,:focus-visible) .icon-echo { transform: translate(0,0); opacity: 1; }
.footer-identity { display: flex; flex-direction: column; align-items: center; text-align: center; }
.site-footer .footer-brand { display: block; }
.site-footer .footer-logo { width: 134px; height: auto; }
.site-footer .footer-copyright { margin: 25px 0 0; font: 400 12px/1.9 'DM Sans',sans-serif; color: #b7b0a4; }
.footer-copyright>span { color: #908a80; }
.footer-social { justify-self: end; padding-top: 8px; text-align: right; }
.footer-social-list { display: flex; justify-content: flex-end; gap: 12px; }
.footer-social-link {
  display: inline-grid;
  place-items: center;
  width: 48px;
  height: 48px;
  padding: 0;
  border: 1px solid #d7b88640;
  border-radius: 50%;
  background: #d7b88605;
  color: var(--gold);
  opacity: 1;
  transition: color 300ms,background 300ms,border-color 300ms,transform 380ms var(--ease);
}
.footer-social-link .icon-window,.footer-social-link .ui-icon { width: 20px; height: 20px; }
.footer-social-link:is(a,button:enabled):is(:hover,:focus-visible) { color: #171510; background: var(--gold); border-color: var(--gold); transform: translateY(-3px); }

.info-header { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-block: 24px; border-bottom: 1px solid var(--line); }
.info-header>a:last-child { color: var(--gold); font-size: 14px; }
.info-main { max-width: 760px; min-height: 45vh; padding-block: 90px; }
.info-main h1 { font-size: clamp(38px,6vw,64px); line-height: 1.15; margin-bottom: 24px; }
.info-main>p:not(.eyebrow) { max-width: 570px; color: var(--muted); font-size: 17px; line-height: 1.8; }
.info-main>.footer-link { margin-top: 20px; }

@media (max-width:800px) {
  .footer-layout { grid-template-columns: minmax(0,1fr) 200px minmax(0,1fr); gap: 22px; }
  .site-footer .footer-heading { letter-spacing: .09em; }
}
@media (max-width:640px) {
  .site-footer { padding-block: 40px; }
  .footer-layout { grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 38px 20px; }
  .footer-identity { grid-column: 1 / -1; grid-row: 1; padding-bottom: 32px; border-bottom: 1px solid #ffffff12; }
  .site-footer .footer-logo { width: 118px; }
  .footer-pages,.footer-social { padding-top: 0; }
  .site-footer .footer-heading { font-size: 9px; letter-spacing: .07em; margin-bottom: 16px; }
  .footer-link { font-size: 13px; gap: 8px; }
  .info-header .brand-logo { width: 154px; }
  .info-main { padding-block: 60px; }
}
@media (prefers-reduced-motion:reduce) {
  .footer-link::after,.footer-social-link { transition: none; }
  .footer-link:is(:hover,:focus-visible) .icon-first { transform: none; opacity: 1; }
  .footer-link:is(:hover,:focus-visible) .icon-echo { opacity: 0; }
  .footer-social-link:is(a,button:enabled):is(:hover,:focus-visible) { transform: none; }
}