/* ============================================================
   FOOTER
   ============================================================ */
.foot { border-top: 1px solid var(--sand-200); overflow: hidden; }
.foot-top { display: grid; grid-template-columns: minmax(0, 4fr) repeat(4, minmax(0, 2fr)); gap: 32px; padding: clamp(48px, 6vw, 80px) 0 clamp(24px, 4vw, 48px); }
.foot-top p { font-size: 14px; line-height: 1.6; color: var(--plum-600); max-width: 32ch; margin-top: 16px; }
.foot h4 { font: 500 11px/1 var(--font-body); letter-spacing: 0.08em; text-transform: uppercase; color: var(--mauve-500); margin: 0 0 18px; }
.foot ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 4px; }
.foot li a { display: inline-block; padding: 5px 0; font-size: 14px; transition: color 0.15s; }
@media (hover: hover) and (pointer: fine) { .foot li a:hover { color: var(--rose); } }
.foot-word { display: flex; align-items: baseline; justify-content: space-between; gap: 2vw; white-space: nowrap; line-height: 0.74; user-select: none; padding-top: 8px; margin-bottom: -0.1em; }
.foot-word .en { font-family: var(--font-display); font-weight: 800; letter-spacing: -0.05em; font-size: clamp(120px, 27vw, 420px); }
.foot-word .ar { font: 500 clamp(56px, 11vw, 170px)/1 var(--font-body); color: var(--rose); }
.foot-bar { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px; padding: 20px 0 32px; font-size: 13px; color: var(--mauve-500); border-top: 1px solid var(--sand-200); }
@media (max-width: 899px) { .foot-top { grid-template-columns: 1fr 1fr; } .foot-top > :first-child { grid-column: 1 / -1; } }


/* Placeholder for routes that are not built yet */
.page-empty { padding: calc(var(--nav-h) + clamp(64px, 10vw, 140px)) 0 var(--sec); min-height: 70vh; }
.page-empty .wrap { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; }