:is(.projects-page,.knowledge-page)>.listing-intro{position:relative;isolation:isolate;overflow:hidden;border:1px solid #e8e3d8;border-radius:26px 26px 0 0;padding:24px 32px 28px;background:#faf8f2;text-align:center}
.listing-intro::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#fff4,#fffffff2 35%,#fffffff2 65%,#fff4),url('/images/mosque-hero-concept.webp') center 46%/cover;opacity:.2;pointer-events:none}
.listing-intro .breadcrumbs{font-size:.68rem;text-align:right;margin-bottom:24px}.listing-intro :is(.projects-heading,.knowledge-heading){margin:0 auto;padding:0;max-width:900px}.listing-intro .section-kicker{font-size:.68rem;color:#8e7953}.listing-intro h1{font-size:clamp(1.4rem,2.2vw,2rem);line-height:1.7;color:#183f2d;margin:10px 0 12px}.listing-intro p{font-size:.79rem;line-height:2.1;color:#69736c;max-width:800px;margin:0 auto}
:is(.projects-page,.knowledge-page)>.section-search{margin-top:0;border:1px solid #e8e3d8;border-top:0;border-radius:0 0 22px 22px;background:#fbfaf6;box-shadow:0 12px 28px #42391d08;padding:18px 24px 22px}
@media(max-width:520px){:is(.projects-page,.knowledge-page)>.listing-intro{padding:18px 16px 22px;border-radius:22px 22px 0 0}.listing-intro h1{font-size:1.3rem}.listing-intro p{font-size:.73rem}:is(.projects-page,.knowledge-page)>.section-search{padding:16px}}