.x-footer{background:#0c0c0c;color:#fff;padding:clamp(56px,8vw,110px) var(--x-pad) 28px;margin-top:clamp(60px,9vw,140px)}
.x-footer a{color:inherit;text-decoration:none}
.x-footer__top{display:grid;grid-template-columns:1fr 2fr;gap:28px;align-items:end;padding-bottom:clamp(54px,8vw,100px);border-bottom:1px solid #2a2a2a}
.x-footer__top p{margin:0;color:#8e8e8e;font-size:12px;text-transform:uppercase;letter-spacing:.11em}
.x-footer__top>a{font-size:clamp(42px,7vw,104px);line-height:.95;letter-spacing:-.055em}
.x-footer__top>a span{font-size:.6em}
.x-footer__grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:28px;padding:48px 0 62px}
.x-footer__grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.x-footer__grid strong{font-size:24px;letter-spacing:.12em}
.x-footer small{color:#767676;text-transform:uppercase;letter-spacing:.1em}
.x-footer__bottom{border-top:1px solid #2a2a2a;padding-top:20px;display:flex;justify-content:space-between;color:#7c7c7c;font-size:12px}
@media(max-width:800px){
  .x-footer__top{grid-template-columns:1fr}
  .x-footer__grid{grid-template-columns:1fr 1fr}
}
@media(max-width:520px){
  .x-footer__grid{grid-template-columns:1fr}
  .x-footer__bottom{gap:15px;flex-direction:column}
}