.site-footer { color: #fff; text-align: left; font: 400 18px/1.55 "Barlow", sans-serif; background: #04121f; padding: 64px clamp(20px, 4vw, 56px) 40px; border-top: 1px solid rgba(255,255,255,.12); }
  .foot { max-width: 1280px; margin: 0 auto; display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 40px; }
  .foot .brand img { width: 56px; }
  .foot .brand span { font-size: 18px; }
  .foot h4 { font: 600 13px "Barlow Condensed", sans-serif; letter-spacing: .24em; text-transform: uppercase; color: #ffd100; margin-bottom: 16px; }
  .foot ul { list-style: none; display: grid; gap: 10px; font-size: 16px; color: rgba(255,255,255,.75); }
  .foot ul a:hover { color: #ffd100; }
  .site-footer .legal a { color: rgba(255,255,255,.7); text-decoration: underline; text-underline-offset: 3px; }
  .site-footer .legal a:hover { color: #ffd100; }
  .foot p { color: rgba(255,255,255,.55); font-size: 15px; margin: 18px 0 0; max-width: 40ch; }
  .legal { max-width: 1280px; margin: 50px auto 0; padding-top: 24px; border-top: 1px solid rgba(255,255,255,.12); display: flex; justify-content: space-between; gap: 20px; flex-wrap: wrap; font: 500 13px "Barlow Condensed", sans-serif; letter-spacing: .14em; text-transform: uppercase; color: rgba(255,255,255,.4); }

  .site-footer .brand { display: flex; align-items: center; gap: 12px; }
  .site-footer .brand img { display: block; height: auto; }
  .site-footer .brand span { font: 600 18px/1 "Barlow Condensed", sans-serif; letter-spacing: .14em; text-transform: uppercase; }
  .site-footer .brand b { color: #ffd100; font-weight: 700; }
  .site-footer a { color: inherit; text-decoration: none; }
  .site-footer a:focus-visible { outline: 2px solid #ffd100; outline-offset: 5px; border-radius: 2px; }
  .site-footer .legal .attribution { display: inline-flex; align-items: center; gap: 8px; min-height: 24px; max-width: 100%; font: 400 14px/1.5 "Barlow", sans-serif; letter-spacing: normal; text-transform: none; }
  .site-footer .attribution img { display: block; width: 20px; height: 20px; flex: 0 0 20px; }
  @media (max-width: 1024px) { .site-footer .foot { grid-template-columns: 1fr; } }