/* Al Asad Al Aswad — black, ivory and gold like the lion logo; Dernika in its own emerald and gold */
:root{
  --bg:#0c0b09; --bg-2:#14120e; --surface:#191611; --text:#f4efe4; --muted:#b2a990; --line:rgba(201,162,74,.2);
  --accent:#c9a24a; --accent-ink:#0c0b09; --nav-bg:rgba(12,11,9,.9); --icon-bg:rgba(201,162,74,.12); --badge-bg:#f6f2ea;
  --display:"Cinzel","Noto Naskh Arabic",Georgia,serif; --body:"Manrope","Noto Sans Arabic",system-ui,sans-serif;
  --radius:6px; --btn-radius:3px; --h-weight:600; --h-track:.01em;
  --emerald:#072a25; --gold:#d4b06a;
}
.hero{background:radial-gradient(55% 70% at 78% 45%,rgba(201,162,74,.16),transparent 70%)}
.hero h1{font-size:clamp(42px,6vw,88px)}
.hero-logo{transform:rotate(-2deg)}

/* Dernika */
.dernika{--line:rgba(212,176,106,.25);--muted:#b7c6bc;--accent:var(--gold);--surface:rgba(255,255,255,.04);--icon-bg:rgba(212,176,106,.12);
  color:#efe7d2;background:radial-gradient(70% 60% at 15% 0%,#11524a,transparent 60%),radial-gradient(50% 50% at 100% 100%,#0e4038,transparent 60%),var(--emerald)}
.dernika-head{display:grid;grid-template-columns:auto 1fr;gap:clamp(24px,4vw,48px);align-items:center;margin-bottom:clamp(36px,5vw,56px)}
.dernika-emblem{width:clamp(110px,15vw,180px);height:auto;border-radius:50%;box-shadow:0 0 0 1px rgba(212,176,106,.45),0 24px 60px -20px rgba(0,0,0,.7)}
.dernika h2{font-size:clamp(46px,7vw,92px);font-weight:500;letter-spacing:.2em}
.tagline{margin-top:10px;font-size:13px;letter-spacing:.32em;text-transform:uppercase;color:var(--gold)}
.dernika-intro{margin-top:16px;max-width:52ch;color:var(--muted)}
.gallery{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:clamp(150px,17vw,220px);gap:12px}
.gallery figure{margin:0;overflow:hidden;border-radius:var(--radius);background:#0a332d}
.gallery img{width:100%;height:100%;object-fit:cover;object-position:50% 35%;transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.gallery figure:hover img{transform:scale(1.05)}
.g-big{grid-column:span 2;grid-row:span 2}
.g-wide{grid-column:span 2}
.dernika-body{display:grid;grid-template-columns:1fr 1.3fr;gap:clamp(28px,5vw,64px);align-items:center;margin-top:clamp(40px,6vw,72px)}
.story{margin:0;padding-inline-start:24px;border-inline-start:1px solid var(--gold);font:italic 500 clamp(20px,2.2vw,26px)/1.5 "Cormorant Garamond","Noto Naskh Arabic",Georgia,serif;color:#f1e6cb}
.story p+p{margin-top:16px}
.venues{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}

[dir="rtl"] .hero-logo{transform:rotate(2deg)}
[dir="rtl"] .dernika h2{letter-spacing:.2em!important}
[dir="rtl"] .story{font-style:normal}

@media (max-width:900px){
  .dernika-head,.dernika-body{grid-template-columns:1fr}
  .gallery{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:560px){
  .gallery{grid-auto-rows:140px}
}