/* B (معتمد): إضافات الإطلاق فوق b.css — مشاريع، نغطي الرياض، نموذج بالمنطقة والنشاط. مقياس هادئ: Cairo 700 كحد أقصى. */
:root{--ease:cubic-bezier(.16,.8,.2,1)}
.pb2 picture{display:contents}
mark.tbc{background:var(--blue-12);color:var(--navy);border:1.5px dashed var(--blue);padding:0 8px;border-radius:6px;font-weight:600;font-size:.92em}
.contact mark.tbc{background:rgba(249,249,249,.16);color:var(--light);border-color:var(--light)}
.hero h1{font-size:clamp(2.1rem,4.6vw,3.6rem)}
.hero-loc{display:flex;align-items:center;gap:8px;font-size:1rem;color:var(--navy-70);margin:-12px 0 24px}
.hero-loc svg{width:18px;height:18px;flex:none;color:var(--blue)}
.sec-w{background:#fff}
.sec-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;margin-bottom:26px}
.sec-row .h-sec{margin-bottom:0}
.lead-s{font-size:1.1rem;max-width:34em;margin-bottom:18px}
.photo-team img{object-position:center 30%}
.about .photo.wide img{object-position:center 45%}

/* بطاقات المشاريع */
.pgrid{display:grid;gap:28px;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
.pcard{transition:opacity .4s var(--ease),transform .4s var(--ease)}
.pcard.is-out{opacity:0;transform:scale(.96)}
.pcard-a{display:block;text-decoration:none;color:inherit}
.pcard-fig{position:relative;margin:0;aspect-ratio:4/3;overflow:hidden;background:var(--navy);border-radius:24px}
.pcard-fig img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}
.pcard-fig .tag{position:absolute;inset-block-end:12px;inset-inline-start:12px}
.pcard-go{position:absolute;inset:auto 0 0 0;display:flex;align-items:center;justify-content:center;min-height:52px;background:var(--blue);color:var(--light);font-weight:700;transform:translateY(100%);transition:transform .45s var(--ease)}
.pcard-t{font-size:1.2rem;font-weight:700;line-height:1.5;margin:14px 0 4px}
.pcard-m{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:.98rem;color:var(--navy-70)}
.chip-cat{font-weight:700;color:var(--blue)}
@media (hover:hover){.pcard-a:hover .pcard-fig img{transform:scale(1.05)}.pcard-a:hover .pcard-go{transform:none}.pcard-a:hover .pcard-t{color:var(--blue)}}
.pcard-a:focus-visible .pcard-go{transform:none}

/* نغطي الرياض */
.zchips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.zchips li{border:1.5px solid var(--navy);border-radius:999px;padding:2px 16px;font-weight:600;font-size:.95rem;line-height:1.8}
.hq-line{display:flex;align-items:center;gap:8px;font-weight:600;margin-top:6px}
.hq-line svg{width:18px;height:18px;color:var(--blue);flex:none}
.cover-map{position:relative}
.rmap{max-width:560px}
.hq-text,.zone-label{font-weight:600}

