:root{
    --ink:#1A1A1A;
    --ink-2:#3F4550;
    --muted:#6E7481;
    --faint:#9AA0AB;
    --line:#E9E5DD;
    --line-2:#F1EDE6;
    --grey-bg:#F7F6F3;
    --white:#FFFFFF;
    --gold:#C08A3E;
    --gold-deep:#A6752F;
    --gold-pale:#F7EEE2;
    --link:#2F6FBF;
    --green:#1E9E57;
    --dark:#15161A;
    --r:10px;
    --maxw:1180px;
  }
  *{box-sizing:border-box}
  html,body{margin:0;padding:0}
  body{
    font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
    color:var(--ink);background:var(--white);
    -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:15px;
  }
  html[dir="rtl"] body{font-family:'IBM Plex Sans Arabic','Inter',sans-serif}
  img{max-width:100%;display:block}
  a{color:inherit;text-decoration:none}
  .wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding-inline:22px}
  .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .sf{font-family:'Source Serif 4',Georgia,'Times New Roman',serif}
  html[dir="rtl"] .sf{font-family:'IBM Plex Sans Arabic',sans-serif}

  /* ============ header ============ */
  .site-header{background:var(--white);border-bottom:1px solid var(--line-2);position:sticky;top:0;z-index:40}
  .hbar{display:flex;align-items:center;gap:20px;padding-block:14px}
  .logo{display:flex;flex-direction:column;gap:2px;flex:none}
  .logo .mark{font-family:'Source Serif 4',Georgia,serif;font-size:24px;font-weight:700;letter-spacing:-.5px;line-height:1.05}
  .logo .mark b{font-weight:700;color:var(--gold)}
  .logo .tag{font-size:8px;letter-spacing:.32em;color:var(--faint);font-weight:500;text-transform:uppercase}
  html[dir="rtl"] .logo .tag{letter-spacing:.1em;font-size:9.5px}
  .hnav{display:flex;gap:24px;align-items:center;margin-inline:auto}
  .hnav span{font-size:14px;color:var(--ink-2);font-weight:500;padding-block:7px;border-bottom:2px solid transparent;white-space:nowrap}
  .hnav span.on{color:var(--ink);font-weight:600;border-bottom-color:var(--gold)}
  .hright{display:flex;align-items:center;gap:12px;flex:none}
  .iconbtn{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:var(--ink-2);border:0;background:none;cursor:pointer}
  .iconbtn:hover{background:var(--gold-pale);color:var(--gold-deep)}
  .langbtn{
    display:inline-flex;align-items:center;gap:6px;border:0;background:none;color:var(--ink);
    font-size:13.5px;font-weight:500;cursor:pointer;font-family:inherit;padding:6px 4px;
  }
  .langbtn:hover{color:var(--gold-deep)}
  .hcta{
    border:1px solid var(--gold);background:var(--white);color:var(--gold-deep);
    border-radius:999px;padding:8px 20px;font-size:13.5px;font-weight:600;
    cursor:pointer;font-family:inherit;white-space:nowrap;transition:background .15s,color .15s;
  }
  .hcta:hover{background:var(--gold);color:#fff}

  /* ============ hero ============ */
  .hero{position:relative;isolation:isolate;color:#fff;overflow:hidden;min-height:430px;display:flex;align-items:center}
  .hero img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
  .hero::after{
    content:"";position:absolute;inset:0;z-index:-1;
    background:linear-gradient(100deg,rgba(10,12,16,.86) 0%,rgba(10,12,16,.62) 48%,rgba(10,12,16,.42) 100%);
  }
  html[dir="rtl"] .hero::after{background:linear-gradient(260deg,rgba(10,12,16,.86) 0%,rgba(10,12,16,.62) 48%,rgba(10,12,16,.42) 100%)}
  .hero .wrap{padding-block:46px 40px;width:100%}
  .herogrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:34px;align-items:center}
  h1{
    font-family:'Source Serif 4',Georgia,serif;font-weight:400;
    font-size:clamp(30px,3.5vw,44px);line-height:1.14;letter-spacing:-.6px;margin:0 0 14px;
  }
  h1 b{font-weight:700}
  html[dir="rtl"] h1{font-family:'IBM Plex Sans Arabic',sans-serif;font-weight:400;line-height:1.45;letter-spacing:0;font-size:clamp(25px,3vw,36px)}
  .lede{font-size:15px;line-height:1.7;color:rgba(255,255,255,.8);margin:0;max-width:44ch}
  .heroTag{
    display:inline-flex;align-items:center;gap:8px;margin:0 0 16px;
    background:rgba(192,138,62,.22);border:1px solid rgba(216,175,118,.55);
    color:#EBD0A8;border-radius:999px;padding:6px 14px;
    font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;
  }
  html[dir="rtl"] .heroTag{letter-spacing:.04em;font-size:12px}

  .searchcard{}
  .bar{
    display:flex;align-items:center;gap:8px;background:var(--white);
    border-radius:10px;padding:7px 7px 7px 16px;box-shadow:0 20px 44px -20px rgba(0,0,0,.7);
  }
  html[dir="rtl"] .bar{padding:7px 16px 7px 7px}
  .bar .ic{flex:none;color:var(--faint);display:grid;place-items:center}
  .bar input{
    flex:1 1 auto;min-width:0;border:0;outline:0;background:transparent;
    font-size:15px;font-family:inherit;color:var(--ink);padding:12px 10px;
  }
  .bar input::placeholder{color:var(--faint)}
  .bar button{
    flex:none;border:0;border-radius:8px;background:var(--gold);color:#fff;
    padding:12px 26px;font-size:14.5px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s;
  }
  .bar button:hover{background:var(--gold-deep)}
  .bar button:disabled{opacity:.6;cursor:default}
  .msg{font-size:13.5px;margin:12px 0 0;min-height:1.1em;color:#fff}
  .msg.ok{color:#8FE0AE} .msg.err{color:#FFB3AB}
  .note{font-size:11.5px;color:rgba(255,255,255,.72);margin:14px 0 0;display:inline-block;
    background:rgba(10,12,16,.45);border-radius:999px;padding:5px 13px;
    -webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}

  .qpills{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0}
  .qpill{
    display:inline-flex;align-items:center;gap:7px;background:var(--white);
    border-radius:999px;padding:8px 16px;font-size:13px;font-weight:500;color:var(--ink);
    box-shadow:0 6px 16px -10px rgba(0,0,0,.5);
  }
  .chips{margin:16px 0 0;font-size:12.5px;display:flex;flex-wrap:wrap;gap:7px;align-items:center;color:rgba(255,255,255,.62)}
  .chips span{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:4px 12px;color:rgba(255,255,255,.92)}

  /* ============ sections ============ */
  section.band{padding-block:52px}
  section.band.grey{background:var(--grey-bg)}
  .shead{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 26px}
  .eyebrow{
    display:flex;align-items:center;gap:10px;margin:0 0 10px;
    font-size:10.5px;letter-spacing:.19em;text-transform:uppercase;font-weight:600;color:var(--gold-deep);
  }
  html[dir="rtl"] .eyebrow{letter-spacing:.04em;font-size:12px}
  .eyebrow i{display:block;width:24px;height:2px;background:var(--gold);border-radius:2px}
  .shead h2{
    font-family:'Source Serif 4',Georgia,serif;font-weight:700;
    font-size:clamp(24px,2.6vw,31px);letter-spacing:-.5px;margin:0 0 7px;line-height:1.2;
  }
  .shead h2 span{font-weight:400;color:var(--muted)}
  html[dir="rtl"] .shead h2{font-family:'IBM Plex Sans Arabic',sans-serif;font-weight:700;letter-spacing:0;line-height:1.45}
  .shead p{margin:0;color:var(--muted);font-size:14px;line-height:1.6}
  .sideline{flex:none;font-size:13.5px;color:var(--link);font-weight:500;white-space:nowrap;padding-bottom:4px}

  /* 8-up food strip */
  .strip8{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}
  .fcat{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--white)}
  .fcat .ph{aspect-ratio:4/3;overflow:hidden;background:var(--line-2)}
  .fcat .ph img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
  .fcat:hover .ph img{transform:scale(1.06)}
  .fcat .lb{display:flex;align-items:center;gap:7px;justify-content:center;padding:11px 6px;font-size:12px;font-weight:500;text-align:center;line-height:1.3}
  .fcat .lb svg{flex:none;color:var(--gold)}

  /* mall cards */
  .malls{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
  .mall{
    position:relative;border-radius:var(--r);overflow:hidden;min-height:200px;
    display:flex;flex-direction:column;justify-content:flex-end;padding:18px 16px;color:#fff;
    background:#15161A;border:1px solid rgba(255,255,255,.06);
  }
  .mall img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;transition:transform .5s ease}
  .mall:hover img{transform:scale(1.05)}
  .mall::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
    background:linear-gradient(180deg,rgba(12,13,16,.15) 0%,rgba(12,13,16,.55) 55%,rgba(12,13,16,.92) 100%)}
  .mall b{font-size:17px;font-weight:600;position:relative;z-index:2;letter-spacing:-.2px;text-shadow:0 1px 8px rgba(0,0,0,.6)}
  .mall em{font-style:normal;font-size:10.5px;color:rgba(255,255,255,.78);margin-top:5px;position:relative;z-index:2;line-height:1.45;text-shadow:0 1px 6px rgba(0,0,0,.7)}

  /* category bubbles */
  .cats{display:grid;grid-template-columns:repeat(10,1fr);gap:10px}
  .cat{text-align:center}
  .cat .bub{width:56px;height:56px;border-radius:50%;background:var(--gold-pale);display:grid;place-items:center;margin:0 auto 9px;color:var(--gold-deep);transition:background .15s}
  .cat:hover .bub{background:#F0E0C9}
  .cat span{font-size:12px;color:var(--ink-2);font-weight:500;line-height:1.3;display:block}

  /* entertainment dark band */
  .entband{position:relative;isolation:isolate;overflow:hidden;color:#fff;background:var(--dark)}
  .entband img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.5;z-index:-2}
  .entband::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,rgba(14,15,18,.92) 0%,rgba(14,15,18,.55) 100%)}
  .entinner{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;padding-block:44px}
  .entinner h2{font-family:'Source Serif 4',Georgia,serif;font-weight:700;font-size:clamp(22px,2.4vw,29px);margin:0 0 8px;letter-spacing:-.4px}
  html[dir="rtl"] .entinner h2{font-family:'IBM Plex Sans Arabic',sans-serif}
  .entinner p{margin:0;color:rgba(255,255,255,.66);font-size:14px}
  .ents{display:flex;gap:26px;flex-wrap:wrap}
  .ent{text-align:center;color:rgba(255,255,255,.9);font-size:12px;font-weight:500}
  .ent .bub{width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.17);display:grid;place-items:center;margin:0 auto 8px;color:#E8C89A}

  /* CTA strip */
  .ctas{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:var(--r);background:var(--white);overflow:hidden}
  .cta{display:flex;align-items:center;gap:14px;padding:22px;border-inline-end:1px solid var(--line-2)}
  .cta:last-child{border-inline-end:0}
  .cta>div{min-width:0;flex:1 1 auto}
  .cta .ring{width:40px;height:40px;border-radius:50%;background:var(--gold-pale);display:grid;place-items:center;color:var(--gold-deep);flex:none}
  .cta h3{font-size:14px;margin:0 0 3px;font-weight:600;line-height:1.3}
  .cta p{font-size:12.5px;margin:0;color:var(--muted);line-height:1.5}
  .cta .go{
    margin-inline-start:auto;flex:none;border:1px solid var(--line);border-radius:8px;padding:9px 14px;
    font-size:12.5px;font-weight:500;color:var(--ink);background:var(--white);cursor:pointer;font-family:inherit;
    white-space:nowrap;transition:border-color .15s,background .15s;
  }
  .cta .go:hover{border-color:var(--gold);background:var(--gold-pale)}
  .social{display:flex;gap:7px;margin-inline-start:auto}
  .social a{width:32px;height:32px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;color:var(--ink-2);transition:border-color .15s,color .15s}
  .social a:hover{border-color:var(--gold);color:var(--gold)}
  .social svg{width:14px;height:14px}

  footer.site{border-top:1px solid var(--line-2);padding-block:22px 34px}
  .foot{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:12.5px;color:var(--faint)}
  .foot a{color:var(--ink-2)}

  @media (max-width:1100px){
    .hnav{display:none}
    .strip8{grid-template-columns:repeat(4,1fr)}
    .cats{grid-template-columns:repeat(5,1fr)}
  }
  @media (max-width:900px){
    .herogrid{grid-template-columns:1fr;gap:24px}
    .malls{grid-template-columns:repeat(2,1fr)}
    .ctas{grid-template-columns:1fr}
    .cta{border-inline-end:0;border-bottom:1px solid var(--line-2)}
    .cta:last-child{border-bottom:0}
  }
  @media (max-width:560px){
    .shead{flex-direction:column;align-items:flex-start;gap:8px}
    .strip8{grid-template-columns:repeat(2,1fr)}
    .cats{grid-template-columns:repeat(3,1fr)}
    .malls{grid-template-columns:1fr}
    .bar{flex-wrap:wrap;padding:10px}
    .bar .ic{display:none}
    .bar input{flex:1 1 100%;padding:10px 6px}
    .bar button{flex:1 1 100%;padding:13px}
    .hcta{display:none}
  }
  @media (prefers-reduced-motion:reduce){*{transition:none!important}}
  /* ============ announce strip ============ */
  .announce{
    background:linear-gradient(90deg,#15161A 0%,#1E2027 50%,#15161A 100%);
    color:#EBD0A8;font-size:12.5px;
  }
  .announce .inner{
    display:flex;align-items:center;justify-content:center;gap:10px;
    padding-block:9px;text-align:center;flex-wrap:wrap;
  }
  .announce .tagword{
    display:inline-flex;align-items:center;gap:7px;font-weight:600;
    letter-spacing:.16em;text-transform:uppercase;font-size:10px;color:var(--gold);
  }
  html[dir="rtl"] .announce .tagword{letter-spacing:.03em;font-size:11.5px}
  .announce .tagword .dot{width:6px;height:6px;border-radius:50%;background:var(--gold);animation:pulse 2.4s ease-in-out infinite}
  @keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}
  .announce em{font-style:normal;color:rgba(255,255,255,.78)}
  .announce a{color:#fff;text-decoration:underline;text-underline-offset:3px;font-weight:500}
  .announce a:hover{color:var(--gold)}
  .site-header{top:0}

  /* ============ content pages ============ */
  .pagehead{background:var(--grey-bg);border-bottom:1px solid var(--line-2);padding-block:44px 40px}
  .pagehead h1{
    font-family:'Source Serif 4',Georgia,serif;font-weight:700;color:var(--ink);
    font-size:clamp(28px,3.2vw,40px);line-height:1.16;letter-spacing:-.6px;margin:0 0 10px;
    text-shadow:none;
  }
  html[dir="rtl"] .pagehead h1{font-family:'IBM Plex Sans Arabic',sans-serif;line-height:1.4;letter-spacing:0}
  .pagehead p{margin:0;color:var(--muted);font-size:15px;line-height:1.7;max-width:66ch}
  .crumb{font-size:12.5px;color:var(--faint);margin:0 0 14px}
  .crumb a:hover{color:var(--gold-deep)}

  .doc{display:grid;grid-template-columns:220px minmax(0,1fr);gap:44px;padding-block:48px 64px;align-items:start}
  .toc{position:sticky;top:96px;font-size:13px}
  .toc h2{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--faint);margin:0 0 12px;font-weight:600}
  html[dir="rtl"] .toc h2{letter-spacing:.04em;font-size:12px}
  .toc ol{list-style:none;margin:0;padding:0;counter-reset:t}
  .toc li{margin-bottom:9px;line-height:1.45}
  .toc a{color:var(--muted);border-inline-start:2px solid var(--line);padding-inline-start:12px;display:block}
  .toc a:hover{color:var(--gold-deep);border-inline-start-color:var(--gold)}

  .prose{max-width:74ch;font-size:15px;line-height:1.78;color:var(--ink-2)}
  .prose h2{
    font-family:'Source Serif 4',Georgia,serif;font-weight:700;color:var(--ink);
    font-size:21px;letter-spacing:-.3px;margin:40px 0 12px;line-height:1.3;scroll-margin-top:100px;
  }
  html[dir="rtl"] .prose h2{font-family:'IBM Plex Sans Arabic',sans-serif;letter-spacing:0;line-height:1.55}
  .prose h2:first-child{margin-top:0}
  .prose h3{font-size:15.5px;font-weight:600;color:var(--ink);margin:26px 0 8px;line-height:1.45}
  .prose p{margin:0 0 14px}
  .prose ul{margin:0 0 16px;padding-inline-start:20px}
  .prose li{margin-bottom:8px}
  .prose a{color:var(--link);text-decoration:underline;text-underline-offset:2px}
  .prose strong{color:var(--ink);font-weight:600}
  .prose hr{border:0;border-top:1px solid var(--line);margin:34px 0}
  .prose .updated{font-size:12.5px;color:var(--faint);margin:0 0 30px;padding-bottom:18px;border-bottom:1px solid var(--line-2)}
  .callout{
    background:var(--gold-pale);border:1px solid #EBD9BE;border-radius:var(--r);
    padding:16px 18px;margin:0 0 26px;font-size:14px;line-height:1.7;color:var(--ink-2);
  }
  .callout strong{display:block;margin-bottom:4px;color:var(--ink)}
  .defs{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin:0 0 20px}
  .defs div{display:grid;grid-template-columns:190px minmax(0,1fr);gap:0;border-bottom:1px solid var(--line-2);font-size:14px}
  .defs div:last-child{border-bottom:0}
  .defs dt{padding:12px 16px;font-weight:600;color:var(--ink);background:var(--grey-bg);margin:0}
  .defs dd{padding:12px 16px;margin:0;line-height:1.65}

  .valuegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0 0 8px}
  .value{border:1px solid var(--line);border-radius:var(--r);padding:22px 20px;background:var(--white)}
  .value .ring{width:42px;height:42px;border-radius:50%;background:var(--gold-pale);display:grid;place-items:center;color:var(--gold-deep);margin-bottom:14px}
  .value h3{font-family:'Source Serif 4',Georgia,serif;font-weight:600;font-size:16.5px;margin:0 0 7px;color:var(--ink)}
  html[dir="rtl"] .value h3{font-family:'IBM Plex Sans Arabic',sans-serif}
  .value p{margin:0;font-size:13.5px;line-height:1.68;color:var(--muted)}

  @media (max-width:900px){
    .doc{grid-template-columns:1fr;gap:26px}
    .toc{position:static;border-bottom:1px solid var(--line);padding-bottom:18px}
    .toc ol{display:flex;flex-wrap:wrap;gap:8px}
    .toc li{margin:0}
    .toc a{border-inline-start:0;padding:6px 12px;border:1px solid var(--line);border-radius:999px}
    .valuegrid{grid-template-columns:1fr}
    .defs div{grid-template-columns:1fr}
    .defs dt{padding-bottom:2px}
  }