/* Young Corporation — homepage/footer.css
   Extracted from style.css. Depends on global/global.css tokens. */

/* ==========================================================================
   Footer
   ========================================================================== */
.footer { background: #081627; color: #9fb0c6; padding: clamp(3rem, 6vw, 4.5rem) 0 2rem; }
.footer__top { display: grid; grid-template-columns: 1.6fr 1fr 1fr 1fr; gap: 2rem; }
@media (max-width: 860px) { .footer__top { grid-template-columns: 1fr 1fr; } }
@media (max-width: 520px) { .footer__top { grid-template-columns: 1fr; } }
.footer a { color: #9fb0c6; }
.footer a:hover { color: var(--sky); }
.footer__brand p { max-width: 34ch; font-size: .92rem; margin: 1rem 0; }
.footer__logo { font-family: var(--font-display); font-weight: 800; font-size: 1.35rem; color: #fff; }
.footer__logo span { color: var(--sky); }
.footer__logo:hover { color: #fff; }
.footer__nav { display: flex; flex-wrap: wrap; gap: .4rem 1.1rem; font-size: .92rem; }
.footer__label { display: block; color: #fff; font-family: var(--font-body); font-size: .78rem; text-transform: uppercase; letter-spacing: .16em; margin-bottom: .8rem; }
.footer__col p { font-size: .9rem; line-height: 1.6; margin: 0 0 .7rem; }
.footer__col .ico { display: inline-block; width: 1.4em; color: var(--sky); }
.footer__mark {
  font-family: var(--font-display); font-weight: 800;
  font-size: clamp(2.5rem, 12vw, 7rem); line-height: 1; color: rgba(255,255,255,.05);
  margin: 2.5rem 0 1rem; white-space: nowrap; overflow: hidden;
}
.footer__bottom {
  padding-top: 1.5rem; border-top: 1px solid rgba(255,255,255,.1);
  display: flex; flex-wrap: wrap; gap: .8rem 1.5rem; align-items: center;
  justify-content: space-between; font-size: .82rem;
}