/* فهرس المشاريع + صفحة المشروع */
.phead{background:var(--light);padding-block:clamp(36px,6vw,72px) 8px}
.phead h1{font-weight:700;font-size:clamp(1.9rem,4.4vw,3rem);line-height:1.35;margin-bottom:8px;padding-inline-start:22px;position:relative}
.phead h1::before{content:"";position:absolute;inset-inline-start:0;top:.4em;width:8px;height:.9em;background:var(--blue)}
.phead p{font-size:1.15rem;color:var(--navy-70);padding-inline-start:22px}
.pl{padding-top:32px}
.pfilter{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-bottom:28px}
.pfilter label{font-weight:700}
.pfilter select{font:inherit;font-weight:600;min-height:48px;padding:4px 18px;border-radius:999px;border:1.5px solid var(--navy);background:var(--light);color:var(--navy);min-width:200px}
.pfilter-n{margin-inline-start:auto;font-size:.95rem;color:var(--navy-70)}
.pempty{padding:30px 0;font-weight:700}
.pager{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:34px}
.pager button{font:inherit;font-weight:700;min-width:44px;min-height:44px;border-radius:999px;border:1.5px solid var(--navy);background:transparent;color:var(--navy);cursor:pointer}
.pager button[aria-current="page"]{background:var(--blue);border-color:var(--blue);color:var(--light)}
.pcta{background:var(--blue);color:var(--light)}
.pcta-in{display:grid;gap:18px;padding-block:44px}
.pcta h2{font-size:clamp(1.4rem,3.2vw,1.9rem);font-weight:700}
.pcta .btn-send{background:var(--navy);color:var(--light)}
.pcta .btn-send:hover{background:var(--light);color:var(--blue)}
.pcta-btns{display:flex;flex-wrap:wrap;gap:12px}
@media (min-width:900px){.pcta-in{grid-template-columns:1fr auto;align-items:center}}
.pdh{background:var(--light);padding-block:clamp(28px,5vw,56px) 28px}
.crumb{font-size:.95rem;margin-bottom:6px;color:var(--navy-70)}
.crumb a{text-decoration:underline}
.pdh h1{font-weight:700;font-size:clamp(1.7rem,4vw,2.7rem);line-height:1.4;margin-bottom:22px;padding-inline-start:22px;position:relative}
.pdh h1::before{content:"";position:absolute;inset-inline-start:0;top:.4em;width:8px;height:.9em;background:var(--blue)}
.pdh-fig{margin:0;border-radius:24px 24px 24px 24px;overflow:hidden;background:var(--navy);aspect-ratio:16/9;max-height:62svh}
.pdh-fig img{width:100%;height:100%;object-fit:cover}
.subnav{position:sticky;top:80px;z-index:60;background:var(--navy);color:var(--light)}
.subnav ul{display:flex;gap:6px;overflow-x:auto;white-space:nowrap;scrollbar-width:none}
.subnav ul::-webkit-scrollbar{display:none}
.subnav a{display:block;padding:14px 16px;font-weight:700;text-decoration:none;border-bottom:3px solid transparent;min-height:48px}
.subnav a:hover{border-bottom-color:var(--blue)}
.subnav a[aria-current="true"]{border-bottom-color:var(--light)}
.pd-body{display:grid;gap:28px;padding-block:36px 72px}
.facts{background:#fff;border:1.5px solid var(--blue);border-radius:24px;padding:22px 22px 16px;align-self:start}
.facts dl{margin:0}
.facts dt{font-weight:700;color:var(--blue);margin-top:14px;font-size:.95rem}
.facts dt:first-child{margin-top:0}
.facts dd{margin:2px 0 0;line-height:1.7}
.pd-sec{padding-block:6px 36px;scroll-margin-top:150px}
.pd-sec h2{font-weight:700;font-size:1.4rem;margin:0 0 10px}
.pd-sec p{font-size:1.08rem;line-height:2;margin-bottom:12px;max-width:42em}
.scope{list-style:disc;padding-inline-start:1.3em;margin-bottom:12px}
.gallery{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}
.gitem figure{position:relative;margin:0;aspect-ratio:3/4;overflow:hidden;background:var(--navy);border-radius:20px}
.gitem img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}
.gitem .tag{position:absolute;inset-block-end:10px;inset-inline-start:10px}
@media (hover:hover){.gitem:hover img{transform:scale(1.05)}}
@media (min-width:900px){.pd-body{grid-template-columns:minmax(0,3fr) minmax(0,8fr);gap:56px}.facts{position:sticky;top:160px}}
.pgrid-s{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr))}

/* نموذج التواصل (منطقة + نشاط) على الكحلي */
.form-b input,.form-b select,.form-b textarea{background:var(--light);color:var(--navy);border-color:transparent}
.form-b input:focus,.form-b select:focus,.form-b textarea:focus{outline:3px solid var(--blue);outline-offset:2px}
.form-b label>span{margin-bottom:4px;font-size:.8rem;letter-spacing:.04em}
.form-b .btn-send{background:var(--blue);color:var(--light)}
.form-b .btn-send:hover{background:var(--light);color:var(--blue)}
.foot-addr{font-size:.95rem;opacity:.85}
@media (prefers-reduced-motion:reduce){.pcard,.pcard-fig img,.pcard-go,.gitem img{transition:none}}
.pgrid:has(>.pcard:only-child){grid-template-columns:minmax(0,680px)}
.pcard-x{font-size:.98rem;line-height:1.8;margin:0 0 6px;color:var(--navy-70)}