/* ============================================================
   JET ATLAS — ht-footer (dark anchor, oversized LIME wordmark)
   Ported 1:1 from home-two.css.
   ============================================================ */
.ht-foot { background: var(--ht-ink); color: rgba(255,255,255,0.72); padding: clamp(64px,8vw,96px) 0 30px; overflow: hidden; }
.ht-foot__top { display: grid; grid-template-columns: 1.5fr 1.6fr; gap: clamp(30px,5vw,70px); }
.ht-foot__brand p { max-width: 42ch; line-height: 1.65; margin-bottom: 22px; color: rgba(255,255,255,0.72); }
.ht-foot__name { font-family: var(--ht-serif); font-weight: 600; font-size: 30px; letter-spacing: 0.02em; color: var(--ht-white); display: inline-block; margin-bottom: 14px; }
.ht-foot__name b { color: var(--ht-lime); font-weight: 600; }
.ht-foot__social { display: flex; gap: 12px; }
.ht-foot__social a { width: 40px; height: 40px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,0.2); border-radius: 50%; color: var(--ht-white); transition: background .3s, color .3s, border-color .3s; }
.ht-foot__social a:hover { background: var(--ht-lime); color: var(--ht-ink); border-color: var(--ht-lime); }
.ht-foot__cols { display: grid; grid-template-columns: 1fr 1.2fr; gap: clamp(24px,4vw,50px); }
.ht-foot__col h4 { font-family: var(--ht-ui); font-size: 12px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; color: var(--ht-white); margin-bottom: 16px; }
.ht-foot__col a { display: flex; align-items: center; gap: 10px; padding: 7px 0; color: rgba(255,255,255,0.72); transition: color .3s; }
.ht-foot__col a:hover { color: var(--ht-lime); }
.ht-foot__col a i { color: var(--ht-lime); width: 16px; }
.ht-foot__word { font-family: var(--ht-serif); font-weight: 600; font-size: clamp(64px,19vw,280px); line-height: 0.86; letter-spacing: -0.02em; text-align: center; color: var(--ht-lime); margin: clamp(30px,5vw,60px) 0 clamp(20px,3vw,36px); white-space: nowrap; }
.ht-foot__bar { padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.12); display: flex; justify-content: space-between; gap: 16px; font-family: var(--ht-ui); font-size: 12px; letter-spacing: 0.5px; }

@media (max-width: 1024px) {
  .ht-foot__top { grid-template-columns: 1fr; }
  .ht-foot__top, .ht-foot__cols { text-align: center; }
  .ht-foot__brand { display: flex; flex-direction: column; align-items: center; }
  .ht-foot__social { justify-content: center; }
  .ht-foot__col a { justify-content: center; }
  .ht-foot__bar { text-align: center; align-items: center; }
}
@media (max-width: 560px) {
  .ht-foot__cols { grid-template-columns: 1fr; }
  .ht-foot__bar { flex-direction: column; }
}