*,::after,::before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--black);font-family:var(--f2);overflow-x:hidden}body::before{content:"";position:fixed;inset:0;z-index:9999;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.03'/%3E%3C/svg%3E");background-repeat:repeat;mix-blend-mode:overlay}.pp-nav{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:1.8rem 4rem;z-index:500;background:rgba(17,16,16,.93);backdrop-filter:blur(16px);border-bottom:1px solid rgba(107,26,43,.25)}.pp-nav-logo{font-family:var(--f1);font-size:2rem;letter-spacing:.06em;color:var(--neutral)}.pp-bar .pp-count span,.pp-nav-logo span{color:var(--yellow)}.pp-nav-back{display:flex;align-items:center;gap:.5rem;font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:rgba(240,237,230,.55);transition:color .3s;text-decoration:none}.pp-head h1,.pp-nav-back:hover,body{color:var(--neutral)}.pp-nav-back svg{transition:transform .3s var(--ease)}.pp-nav-back:hover svg{transform:translateX(-3px)}.pp-head{max-width:1280px;margin:0 auto;padding:10rem 3rem 3.5rem}.pp-head h1{font-family:var(--f1);font-size:clamp(3rem,7vw,6rem);line-height:.9}.pp-head h1 .o{color:transparent;-webkit-text-stroke:2px var(--red)}.pp-bar{position:sticky;top:5rem;z-index:20;background:rgba(17,16,16,.85);backdrop-filter:blur(12px);border-bottom:1px solid rgba(107,26,43,.1);padding:.7rem 3rem;text-align:center}.pp-bar .pp-count{letter-spacing:.16em;color:rgba(240,237,230,.15);margin-bottom:.4rem}.pp-filter{display:flex;gap:.35rem;flex-wrap:wrap;justify-content:center}.pp-bar .pp-count,.pp-filter-btn{font-size:.55rem;font-weight:600;text-transform:uppercase}.pp-filter-btn{background:rgba(240,237,230,.04);border:1px solid rgba(107,26,43,.15);color:rgba(240,237,230,.3);padding:.35rem .9rem;font-family:var(--f2);letter-spacing:.12em;cursor:pointer;transition:all .3s}.pp-filter-btn:hover{border-color:var(--red);color:var(--neutral);background:rgba(107,26,43,.15)}.pp-filter-btn.active{background:var(--yellow);color:var(--black);border-color:var(--yellow)}.pp-list{max-width:1280px;margin:0 auto;padding:2rem 3rem 6rem}.pp-row{display:grid;grid-template-columns:1.4fr 1fr;gap:3px;margin-bottom:3px;min-height:480px;cursor:pointer;position:relative;overflow:hidden;opacity:0;transform:translateY(30px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.pp-row.show{opacity:1;transform:none}.pp-row.show:nth-child(1){transition-delay:0s}.pp-row.show:nth-child(2){transition-delay:.06s}.pp-row.show:nth-child(3){transition-delay:.12s}.pp-row.show:nth-child(4){transition-delay:.18s}.pp-row.show:nth-child(5){transition-delay:.24s}.pp-row.show:nth-child(6){transition-delay:.3s}.pp-row-img{overflow:hidden;position:relative}.pp-row-img img{width:100%;height:100%;object-fit:cover;filter:saturate(.4) brightness(.8);transition:transform .8s var(--ease),filter .6s}.pp-row:hover .pp-row-img img{transform:scale(1.06);filter:saturate(1) brightness(.5)}.pp-row-num{position:absolute;font-family:var(--f1);font-size:clamp(6rem,12vw,12rem);line-height:1;color:rgba(245,240,0,.04);pointer-events:none;user-select:none;z-index:1;transition:color .4s,transform .6s var(--ease)}.pp-row:hover .pp-row-num{color:rgba(245,240,0,.08);transform:scale(1.02) translateY(-2px)}.pp-row:nth-child(odd) .pp-row-num{bottom:1rem;right:1.5rem}.pp-row:nth-child(even) .pp-row-num{bottom:1rem;left:1.5rem}.pp-row-info{display:flex;flex-direction:column;justify-content:center;padding:3.5rem 3rem;position:relative;z-index:2}.pp-row-info .rtag{display:inline-block;background:var(--yellow);color:var(--black);font-size:.5rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:.2rem .55rem;margin-bottom:.6rem;width:fit-content}.pp-row-info .rtitle{font-family:var(--f1);font-size:clamp(1.8rem,3.5vw,3.2rem);line-height:.9;color:var(--neutral);letter-spacing:.02em}.pp-row-info .rrow{display:flex;align-items:center;gap:.8rem;margin-top:.4rem;flex-wrap:wrap}.pp-row-info .rrow .ryear{font-size:.6rem;font-weight:600;letter-spacing:.1em;color:rgba(240,237,230,.2)}.pp-row-info .rrow .rclient{font-size:.75rem;color:rgba(240,237,230,.35)}.pp-row-info .rsep{width:20px;height:1px;background:var(--red);margin:.8rem 0 .7rem}.pp-row-info .rdesc{font-size:.82rem;line-height:1.7;color:rgba(240,237,230,.4);max-width:38ch}.pp-row-info .rcta{font-size:.58rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--yellow);margin-top:1.2rem;display:flex;align-items:center;gap:.5rem;opacity:0;transform:translateY(8px);transition:opacity .35s var(--ease),transform .35s var(--ease)}.pp-row:hover .rcta{opacity:1;transform:none}.pp-row-info .rcta .arr{display:inline-block;transition:transform .3s var(--ease)}.pp-row:hover .rcta .arr{transform:translateX(5px)}.pp-row:nth-child(even){grid-template-columns:1fr 1.4fr}.pp-row:nth-child(even) .pp-row-img{order:1}.pp-row:nth-child(even) .pp-row-info{order:0}.pp-none{grid-column:1/-1;text-align:center;padding:5rem;color:rgba(240,237,230,.15);font-size:.85rem;display:none}.pp-none.show{display:block}.pp-modal{position:fixed;inset:0;z-index:5000;background:rgba(0,0,0,.94);backdrop-filter:blur(24px);opacity:0;pointer-events:none;transition:opacity .4s var(--ease);display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:2rem}.pp-modal.open{opacity:1;pointer-events:auto}.pp-modal-inner{position:relative;max-width:1100px;width:100%;background:var(--off);transform:translateY(40px) scale(.96);transition:transform .5s var(--ease)}.pp-modal.open .pp-modal-inner{transform:none}.pp-mnav,.pp-mx{position:absolute;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;z-index:5;clip-path:polygon(0 0,calc(100% - 6px)0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px))}.pp-mx{top:1rem;right:1rem;border:1px solid rgba(240,237,230,.1);color:rgba(240,237,230,.5);width:40px;height:40px}.pp-mnav:hover,.pp-mx:hover{background:var(--yellow);color:var(--black);border-color:var(--yellow)}.pp-mnav{top:50%;transform:translateY(-50%);border:1px solid rgba(240,237,230,.08);color:rgba(240,237,230,.3);width:42px;height:42px}.pp-mnav.prev{left:-1.2rem}.pp-mnav.next{right:-1.2rem}.pp-mhero{width:100%;height:55vh;min-height:320px;overflow:hidden;position:relative}.pp-mhero img{width:100%;height:100%;object-fit:cover;filter:saturate(.6)}.pp-mhero-overlay{position:absolute;bottom:0;left:0;right:0;padding:3rem 3rem 2rem;background:linear-gradient(to top,var(--off) 0%,transparent 100%)}.pp-mhero-overlay .mhero-tag{display:inline-block;background:var(--yellow);color:var(--black);font-size:.6rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;padding:.28rem .7rem;margin-bottom:.6rem;clip-path:polygon(0 0,calc(100% - 6px)0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px))}.pp-mhero-overlay .mhero-row{display:flex;align-items:center;gap:1.2rem}.pp-mhero-overlay .mhero-title{font-family:var(--f1);font-size:clamp(1.8rem,4vw,3.2rem);line-height:.92;color:var(--neutral);letter-spacing:.02em}.pp-mhero-overlay .mhero-year{font-size:.7rem;letter-spacing:.12em;color:rgba(240,237,230,.35);border-left:1px solid rgba(240,237,230,.15);padding-left:1rem}.pp-mbody{padding:3rem;display:grid;grid-template-columns:1fr 1.2fr;gap:4rem}.pp-mbody-left .mclient{font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--red2);margin-bottom:.5rem}.pp-mbody-left .mclient span{color:rgba(240,237,230,.25);font-weight:400;margin:0 .5rem}.pp-mbody-left .mdesc{font-size:.92rem;line-height:1.8;color:rgba(240,237,230,.55)}.pp-mbody-right{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-content:start}.pp-mbody-right .mresult{border-left:2px solid var(--red);padding-left:1rem}.pp-mbody-right .mresult .mr-num{font-family:var(--f1);font-size:2.5rem;line-height:1;color:var(--yellow);letter-spacing:.02em}.pp-mbody-right .mresult .mr-lbl{font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(240,237,230,.35);margin-top:.2rem}.pp-open{margin-top:2rem;display:block;background:var(--yellow);color:var(--black);border:0;padding:.7rem 1.6rem;font-family:var(--f2);font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:all .3s;clip-path:polygon(0 0,calc(100% - 8px)0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));grid-column:1/-1;text-align:center;text-decoration:none}.pp-open:hover{background:var(--red2);color:var(--neutral)}@media (max-width:1024px){.pp-nav{padding:1.2rem 2rem}.pp-bar,.pp-head,.pp-list{padding-left:2rem;padding-right:2rem}.pp-head{padding-top:7rem}.pp-row,.pp-row:nth-child(even){grid-template-columns:1fr;min-height:auto}.pp-row:nth-child(even) .pp-row-img{order:0}.pp-row-img{height:280px}.pp-row-info{padding:2rem}.pp-row:nth-child(even) .pp-row-num,.pp-row:nth-child(odd) .pp-row-num{bottom:auto;top:1rem;right:1rem;left:auto;font-size:clamp(3rem,10vw,6rem)}.pp-mbody{grid-template-columns:1fr;gap:2rem}.pp-mhero{height:40vh}.pp-mnav.prev{left:-.8rem}.pp-mnav.next{right:-.8rem}}@media (max-width:640px){.pp-bar{top:4rem}.pp-row-img{height:200px}.pp-row-info{padding:1.5rem}.pp-mhero{height:30vh;min-height:220px}.pp-mhero-overlay{padding:2rem 1.5rem 1.5rem}.pp-mbody{padding:1.5rem}.pp-mnav{display:none}.pp-list{padding-bottom:4rem}}[dir=rtl] body{font-family:"Almarai","Inter",sans-serif}[dir=rtl] .pp-nav-back svg{transform:rotate(180deg)}[dir=rtl] .pp-nav-back:hover svg{transform:rotate(180deg) translateX(-3px)}[dir=rtl] .pp-row:nth-child(odd) .pp-row-num{bottom:1rem;left:1.5rem;right:auto}[dir=rtl] .pp-row:nth-child(even) .pp-row-num{bottom:1rem;right:1.5rem;left:auto}[dir=rtl] .pp-row:nth-child(even){grid-template-columns:1fr 1.4fr}[dir=rtl] .pp-row:nth-child(even) .pp-row-img{order:0}[dir=rtl] .pp-row:nth-child(even) .pp-row-info{order:1}[dir=rtl] .pp-mx{right:auto;left:1rem}[dir=rtl] .pp-mnav.prev{left:auto;right:-1.2rem}[dir=rtl] .pp-mnav.next svg,[dir=rtl] .pp-mnav.prev svg{transform:rotate(180deg)}[dir=rtl] .pp-mnav.next{right:auto;left:-1.2rem}[dir=rtl] .pp-mhero-overlay .mhero-year{border-left:none;border-right:1px solid rgba(240,237,230,.15);padding-left:0;padding-right:1rem}[dir=rtl] .pp-mbody-right .mresult{border-left:none;border-right:2px solid var(--red);padding-left:0;padding-right:1rem}[dir=rtl] .pp-row-info .rcta .arr{display:inline-block}[dir=rtl] .pp-row:hover .rcta .arr{transform:translateX(-5px)}@media (max-width:1024px){[dir=rtl] .pp-row:nth-child(even) .pp-row-num,[dir=rtl] .pp-row:nth-child(odd) .pp-row-num{bottom:auto;top:1rem;right:1rem;left:auto;transform:translateX(0)}[dir=rtl] .pp-row:nth-child(even){grid-template-columns:1fr}[dir=rtl] .pp-row:nth-child(even) .pp-row-img,[dir=rtl] .pp-row:nth-child(even) .pp-row-info{order:0}[dir=rtl] .pp-mnav.prev{left:auto;right:-.8rem}[dir=rtl] .pp-mnav.next{right:auto;left:-.8rem}}