.sub-nav{display:flex;align-items:center;gap:16px}.back{color:var(--coral)!important;font-weight:500}
.page-head{text-align:center;padding:5vw 6vw 2vw}.page-head h1{font:clamp(3rem,8vw,6rem)/1 Italiana,serif;background:var(--g);-webkit-background-clip:text;background-clip:text;color:transparent}
.page-head p{max-width:620px;margin:14px auto 0}
.projects{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:28px;padding:3vw 6vw 6vw}
.project{display:block;background:#fff;border-radius:28px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 12px 34px #f07a7a26;transition:transform .4s,box-shadow .4s}
.project:hover{transform:translateY(-8px);box-shadow:0 20px 44px #8a5cc040}
.project .cover{aspect-ratio:4/5;overflow:hidden}.project img{width:100%;height:100%;object-fit:cover;transition:transform .8s}.project:hover img{transform:scale(1.06)}
.project .meta{padding:18px 22px}.project h3{font:1.8rem Italiana,serif;color:#7a4fa8}.project span{font-size:13px;color:#a88}
.soon{display:grid;place-items:center;border:2px dashed var(--pink);border-radius:28px;color:#c99;min-height:200px;font-size:14px}
/* OTOUR */
.otour{--pu:#7a4fa8;--gold:#c9a24a;background:linear-gradient(160deg,#fbeef3 0%,#efe4f7 50%,#FBF1E8 100%)}
.ot-hero{display:grid;grid-template-columns:1fr 1.1fr;gap:5vw;align-items:center;padding:5vw 6vw}
.ot-hero img{width:100%;border-radius:30px;box-shadow:0 30px 60px #7a4fa840}
.ot-label{display:inline-block;padding:6px 20px;border-radius:50px;background:linear-gradient(135deg,#b38ad6,#F7B5C0);color:#fff;font-size:12px;letter-spacing:.2em;margin-bottom:14px}
.ot-text h1{font:clamp(2.2rem,4.5vw,3.6rem)/1.15 Italiana,serif;color:var(--pu);margin-bottom:18px}
.ot-text h1 b{background:linear-gradient(90deg,var(--gold),#e8c97a);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:400}
.ot-text p{margin-bottom:14px}.ot-close{font-weight:600;color:var(--pu);border-left:3px solid var(--gold);padding-left:14px}
.ot-lang{transition:opacity .45s}.ot-lang.hidden{display:none}.ot-lang.fade{opacity:0}
[lang=ar]{direction:rtl;text-align:right;font-family:Tajawal,sans-serif;font-size:17px;line-height:2}
[lang=ar] h1{font-family:Tajawal,sans-serif!important;font-weight:700;font-size:clamp(1.8rem,3.5vw,2.6rem)}
[lang=ar] .ot-close{border-left:0;border-right:3px solid var(--gold);padding:0 14px 0 0}
.toggle{margin-top:10px;padding:10px 26px;border-radius:50px;border:1.5px solid var(--pu);background:transparent;color:var(--pu);font:500 15px Tajawal,Poppins,sans-serif;cursor:pointer;transition:.3s}.toggle:hover{background:var(--pu);color:#fff}
.gallery{columns:3 280px;column-gap:18px;padding:2vw 6vw 6vw}
.gallery button{display:block;width:100%;margin:0 0 18px;padding:0;border:0;border-radius:20px;overflow:hidden;cursor:zoom-in;break-inside:avoid;box-shadow:0 10px 26px #7a4fa826;background:none}
.gallery img{width:100%;display:block;transition:transform .6s}.gallery button:hover img{transform:scale(1.04)}
.lb{position:fixed;inset:0;background:rgba(40,20,50,.92);display:none;align-items:center;justify-content:center;z-index:200}.lb.open{display:flex}
.lb img{max-width:92vw;max-height:86vh;border-radius:12px;box-shadow:0 20px 60px #0008}
.lb button{position:absolute;background:#fff2;border:0;color:#fff;font-size:30px;width:52px;height:52px;border-radius:50%;cursor:pointer}
.lb .x{top:20px;right:20px}.lb .pv{left:20px}.lb .nx{right:20px}
.ot-title{text-align:center;padding-top:2vw}
@media(max-width:900px){.ot-hero{grid-template-columns:1fr}}

#gal{padding:1vw 6vw 6vw;display:grid;gap:4.5vw}
.ghead{display:flex;align-items:baseline;gap:16px;border-bottom:1px solid #c9a24a66;padding-bottom:10px;margin-bottom:22px}
.gnum{font:1rem Poppins,sans-serif;color:#c9a24a;letter-spacing:.15em}
.ghead h3{font:clamp(1.8rem,3.5vw,2.6rem) Italiana,serif;color:#7a4fa8;margin:0}
.gcount{margin-left:auto;font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:#b48}
.ggrid{display:grid;gap:20px;justify-content:center}.ggrid.n1{grid-template-columns:minmax(0,640px)}.ggrid.n2{grid-template-columns:repeat(2,minmax(0,1fr))}
.ggrid button{padding:0;border:0;border-radius:20px;overflow:hidden;cursor:zoom-in;box-shadow:0 10px 26px #7a4fa826;background:none}
.ggrid img{width:100%;display:block;transition:transform .6s}.ggrid button:hover img{transform:scale(1.04)}
@media(max-width:560px){.ggrid.n2{grid-template-columns:1fr}}