/* صفحة المشروع */
.ploading{min-height:60vh;display:grid;place-items:center;color:var(--muted)}

.phero{position:relative;min-height:74vh;display:flex;align-items:flex-end;overflow:hidden}
.phero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.phero__veil{position:absolute;inset:0;background:linear-gradient(to top,rgba(15,10,4,.9) 2%,rgba(15,10,4,.4) 50%,rgba(15,10,4,.5))}
.phero__in{position:relative;z-index:2;max-width:var(--maxw);margin:0 auto;width:100%;padding:0 24px 56px;color:#fff}
.pback{display:inline-flex;align-items:center;gap:8px;color:#e6dbc7;margin-bottom:22px;font-weight:500;transition:.25s}
.pback:hover{color:#f0d68a}
.phero__cat{font-family:var(--kufi);color:#f0d68a;letter-spacing:.2em;font-size:.85rem;margin-bottom:12px}
.phero h1{font-size:clamp(2rem,5vw,3.6rem);font-weight:900;color:#fff}
.phero__meta{display:flex;gap:22px;flex-wrap:wrap;margin-top:16px;color:#e6dbc7}
.phero__meta span{display:inline-flex;align-items:center;gap:7px}
.phero__meta svg{color:#f0d68a}

.pintro{max-width:var(--maxw);margin:0 auto;padding:clamp(46px,7vw,80px) 24px;display:grid;grid-template-columns:1fr 1.4fr;gap:48px;align-items:start}
.pintro .eyebrow{margin-bottom:10px}
.pintro h2{font-size:1.5rem;line-height:1.5;font-weight:700}
.pintro p{color:var(--muted);font-size:1.08rem}

.pgallery{max-width:var(--maxw);margin:0 auto;padding:0 24px clamp(60px,8vw,110px);columns:3;column-gap:16px}
.pgallery figure{break-inside:avoid;margin:0 0 16px;border-radius:12px;overflow:hidden;cursor:zoom-in;position:relative;background:var(--panel)}
.pgallery img{width:100%;transition:transform .6s var(--ease),opacity .8s var(--ease);opacity:0}
.pgallery img.loaded{opacity:1}
.pgallery figure:hover img{transform:scale(1.04)}
.pgallery figure.pgal-vid{cursor:default}
.pgallery figure video{width:100%;display:block;background:#000}

.prelated{background:var(--ink-2);border-top:1px solid var(--line);padding:clamp(56px,7vw,96px) 0}

.lightbox{position:fixed;inset:0;z-index:100;background:rgba(6,5,4,.95);display:grid;place-items:center;backdrop-filter:blur(6px)}
.lightbox[hidden]{display:none}
.lightbox img{max-width:90vw;max-height:84vh;border-radius:8px;box-shadow:0 30px 90px -20px #000}
.lb__close{position:absolute;top:22px;inset-inline-end:26px;background:none;border:0;color:#fff;font-size:2rem;cursor:pointer;opacity:.8;line-height:1}
.lb__close:hover{opacity:1;color:var(--gold-2)}
.lb__nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.06);border:1px solid var(--line);color:#fff;width:54px;height:54px;border-radius:50%;font-size:2rem;cursor:pointer;transition:.25s;display:grid;place-items:center}
.lb__nav:hover{background:var(--gold);color:var(--ink);border-color:var(--gold)}
.lb__prev{inset-inline-end:22px}
.lb__next{inset-inline-start:22px}
.lb__count{position:absolute;bottom:24px;inset-inline:0;text-align:center;color:#cbb98f;font-family:var(--kufi);letter-spacing:.1em}

@media(max-width:960px){
  .pintro{grid-template-columns:1fr;gap:22px}
  .pgallery{columns:2}
}
@media(max-width:600px){
  .pgallery{columns:1}
  .lb__nav{width:44px;height:44px;font-size:1.5rem}
}