/* Mishref Studio · v58 · shared navigation and footer refinement */
:root {
  --ref-paper: #0a0a0a;
  --ref-surface: #11110f;
  --ref-gold: #d9ad63;
  --ref-ivory: #f7f0e5;
  --ref-muted: #b9b3a9;
  --ref-line: rgba(217, 173, 99, .22);
  --ref-font: "Manrope", "Noto Sans Arabic", sans-serif;
  --ref-font-ar: "Noto Sans Arabic", "Manrope", sans-serif;
  --ref-ease: cubic-bezier(.22, 1, .36, 1);
}
html { scroll-padding-top: 122px; }
html, body { overflow-x: clip; }
body { -webkit-font-smoothing: antialiased; }
.skip-link { position: fixed !important; top: -100px; inset-inline-start: 20px; padding: 12px 18px; background: var(--ref-gold); color: var(--ref-paper); border-radius: 4px; text-decoration: none; transform: none; }
.skip-link:focus { top: 14px; }
main { min-width: 0; }
main :is(h1, h2, h3) { text-wrap: balance; }
main :is(p, li) { text-wrap: pretty; }
:is(a, button, input, select, textarea) { -webkit-tap-highlight-color: transparent; }
::selection { background: var(--ref-gold); color: var(--ref-paper); }
.m39-footer { min-height: 0; }
.m39-footer__shell { width: min(1400px, calc(100% - 80px)); padding-top: 32px; }
.m39-footer__grid { grid-template-columns: minmax(0, 1.12fr) minmax(0, .9fr) minmax(0, 1fr) minmax(0, 1.12fr); padding-block: 30px 44px; }
.m39-footer__grid > section { min-width: 0; padding-inline: clamp(20px, 2.4vw, 36px); }
.m39-footer__grid > section:first-child { padding-inline-start: 0; }
.m39-footer__grid > section:last-child { padding-inline-end: 0; }
.m39-footer h3 { font-size: 16px; line-height: 1.7; margin-bottom: 20px; }
.m39-footer :is(p, blockquote) { font-size: 13px; line-height: 1.9; }
.m39-footer__social-copy, .m39-footer__contact-column > p { color: var(--ref-muted); }
.m39-footer__social-copy { white-space: normal; overflow-wrap: anywhere; max-width: 100%; }
.m39-footer__quick-links a, .m39-footer__project-link { min-height: 42px; font-size: 12px; line-height: 1.65; gap: 8px; }
.m39-footer__quick-links a span, .m39-footer__project-link span { min-width: 0; }
.m39-footer__projects-column blockquote { font-size: 15px; font-style: normal; margin-top: 26px; }
.m39-footer__socials { gap: 10px; flex-wrap: wrap; }
.m39-footer__socials a { width: 44px; height: 44px; border-radius: 10px; }
.m39-footer__brand-lockup { gap: 14px; }
.m39-footer__brand-lockup strong { font-size: clamp(18px, 1.65vw, 25px); letter-spacing: .22em; }
.m39-footer__brand-mark { width: 64px; height: 64px; flex-shrink: 0; }
.m39-footer__contact-btn { border-radius: 10px; min-height: 52px; padding-inline: 12px; }
.m39-footer__contact-btn span { font-size: 13px; line-height: 1.65; }
.m39-footer__kuwait { gap: 8px; grid-template-columns: 28px minmax(0, 1fr) 30px; }
.m39-footer__kuwait strong { font-size: 13px; line-height: 1.6; }
.m39-footer__kuwait span { color: var(--ref-muted); line-height: 1.8; }
.m39-footer__bottom { gap: 18px; min-height: 90px; }
.m39-footer__copyright { font-family: inherit; font-size: 10px; letter-spacing: .04em; line-height: 1.8; white-space: normal; }
.m39-footer__motto { white-space: normal; font-size: 10px; flex-wrap: wrap; justify-content: flex-end; line-height: 1.8; }

/* Keep the v57 fixed header, logo, and the same five destinations. */
.m57-mainnav { font-family: var(--ref-font); }
html[lang="ar"] .m57-mainnav { font-family: var(--ref-font-ar); }
.m57-lang__toggle, .m36-language-item { min-height: 44px; }
.m57-lang__menu { overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: var(--ref-gold) transparent; }
.m36-language-item { font-family: var(--ref-font); line-height: 1.7; }
.m36-mainnav__link { transition: color 180ms var(--ref-ease); }
.m36-mainnav__link:hover { color: var(--ref-gold); }
@media(max-width:1120px) {
  .m39-footer__shell { width: calc(100% - 48px); }
  .m39-footer__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 36px; }
  .m39-footer__grid > section:nth-child(2) { padding-inline-end: 0; border-inline-end: 0; }
  .m39-footer__grid > section:nth-child(3) { padding-inline-start: 0; }
  .m39-footer__bottom { grid-template-columns: minmax(0, 1fr); padding-block: 24px; justify-items: center; }
  .m39-footer__bottom-brand, .m39-footer__motto { justify-self: center; justify-content: center; }
  .m57-header__inner { grid-template-rows: 62px 44px; min-height: 114px; }
  .m57-mainnav { justify-content: center; overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-width: none; }
  .m57-mainnav::-webkit-scrollbar { display: none; }
  .m57-mainnav .m36-mainnav__link { min-height: 44px; flex-shrink: 0; }
}
@media(max-width:720px) {
  .m39-footer__shell { width: calc(100% - 40px); padding-top: 8px; }
  .m39-footer__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 22px; padding-block: 12px 16px; }
  .m39-footer__grid > section, .m39-footer__grid > section:first-child, .m39-footer__grid > section:last-child, .m39-footer__grid > section:nth-child(3) { padding: 26px 0; border-inline-end: 0; }
  .m39-footer__brand-column, .m39-footer__contact-column { grid-column: 1 / -1; }
  .m39-footer__brand-lockup { gap: 14px; }
  .m39-footer__brand-lockup strong { font-size: 24px; }
  .m39-footer__brand-mark { width: 56px; height: 56px; }
  .m39-footer__rule { margin-block: 18px; }
  .m39-footer__social-copy { margin-bottom: 0; font-size: 12px; }
  .m39-footer h3 { font-size: 13px; gap: 8px; margin-bottom: 14px; }
  .m39-footer h3 img { width: 21px; height: 21px; }
  .m39-footer__quick-links { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .m39-footer__quick-links a, .m39-footer__project-link { min-height: 44px; font-size: 11px; }
  .m39-footer__projects-column blockquote { font-size: 13px; margin-top: 22px; }
  .m39-footer__contact-column > p { max-width: 48ch; }
  .m39-footer__contact-btn { min-height: 54px; }
  .m39-footer__kuwait { margin-top: 18px; }
  .m39-footer__copyright { font-size: 10px; }
  .m39-footer__bottom { gap: 18px; padding-block: 26px; }
}
@media(max-width:620px) {
  .m57-mainnav { justify-content: space-between; gap: 14px; }
  .m57-mainnav .m36-mainnav__link { font-size: 11px; }
  .m57-lang__toggle { height: 44px; }
}