:root{--k:#151515;--k2:#1a1511;--esp:#211a14;--w:#F2E8E5;--cream:#EFE6D6;--amb:#CFC4B1;--kum:#935726;--br:#B07E48;--line:rgba(207,196,177,.16);
--ar:"IBM Plex Sans Arabic","Montserrat",system-ui,sans-serif;--en:"Montserrat","IBM Plex Sans Arabic",system-ui,sans-serif;--serif:"Cormorant Garamond",Georgia,serif}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--k);color:var(--w);font-family:var(--ar);font-weight:300;line-height:1.85;-webkit-font-smoothing:antialiased}
[dir=ltr],em,time{font-family:var(--en)}
img{display:block;max-width:100%}
a{color:var(--amb)}
.wrap{width:min(1280px,92vw);margin-inline:auto}
.narrow{width:min(980px,92vw)}
#progress{position:fixed;top:0;right:0;height:2px;background:var(--br);z-index:60;width:0}
.bar{position:fixed;inset:0 0 auto 0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 4vw;transition:background .3s}
.bar.is-solid{background:rgba(21,21,21,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.bar__brand img{height:34px;width:auto}
.bar nav{display:flex;gap:20px;flex-wrap:wrap}
.bar nav a{color:var(--amb);text-decoration:none;font-size:14px}
.bar nav a:hover{color:var(--cream)}
.hero{position:relative;height:100svh;min-height:600px;overflow:hidden}
.hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.hero__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.45) 0%,rgba(0,0,0,0) 28%,rgba(21,21,21,.72) 55%,rgba(21,21,21,.97) 100%)}
.hero__txt{position:absolute;inset:auto 0 6vh 0;display:grid;justify-items:center;text-align:center;gap:10px}
.kick{font-size:12px;letter-spacing:.38em;text-transform:uppercase;color:var(--amb)}
.hero__lock{width:min(420px,72vw);height:auto;margin:6px 0 8px}
h1{font-weight:500;font-size:clamp(28px,4vw,54px);line-height:1.3}
.hero__sub{font-size:clamp(16px,1.6vw,21px);color:var(--cream)}
.hero__meta{color:var(--amb);font-size:clamp(14px,1.3vw,17px)}
.subs{display:flex;align-items:center;gap:26px;margin-top:14px;direction:ltr}
.subs img{height:30px;width:auto;opacity:.92}
.subs i{width:1px;height:34px;background:var(--br)}
.sec{padding:110px 0}
.sec--dark{background:var(--esp)}
.label{font-size:13px;letter-spacing:.12em;color:var(--br);margin-bottom:10px;font-weight:500}
.h2{font-weight:500;font-size:clamp(26px,3vw,42px);line-height:1.35;margin-bottom:22px;color:var(--cream)}
.lead{font-size:clamp(16px,1.25vw,19px);color:#e6dccd;max-width:980px;margin-bottom:18px}
.sub{color:var(--amb);font-size:15px}
.facts{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px;border-top:1px solid var(--line);padding-top:30px}
.facts li{display:grid;gap:2px;text-align:center}
.facts b{font-family:var(--serif);font-weight:500;font-size:clamp(28px,3.2vw,46px);color:var(--cream);line-height:1.1;font-variant-numeric:lining-nums}
.facts span{color:var(--amb);font-size:14px}
.shot{margin-top:34px}
.shot img{width:100%;aspect-ratio:16/9;object-fit:cover;border:1px solid var(--line);cursor:zoom-in;background:#0d0d0d}
.shot figcaption{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:baseline;padding-top:12px;border-bottom:1px solid var(--line);padding-bottom:12px}
.shot figcaption b{font-weight:500;color:var(--cream);font-size:17px}
.shot figcaption span{color:var(--amb);font-size:14px}
.shot figcaption span[dir=ltr]{font-size:12px;letter-spacing:.04em}
.shot figcaption em{display:block;font-style:normal;font-size:12px;color:var(--br);margin-top:4px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}
.grid-2{display:grid;grid-template-columns:1fr 1.4fr;gap:60px;align-items:start}
.planimg img{width:min(100%,980px);margin-inline:auto;background:#fff;border:1px solid var(--line);margin-top:20px}
.tour{margin-top:34px}.tour video{width:100%;aspect-ratio:16/9;background:#000;border:1px solid var(--line)}
.ros{list-style:none;border-top:1px solid var(--line)}
.ros li{display:grid;grid-template-columns:90px 1fr;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}
.ros time{color:var(--br);font-weight:500;font-size:17px}
.ros span{color:#e6dccd}
.foot{background:#0f0e0d;padding:80px 4vw 46px;text-align:center;display:grid;gap:16px;justify-items:center}
.foot__lock{width:min(320px,70vw);height:auto}
.foot p{color:var(--amb);font-size:13px}
.subs--foot{margin:4px 0 10px}.subs--foot img{height:24px}
.pb{direction:ltr;display:flex;align-items:center;gap:12px;color:#8b7f70;font:500 11px var(--en);letter-spacing:.22em;margin-top:22px}
.pb img{height:26px;width:auto}
.lb{position:fixed;inset:0;background:rgba(0,0,0,.94);display:none;align-items:center;justify-content:center;z-index:80;cursor:zoom-out}
.lb.on{display:flex}.lb img{max-width:96vw;max-height:94vh}
.rv{opacity:0;transform:translateY(18px);transition:opacity .8s,transform .8s}.rv.in{opacity:1;transform:none}
@media (max-width:900px){
  .bar nav{display:none}
  .grid2,.grid-2{grid-template-columns:1fr;gap:0}
  .facts{grid-template-columns:repeat(2,1fr)}
  .sec{padding:72px 0}
  .subs img{height:22px}
  .ros li{grid-template-columns:64px 1fr}
}