.site-footer{
  background:var(--rh-panel);
  border-top:1px solid var(--rh-line);
  padding:56px 0 28px;
}

.ft-grid{
  display:grid;
  grid-template-columns:1.5fr 1fr 1fr 1.1fr .9fr;
  gap:32px;
}

.ft-logo{
  display:inline-flex;
}

.ft-logo img{
  height:40px;
  width:auto;
}

.ft-claim{
  font-family:var(--rh-display);
  font-weight:600;
  font-size:19px;
  letter-spacing:-.01em;
  line-height:1.3;
  margin:16px 0 0;
  color:var(--rh-text);
}

.ft-brand__lead{
  font-size:15px;
  line-height:1.55;
  color:var(--rh-muted);
  max-width:340px;
  margin:14px 0 0;
}

.ft-brand__points{
  list-style:none;
  display:grid;
  gap:6px;
  margin:14px 0 18px;
  padding:0;
  max-width:340px;
}

.ft-brand__points li{
  font-size:14px;
  line-height:1.5;
  color:var(--rh-muted);
  padding-left:16px;
  position:relative;
}

.ft-brand__points li::before{
  content:"";
  position:absolute;
  left:0;
  top:8px;
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--rh-blue);
}

.ft-contact{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.ft-contact__item{
  display:inline-flex;
  align-items:center;
  gap:8px;
  border:1px solid var(--rh-line2);
  border-radius:999px;
  padding:9px 14px;
  font-size:14px;
  font-weight:700;
  color:var(--rh-text);
  text-decoration:none;
  transition:border-color var(--transition-fast), background var(--transition-fast);
}

.ft-contact__item:hover{
  background:rgba(255,255,255,.05);
  border-color:rgba(255,255,255,.24);
}

.ft-contact__icon{
  display:grid;
  place-items:center;
  color:var(--rh-blue2);
}

.ft-contact__icon svg{
  width:16px;
  height:16px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.site-footer .ft-col__title{
  font-family:var(--rh-display);
  font-size:15px;
  font-weight:600;
  letter-spacing:-.01em;
  text-transform:none;
  color:var(--rh-text);
  margin:0 0 18px;
  padding-bottom:10px;
  line-height:1.3;
  position:relative;
}

.site-footer .ft-col__title::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:28px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg, var(--rh-blue), var(--rh-green));
}

.ft-col__list{
  list-style:none;
  margin:0;
  padding:0;
}

.ft-col__list li + li{
  margin-top:9px;
}

.ft-col__list a{
  font-size:15px;
  line-height:1.4;
  color:var(--rh-muted);
  text-decoration:none;
  transition:color var(--transition-fast);
}

.ft-col__list a:hover{
  color:var(--rh-text);
}

.ft-bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-top:44px;
  padding-top:22px;
  border-top:1px solid var(--rh-line);
}

.ft-bottom__copy{
  margin:0;
  font-size:13px;
  color:var(--rh-muted2);
}

.ft-bottom__links{
  list-style:none;
  display:flex;
  align-items:center;
  gap:18px;
  margin:0;
  padding:0;
}

.ft-bottom__links a,
.ft-bottom__cookieBtn{
  font-size:13px;
  color:var(--rh-muted2);
  text-decoration:none;
  background:none;
  border:0;
  padding:0;
  font-family:inherit;
  cursor:pointer;
  transition:color var(--transition-fast);
}

.ft-bottom__links a:hover,
.ft-bottom__cookieBtn:hover{
  color:var(--rh-text);
}

.ft-bottom__top{
  width:34px;
  height:34px;
  border:1px solid var(--rh-line2);
  border-radius:10px;
  display:grid;
  place-items:center;
  color:var(--rh-muted);
  transition:color var(--transition-fast), border-color var(--transition-fast);
}

.ft-bottom__top:hover{
  color:var(--rh-text);
  border-color:rgba(255,255,255,.26);
}

@media (max-width: 1120px){
  .ft-grid{
    gap:20px;
  }
}

@media (max-width: 900px){
  .ft-grid{
    grid-template-columns:1fr 1fr;
    gap:28px;
  }

  .ft-brand{
    grid-column:1 / -1;
  }
}

@media (max-width: 700px){
  .site-footer{
    padding:44px 0 24px;
  }

  .ft-bottom{
    flex-direction:column;
    align-items:flex-start;
    gap:12px;
    margin-top:36px;
  }
}