/* shared header/footer from index-Dubai03.css (chrome-v1) */
:root { --cream: #f0ece3; --ink: #1d1915; --ink-soft: #4c443c; --hero: #191512; --terra: #7a2e1f; --saffron: #c2410c; --line: #d9d2c4; --card: #f6f3ec; --brand-red: #8a2b1e; --f-display: "Fraunces", Georgia, "Times New Roman", serif; --f-body: "Inter", system-ui, -apple-system, sans-serif; }
.lang-hi { --f-display: "Tiro Devanagari Hindi", "Noto Serif Devanagari", Georgia, serif; --f-body: "Mukta", "Noto Sans Devanagari", system-ui, sans-serif; }
.lang-pa { --f-display: "Noto Serif Gurmukhi", Georgia, serif; --f-body: "Mukta Mahee", "Noto Sans Gurmukhi", system-ui, sans-serif; }
.lang-ar { --f-display: "Amiri", "Noto Naskh Arabic", serif; --f-body: "Cairo", "Noto Sans Arabic", system-ui, sans-serif; }
.eyebrow { font-size: 0.72rem; font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase; color: var(--ink-soft); margin: 0px 0px 14px; }
.lang-ar .eyebrow, .lang-hi .eyebrow, .lang-pa .eyebrow { letter-spacing: 0.06em; }
.lang-ar .channels, .lang-hi .channels, .lang-pa .channels { letter-spacing: 0.04em; }
.arr { display: inline-block; }
.nav { position: sticky; top: 0px; z-index: 50; display: flex; align-items: center; gap: 22px; padding: 14px clamp(16px, 4vw, 56px); background: color-mix(in srgb,var(--cream) 92%,white); border-block-end: 1px solid var(--line); transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1); }
.nav.nav-hidden { transform: translateY(-100%); }
.nav-group { position: relative; }
.nav-group summary { list-style: none; cursor: pointer; user-select: none; font-size: 0.72rem; font-weight: 600; letter-spacing: 0.13em; text-transform: uppercase; color: var(--ink); }
.lang-ar .nav-group summary, .lang-hi .nav-group summary, .lang-pa .nav-group summary { letter-spacing: 0.03em; font-size: 0.85rem; }
.nav-group summary::-webkit-details-marker { display: none; }
.nav-group summary:hover { color: var(--saffron); }
.nav-group .caret { font-size: 0.6rem; opacity: 0.55; margin-inline-start: 2px; }
.nav-group ul { position: absolute; inset-inline-start: -14px; top: calc(100% + 12px); margin: 0px; padding: 8px; list-style: none; min-inline-size: 210px; background: var(--cream); border: 1px solid var(--line); border-radius: 12px; box-shadow: rgba(29, 25, 21, 0.14) 0px 14px 34px; z-index: 60; }
.nav-group ul a { display: block; padding: 9px 13px; border-radius: 8px; text-decoration: none; font-size: 0.72rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; }
.lang-ar .nav-group ul a, .lang-hi .nav-group ul a, .lang-pa .nav-group ul a { letter-spacing: 0.02em; font-size: 0.85rem; }
.nav-group ul a:hover { background: var(--card); color: var(--saffron); }
.nav-home { display: grid; place-items: center; inline-size: 34px; block-size: 34px; border: 1px solid var(--line); border-radius: 50%; }
.nav-links { display: flex; gap: clamp(9px, 1.2vw, 18px); flex: 1 1 0%; flex-wrap: wrap; }
.nav-links a { font-size: 0.72rem; font-weight: 600; letter-spacing: 0.13em; text-transform: uppercase; text-decoration: none; color: var(--ink); }
.lang-ar .nav-links a, .lang-hi .nav-links a, .lang-pa .nav-links a { letter-spacing: 0.03em; font-size: 0.85rem; }
.nav-links a:hover { color: var(--saffron); }
.nav-end { display: flex; align-items: center; gap: 14px; }
.btn { display: inline-flex; align-items: center; gap: 8px; font-family: var(--f-body); font-size: 0.72rem; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; text-decoration: none; border-radius: 999px; padding: 11px 20px; transition: transform 0.15s; }
.lang-ar .btn, .lang-hi .btn, .lang-pa .btn { letter-spacing: 0.02em; font-size: 0.85rem; }
.btn:hover { transform: translateY(-1px); }
.btn-dark { background: var(--ink); color: var(--cream); }
.btn-ghost { border: 1px solid var(--ink); color: var(--ink); }
.btn:focus-visible, a:focus-visible, summary:focus-visible { outline: 2px solid var(--saffron); outline-offset: 3px; }
.lang details { position: relative; }
.lang summary { list-style: none; display: inline-flex; align-items: center; gap: 7px; cursor: pointer; font-size: 0.72rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; border: 1px solid var(--line); border-radius: 999px; padding: 9px 15px; user-select: none; }
.lang-ar .lang summary, .lang-hi .lang summary, .lang-pa .lang summary { letter-spacing: 0.02em; font-size: 0.85rem; text-transform: none; }
.lang summary::-webkit-details-marker { display: none; }
.lang ul { position: absolute; inset-inline-end: 0px; margin: 8px 0px 0px; padding: 6px; list-style: none; min-inline-size: 150px; background: var(--cream); border: 1px solid var(--line); border-radius: 12px; box-shadow: rgba(29, 25, 21, 0.12) 0px 10px 28px; }
.lang li a { display: block; padding: 9px 13px; border-radius: 8px; text-decoration: none; font-size: 0.9rem; }
.lang li a:hover { background: var(--card); }
.lang li a[aria-current="page"] { color: var(--saffron); font-weight: 600; }
.lang-ar .hero-top, .lang-hi .hero-top, .lang-pa .hero-top { letter-spacing: 0.04em; font-size: 0.8rem; }
.lang-ar .hero-base, .lang-hi .hero-base, .lang-pa .hero-base { letter-spacing: 0.04em; font-size: 0.85rem; }
.lang-ar .ticker-row span, .lang-hi .ticker-row span, .lang-pa .ticker-row span { letter-spacing: 0.03em; font-size: 0.85rem; }
.lang-ar .stat-label, .lang-hi .stat-label, .lang-pa .stat-label { letter-spacing: 0.04em; font-size: 0.8rem; }
.track .btn { margin-block-start: 16px; }
.sec-dark .eyebrow { color: color-mix(in srgb,var(--cream) 70%,transparent); }
.lang-ar .chips li, .lang-hi .chips li, .lang-pa .chips li { letter-spacing: 0.03em; font-size: 0.83rem; }
.lang-ar .cert-sub, .lang-hi .cert-sub, .lang-pa .cert-sub { letter-spacing: 0.03em; font-size: 0.82rem; }
.lang-ar .person-role, .lang-hi .person-role, .lang-pa .person-role { letter-spacing: 0.03em; font-size: 0.82rem; }
.partner-foot a:not(.btn) { color: var(--saffron); }
.foot { padding: 44px clamp(16px, 4vw, 56px) 64px; font-size: 0.85rem; background: var(--hero); color: color-mix(in srgb,var(--cream) 78%,transparent); }
.foot p { margin: 0px 0px 6px; max-width: none; }
.foot a { color: color-mix(in srgb,var(--cream) 90%,transparent); }
.foot-langs a { margin-inline-end: 14px; }
.foot-langs a[aria-current="page"] { color: rgb(227, 122, 61); font-weight: 600; }
.foot-inner { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px 32px; flex-wrap: wrap; }
.foot-main { min-inline-size: 0px; }
.foot-main > :last-child { margin-block-end: 0px; }
.foot-social { display: flex; align-items: center; gap: 0px; padding: 0px; list-style: none; margin: 0px -9px; }
.foot-social a { display: inline-flex; padding: 9px; color: color-mix(in srgb,var(--cream) 72%,transparent); transition: color 0.2s, transform 0.2s; }
.foot-social a:hover, .foot-social a:focus-visible { color: var(--cream); transform: translateY(-2px); }
.foot-social svg { display: block; }
@media (max-width: 600px){.foot-inner { align-items: flex-start; }.foot-social { margin-block-start: 4px; }}
@media (prefers-reduced-motion: reduce){.foot-social a { transition: color 0.2s; }.foot-social a:hover, .foot-social a:focus-visible { transform: none; }}
@media (max-width: 900px){.nav-links { display: none; }}
.foot-legal { font-family: var(--f-body); font-size: 0.86rem; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: color-mix(in srgb,var(--cream) 88%,transparent); margin: 0px 0px 10px; }
.nav-home { inline-size: auto; block-size: auto; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 0px; }
.nav-logo { block-size: 32px; inline-size: auto; display: block; }
.foot-logo { block-size: 48px; inline-size: auto; display: block; margin-block-end: 16px; }
.page-hero .eyebrow { color: color-mix(in srgb,var(--cream) 70%,transparent); }
.lang-ar .person-cred, .lang-hi .person-cred, .lang-pa .person-cred { letter-spacing: 0.02em; font-size: 0.8rem; }
.btn-cream { border: 1px solid var(--cream); color: var(--cream); }
.lang-ar .inv-head, .lang-hi .inv-head, .lang-pa .inv-head { letter-spacing: 0.03em; font-size: 0.8rem; }
.lang-ar .cat-more, .lang-hi .cat-more, .lang-pa .cat-more { letter-spacing: 0.03em; font-size: 0.85rem; }
.lang-ar .fld-label, .lang-hi .fld-label, .lang-pa .fld-label { letter-spacing: 0.03em; font-size: 0.8rem; }
.brief-form .btn { margin-block-start: 8px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: pointer; }
.nav-menu { display: none; position: relative; }
.nav-menu > summary { list-style: none; cursor: pointer; display: grid; place-items: center; inline-size: 44px; block-size: 44px; border: 1px solid var(--line); border-radius: 50%; color: var(--ink); }
.nav-menu > summary::-webkit-details-marker { display: none; }
.nav-menu-icon, .nav-menu-icon::before, .nav-menu-icon::after { display: block; inline-size: 16px; block-size: 1.5px; background: currentcolor; border-radius: 1px; transition: transform 0.2s, background-color 0.2s; }
.nav-menu-icon { position: relative; }
.nav-menu-icon::before, .nav-menu-icon::after { content: ""; position: absolute; inset-inline-start: 0px; }
.nav-menu-icon::before { top: -5px; }
.nav-menu-icon::after { top: 5px; }
.nav-menu[open] .nav-menu-icon { background: transparent; }
.nav-menu[open] .nav-menu-icon::before { transform: translateY(5px) rotate(45deg); }
.nav-menu[open] .nav-menu-icon::after { transform: translateY(-5px) rotate(-45deg); }
.nav-menu-panel { position: absolute; inset-inline-end: 0px; top: calc(100% + 10px); z-index: 60; min-inline-size: 230px; display: flex; flex-direction: column; padding: 8px; background: var(--card); border: 1px solid var(--line); border-radius: 14px; box-shadow: rgba(29, 25, 21, 0.16) 0px 18px 40px; }
.nav-menu-panel a { padding: 13px 14px; font-size: 0.78rem; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; text-decoration: none; color: var(--ink); border-radius: 10px; }
.nav-menu-panel a:hover, .nav-menu-panel a:focus-visible { background: var(--cream); color: var(--saffron); }
.lang-ar .nav-menu-panel a, .lang-hi .nav-menu-panel a, .lang-pa .nav-menu-panel a { letter-spacing: 0.02em; font-size: 0.95rem; }
@media (max-width: 900px){.nav-menu { display: block; order: 9; position: static; }.nav-menu-panel { inset-inline: 12px; top: 100%; min-inline-size: 0px; }}
.nav-home, .nav-logo { flex-shrink: 0; }
@media (max-width: 600px){.nav-end > .btn-dark { display: none; }.nav-end { gap: 10px; }}