.figma-footer{
  min-height:728px;
  padding:93px clamp(24px,5vw,96px) 82px;
  background:var(--ink);
  color:var(--light);
  font-family:Arial,sans-serif;
}

.figma-footer .footer-logo{
  display:block;
  width:360px;
  aspect-ratio:745/420;
  margin:0 auto 96px;
  overflow:hidden;
}

.figma-footer .footer-logo img{
  display:block;
  position:absolute;
  left:-12.080537%;
  top:-15.476190%;
  width:123.489933%;
  max-width:none;
  height:auto;
  transform:none;
}

.figma-footer .footer-grid{
  display:grid;
  grid-template-columns:170px 257px 393px 240px;
  justify-content:space-between;
  gap:60px;
  width:100%;
  max-width:1300px;
  margin:0 auto;
}

.figma-footer h3,
.figma-footer .footer-nav a{
  font-family:var(--display);
  font-weight:400;
  text-transform:uppercase;
}

.figma-footer h3{
  margin:0 0 10px;
  font-size:22px;
  line-height:1.15;
}

.figma-footer a{
  color:inherit;
  text-decoration:none;
}

.figma-footer a:hover{
  text-decoration:underline;
}

.figma-footer .footer-nav{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:24px;
}

.figma-footer .footer-nav a{
  display:flex;
  align-items:center;
  min-height:30px;
  margin:0;
  font-size:21px;
  line-height:1;
}

.figma-footer .footer-subscribe p{
  max-width:360px;
  margin:0 0 24px;
  font-size:14px;
  line-height:1.35;
}

.figma-footer .footer-subscribe form{
  display:grid;
  gap:14px;
}

.figma-footer .footer-subscribe form>label:not(.footer-consent){
  position:relative;
  display:block;
  min-height:51px;
  border-bottom:2px solid var(--light);
  font-size:14px;
  line-height:1.2;
}

.figma-footer .footer-subscribe form>label>span:first-child{
  display:block;
}

.figma-footer .footer-subscribe input[type='text'],
.figma-footer .footer-subscribe input[type='email']{
  width:calc(100% - 42px);
  height:24px;
  padding:0;
  border:0;
  outline:0;
  background:transparent;
  color:var(--light);
  font:inherit;
}

.figma-footer .footer-subscribe form>label:focus-within{
  border-color:#fff;
}

.figma-footer .footer-email button{
  position:absolute;
  right:0;
  bottom:10px;
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  padding:0;
  border:0;
  border-radius:10px;
  background:var(--light);
  color:var(--ink);
  font-family:Arial,sans-serif;
  font-size:17px;
  line-height:1;
}

.figma-footer .footer-consent{
  display:grid;
  grid-template-columns:17px 1fr;
  gap:9px;
  align-items:start;
  margin-top:1px;
  font-size:10px;
  line-height:1.3;
}

.figma-footer .footer-consent input{
  width:17px;
  height:17px;
  margin:0;
  accent-color:var(--red);
}

.figma-footer .footer-contact{
  font-size:16px;
  line-height:1.35;
}

.figma-footer .footer-contact h3{
  margin-bottom:24px;
}

.figma-footer .footer-contact a{
  display:block;
  margin:0 0 14px;
  font-size:16px;
}

.figma-footer .footer-contact p{
  margin:0 0 23px;
  font-size:16px;
  line-height:1.35;
}

.figma-footer .footer-contact small{
  display:block;
  font-size:11px;
  line-height:1.55;
  letter-spacing:1.3px;
  text-transform:uppercase;
}

@media(max-width:1200px){
  .figma-footer .footer-grid{
    grid-template-columns:1fr 1.2fr 1.7fr 1.2fr;
    gap:36px;
  }
}

@media(max-width:900px){
  .figma-footer{
    padding:64px 36px 70px;
  }

  .figma-footer .footer-logo{
    width:min(320px,70vw);
    margin-bottom:58px;
  }

  .figma-footer .footer-grid{
    grid-template-columns:1fr 1fr;
    gap:52px 36px;
    max-width:680px;
  }

  .figma-footer .footer-subscribe,
  .figma-footer .footer-contact{
    grid-column:1/-1;
  }

  .figma-footer .footer-contact{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:0 24px;
  }

  .figma-footer .footer-contact h3,
  .figma-footer .footer-contact small{
    grid-column:1/-1;
  }
}

@media(max-width:560px){
  .figma-footer{
    min-height:0;
    padding:52px 22px 60px;
  }

  .figma-footer .footer-logo{
    width:min(280px,82vw);
    margin-bottom:48px;
  }

  .figma-footer .footer-grid{
    gap:44px 24px;
  }

  .figma-footer .footer-nav{
    gap:18px;
  }

  .figma-footer .footer-nav a,
  .figma-footer h3{
    font-size:17px;
  }

  .figma-footer .footer-subscribe p,
  .figma-footer .footer-contact,
  .figma-footer .footer-contact a,
  .figma-footer .footer-contact p{
    font-size:14px;
  }

  .figma-footer .footer-contact{
    display:block;
  }
}