#footer { padding: 0; }
#footer .ft2 {
  --ft2-gutter: calc(8% + 20px);
  position: relative; z-index: 5;
  display: grid; gap: 48px 40px;
  padding: 80px var(--ft2-gutter) 32px;
  color: #fff; font-size: 16px; line-height: 1.5;
}
#footer .ft2__nav { display: contents; }

#footer .ft2__brand { display: inline-flex; align-self: start; justify-self: start; text-decoration: none; }
#footer .ft2__brand picture { display: block; }
#footer .ft2__brand img { width: auto; height: 96px; }

#footer .ft2__col { display: grid; align-content: start; gap: 16px; }
#footer .ft2__title { margin: 0; padding: 0; font-family: 'Inter', Arial, sans-serif; font-weight: 700; font-size: 18px; line-height: 1.3; color: #fff; text-transform: none; letter-spacing: 0; }

#footer .ft2__links { list-style: none; margin: 0; padding: 0; display: grid; }
#footer .ft2__links li { margin: 0; padding: 0; }
#footer .ft2__links a, #footer .ft2__links span { display: inline-block; padding-block: 4px; color: #c9cdd1; text-decoration: none; }
#footer .ft2__links a:hover { color: #fff; text-decoration: underline; }
#footer .ft2__legal { padding-top: 12px; border-top: 1px solid rgba(255, 255, 255, 0.2); font-size: 14px; }

#footer .ft2__lines { font-style: normal; display: grid; gap: 12px; margin: 0; }
#footer .ft2__line { display: flex; align-items: flex-start; gap: 12px; margin: 0; color: #c9cdd1; text-decoration: none; }
#footer a.ft2__line:hover { color: #fff; }
#footer a.ft2__line:hover span { text-decoration: underline; }
#footer .ft2__line svg { flex: none; margin-top: 3px; color: #D8B98A; }
#footer .ft2__line span { overflow-wrap: anywhere; }

#footer .ft2__social { list-style: none; margin: 0; padding: 0; display: flex; gap: 8px; }
#footer .ft2__social li { margin: 0; padding: 0; }
#footer .ft2__social a { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; margin-left: -10px; color: #D8B98A; }
#footer .ft2__social a:hover { color: #fff; }

#footer .ft2 a:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }

#footer .ft2__copy { grid-column: 1 / -1; margin: 0; padding-top: 24px; border-top: 1px solid rgba(255, 255, 255, 0.2); font-size: 14px; color: #c9cdd1; }

#footer .visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }

@media only screen and (min-width: 480px) {
  #footer .ft2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #footer .ft2__brand { grid-column: 1 / -1; }
}
@media only screen and (min-width: 992px) {
  #footer .ft2 { grid-template-columns: minmax(0, 0.8fr) repeat(3, minmax(0, 1fr)) minmax(0, 1.3fr); }
  #footer .ft2__brand { grid-column: auto; }
}

@media only screen and (max-width: 991px) {
  #footer .ft2__col--company { display: contents; }
  #footer .ft2__brand img { height: 64px; } 
  #footer .ft2__copy { order: 10; }
  #footer .ft2__legal { order: 11; grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 0 24px; margin-top: -40px; padding-top: 0; border-top: 0; }
}

@media only screen and (max-width: 980px) {
  #footer .ft2 { --ft2-gutter: 40px; padding-top: 42px; } 
  #footer .underlay { top: -500px; right: -650px; }
}
@media only screen and (max-width: 479px) {
  #footer .ft2 { --ft2-gutter: 24px; }
}