.project-detail-page{--pd-paper:var(--canvas,#f2f5ef);--pd-ink:var(--ink,#12251a);--pd-muted:var(--ink-muted,#5e6d64);--pd-forest:var(--accent,#245c42);--pd-lime:var(--accent-bright,#d8ee75);--pd-night:var(--night,#14221b);--pd-line:var(--border-subtle,#d1ddd3);--pd-ease:cubic-bezier(.22,1,.36,1);z-index:1;min-height:100svh;color:var(--pd-ink);background:var(--pd-paper);font-family:Manrope,system-ui,sans-serif;line-height:1.6;position:relative;overflow:clip}.project-detail-page[dir=rtl]{font-family:Readex Pro Variable,Manrope,system-ui,sans-serif}.project-detail-page *,.project-detail-page :before,.project-detail-page :after{box-sizing:border-box}.project-detail-page :where(h1,h2,h3,p,ol,ul,figure){margin:0}.project-detail-page :where(h1,h2,h3,p){letter-spacing:normal;overflow-wrap:anywhere;max-width:none}.project-detail-page a{text-decoration:none}.project-detail-page :where(a,button):focus-visible{outline-offset:5px;outline:3px solid #db684b}.project-detail-page ::selection{background:var(--pd-lime);color:var(--pd-ink)}.project-detail-page svg{flex:none}.project-detail-page .pd-mono{font-variant-numeric:tabular-nums;font-family:JetBrains Mono Variable,ui-monospace,monospace}.pd-width{width:min(90%,1260px);margin-inline:auto}.pd-main{padding-block-end:24px}.pd-main:focus{outline:none}.pd-progress{z-index:70;background:var(--pd-forest);pointer-events:none;height:3px;position:fixed;inset:0 0 auto}.pd-nav{z-index:60;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fcfdf9e0;border:1px solid #bfd8c599;border-radius:999px;align-items:center;gap:24px;width:max-content;max-width:94%;padding:8px 12px;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%)}.pd-brand{align-items:center;gap:10px;min-height:44px;font-size:13px;font-weight:800;display:inline-flex}.pd-brand-mark{width:28px;height:28px;color:var(--pd-lime);background:var(--pd-ink);border-radius:50%;flex:none;place-items:center;font:10px JetBrains Mono Variable,monospace;display:grid}.pd-nav-context{min-width:70px;color:var(--pd-muted);font-size:12px}.pd-languages{background:var(--pd-paper);border-radius:999px;padding:2px;display:flex}.pd-languages a{border-radius:999px;place-items:center;min-width:48px;min-height:44px;padding-inline:12px;font-size:12px;font-weight:800;display:grid}.pd-languages a[aria-current=page]{color:var(--pd-lime);background:var(--pd-ink)}.pd-languages a[hrefLang="ar"]{font-family:Readex Pro Variable,sans-serif}.pd-hero{padding-block:118px 78px}.pd-hero-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-block-end:42px;display:flex}.pd-back{min-height:44px;color:var(--pd-muted);align-items:center;gap:10px;font-size:13px;font-weight:700;display:inline-flex}.pd-back:hover{color:var(--pd-forest)}.pd-status{color:var(--pd-muted);align-items:center;gap:8px;font:11px JetBrains Mono Variable,monospace;display:inline-flex}[dir=rtl] .pd-status{font-family:Readex Pro Variable,sans-serif}.pd-status i{background:var(--pd-muted);border-radius:50%;width:6px;height:6px}.pd-status[data-status=live] i{background:var(--pd-forest);box-shadow:0 0 0 4px #245c4214}.pd-hero-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,.8fr);align-items:center;gap:clamp(36px,6vw,90px);display:grid}.pd-hero-copy{min-width:0;padding-block:20px}.pd-eyebrow{color:var(--pd-muted);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:18px;margin-block-end:28px;font-size:11px;font-weight:700;display:flex}.pd-eyebrow>span{color:var(--pd-forest);font:11px JetBrains Mono Variable,monospace}.project-detail-page h1{color:var(--pd-forest);letter-spacing:-.055em;text-wrap:balance;font-size:clamp(52px,6.8vw,96px);font-weight:800;line-height:1.06}.pd-summary{color:var(--pd-muted);text-wrap:pretty;font-size:clamp(17px,1.5vw,22px);line-height:1.75;max-width:42ch!important;margin-block-start:28px!important}.pd-hero-actions{flex-wrap:wrap;gap:12px;margin-block-start:32px;display:flex}.pd-button{border:1px solid var(--pd-forest);min-height:48px;color:var(--pd-paper);background:var(--pd-forest);cursor:pointer;transition:background .22s ease,transform .22s var(--pd-ease);border-radius:999px;justify-content:center;align-items:center;gap:12px;padding:12px 23px;font-family:inherit;font-size:13px;font-weight:700;line-height:1.5;display:inline-flex}.pd-button:hover{background:var(--pd-night);transform:translateY(-2px)}.pd-button-outline{color:var(--pd-ink);border-color:var(--pd-line);background:0 0}.pd-button-outline:hover{color:var(--pd-ink);background:var(--accent-soft)}.pd-button:active{transform:translateY(0)}.pd-scope{min-width:0;color:var(--pd-paper);background:var(--pd-night);animation:pd-enter .8s var(--pd-ease)both;border-radius:30px;flex-direction:column;padding:30px;display:flex}.pd-scope-top{color:var(--accent-soft);justify-content:space-between;align-items:center;gap:18px;font-size:11px;display:flex}.pd-scope-top .pd-mono{color:var(--pd-lime);font-size:10px}.pd-scope-number{color:var(--pd-night);letter-spacing:-.08em;-webkit-text-stroke:1px var(--accent-soft);align-self:flex-start;margin-block:14px 6px;font:800 clamp(120px,12vw,168px)/1 Manrope,sans-serif;display:block}.pd-scope-number>span{color:var(--pd-lime);-webkit-text-stroke:0}.pd-scope-body{padding-block:20px}.pd-kind{color:var(--pd-lime);font-size:clamp(20px,2vw,26px);font-weight:700;line-height:1.4}.pd-role{color:var(--accent-soft);font-size:15px;line-height:1.8;margin-block-start:16px!important}.pd-scope-footer{color:var(--accent-soft);border-top:1px solid #bfd8c540;align-items:center;gap:12px;padding-block-start:14px;font-size:12px;display:flex}.pd-scope-footer>.pd-mono{color:var(--pd-lime);font-size:16px}.pd-scope-footer a{width:44px;height:44px;color:var(--pd-lime);border:1px solid #bfd8c559;border-radius:50%;place-items:center;margin-inline-start:auto;display:grid}.pd-scope-footer a:hover{background:#bfd8c51f}.pd-hero-copy{animation:pd-enter .75s var(--pd-ease)both}.pd-notice{border:1px solid var(--pd-line);color:var(--pd-muted);background:var(--surface,#fcfdf9);border-radius:16px;padding:16px 20px;font-size:13px;margin-block-end:24px!important}.pd-main>.pd-notice{width:min(90%,1260px);margin:100px auto -80px!important}.pd-links{border-block:1px solid var(--pd-line);grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);align-items:center;gap:clamp(32px,6vw,90px);padding-block:40px 46px;scroll-margin-top:110px;display:grid}.pd-label{color:var(--pd-muted);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:700;display:block}.pd-links h2{letter-spacing:-.035em;text-wrap:balance;margin-block-start:14px;font-size:clamp(24px,3.4vw,40px);font-weight:800;line-height:1.25}.pd-link-list{gap:10px;display:grid}.pd-link{border:1px solid var(--pd-line);background:var(--surface,#fcfdf9);border-radius:22px;align-items:center;gap:18px;min-width:0;min-height:100px;padding:20px 24px;transition:background .22s,border-color .22s;display:flex}.pd-link:hover{border-color:var(--accent-soft);background:#e7eee4}.pd-link-icon{width:44px;height:44px;color:var(--pd-forest);background:var(--pd-paper);border-radius:50%;flex:none;place-items:center;display:grid}.pd-link-copy{flex:1;gap:4px;min-width:0;display:grid}.pd-link-copy small{color:var(--pd-muted);font-size:10px}.pd-link-copy strong{overflow-wrap:anywhere;font-size:17px;line-height:1.4}.pd-link-copy>span{color:var(--pd-muted);overflow-wrap:anywhere;font-size:10px}.pd-link>svg{color:var(--pd-forest)}.pd-reading{grid-template-columns:minmax(0,.65fr) minmax(0,1.6fr);gap:clamp(40px,7vw,112px);padding-block-start:80px;display:grid}.pd-rail{align-self:start;position:sticky;top:112px}.pd-rail nav{border-top:1px solid var(--pd-line);margin-block-start:20px;display:grid}.pd-rail a{border-bottom:1px solid var(--pd-line);min-height:52px;color:var(--pd-muted);align-items:center;gap:14px;padding-block:14px;font-size:12px;display:flex}.pd-rail a>span{color:var(--pd-forest);font-size:10px}.pd-rail a>svg{margin-inline-start:auto}.pd-rail a:hover{color:var(--pd-forest)}.pd-content{min-width:0}.pd-section{padding-block-end:72px;scroll-margin-top:112px}.pd-section+.pd-section{border-top:1px solid var(--pd-line);padding-block-start:52px}.pd-section-title{align-items:baseline;gap:18px;margin-block-end:26px;display:flex}.pd-section-title>span{color:var(--pd-forest);flex:none;font-size:11px}.pd-section-title h2{color:var(--pd-forest);letter-spacing:-.04em;text-wrap:balance;font-size:clamp(30px,4.2vw,52px);font-weight:800;line-height:1.2}.pd-description{color:var(--pd-muted);white-space:pre-line;text-wrap:pretty;font-size:clamp(17px,1.7vw,21px);line-height:1.9}.pd-highlights{border-top:1px solid var(--pd-line);padding:0;list-style:none}.pd-highlights li{border-bottom:1px solid var(--pd-line);grid-template-columns:30px minmax(0,1fr);align-items:baseline;gap:18px;padding-block:26px;display:grid}.pd-highlights li>span{color:var(--pd-forest);font-size:11px}.pd-highlights li p{font-size:clamp(16px,1.5vw,19px);line-height:1.9}.pd-tools{flex-wrap:wrap;gap:10px;padding:0;list-style:none;display:flex}.pd-tools li{border:1px solid var(--pd-line);color:var(--pd-forest);border-radius:999px;padding:10px 18px;font-size:14px}.pd-gallery{gap:24px;display:grid}.pd-gallery figure{min-width:0}.pd-gallery img{object-fit:contain;border:1px solid var(--pd-line);background:var(--surface,#fcfdf9);border-radius:24px;width:100%;height:auto;max-height:760px;display:block}.pd-gallery figcaption{color:var(--pd-muted);padding-block-start:12px;font-size:13px}.pd-next{background:var(--pd-lime);border-radius:32px;padding:clamp(28px,5vw,64px);display:block}.pd-next-label{justify-content:space-between;align-items:center;gap:20px;font-size:12px;display:flex}.pd-next-label .pd-mono{font-size:10px}.pd-next-name{align-items:center;gap:28px;margin-block-start:26px;display:flex}.pd-next strong{letter-spacing:-.045em;overflow-wrap:anywhere;text-wrap:balance;flex:1;font-size:clamp(32px,5vw,66px);font-weight:800;line-height:1.2}.pd-next-name>svg{transition:transform .26s var(--pd-ease)}.pd-next:hover .pd-next-name>svg{transform:translate(6px)}[dir=rtl] .pd-next:hover .pd-next-name>svg{transform:translate(-6px)}.pd-footer{color:var(--pd-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-block:24px;font-size:12px;display:flex}.pd-state{width:min(90%,980px);margin-inline:auto;padding-block:80px 100px}.pd-state .pd-eyebrow{margin-block-start:64px}.pd-state h1{font-size:clamp(36px,6vw,72px)}.pd-state>p{color:var(--pd-muted);margin-block:24px;font-size:17px}.pd-loading-lines{gap:14px;width:min(100%,500px);margin-block-start:36px;display:grid}.pd-loading-lines span{background:var(--pd-line);border-radius:999px;height:15px;animation:1.2s ease-in-out infinite alternate pd-loading}.pd-loading-lines span:nth-child(2){width:85%;animation-delay:.16s}.pd-loading-lines span:nth-child(3){width:65%;animation-delay:.32s}.project-detail-page[dir=rtl] :where(.pd-eyebrow,.pd-label,h1,h2,.pd-next strong){letter-spacing:0;text-transform:none}.project-detail-page[dir=rtl] :where(h1,h2){line-height:1.35}@keyframes pd-enter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes pd-loading{0%{opacity:.45}to{opacity:1}}@media (max-width:1023px){.pd-nav{gap:16px}.pd-hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:30px}.pd-scope{padding:24px}.pd-scope-number{font-size:120px}.pd-reading{grid-template-columns:minmax(0,.7fr) minmax(0,1.6fr);gap:40px}}@media (max-width:767px){.pd-width{width:calc(100% - 40px)}.pd-nav{gap:12px;padding:6px 8px;top:12px}.pd-brand{gap:8px;font-size:12px}.pd-brand>span:last-child{max-width:148px}.pd-nav-context{display:none}.pd-languages a{min-width:44px;padding-inline:10px}.pd-hero{padding-block:100px 48px}.pd-hero-top{margin-block-end:18px}.pd-status{font-size:10px}.pd-hero-grid{grid-template-columns:minmax(0,1fr);gap:30px}.pd-hero-copy{padding-block:12px 0}.pd-eyebrow{gap:12px;margin-block-end:18px;font-size:10px}.project-detail-page h1{font-size:clamp(44px,11vw,70px)}.pd-summary{font-size:17px;margin-block-start:20px!important}.pd-hero-actions{margin-block-start:24px}.pd-button{padding-inline:20px;font-size:12px}.pd-scope{border-radius:24px;grid-template-columns:92px minmax(0,1fr);gap:12px 18px;padding:22px;display:grid}.pd-scope-top,.pd-scope-footer{grid-column:1/-1}.pd-scope-number{letter-spacing:-.08em;margin-block:14px;font-size:64px}.pd-scope-body{align-self:center;padding-block:16px}.pd-kind{font-size:20px}.pd-role{font-size:13px}.pd-scope-footer{padding-block-start:8px}.pd-links{grid-template-columns:minmax(0,1fr);gap:24px;padding-block:32px}.pd-links h2{margin-block-start:10px;font-size:28px}.pd-link{border-radius:20px;gap:14px;padding:18px}.pd-link-copy strong{font-size:16px}.pd-reading{grid-template-columns:minmax(0,1fr);gap:36px;padding-block-start:40px}.pd-rail{position:static}.pd-rail nav{border:0;flex-wrap:wrap;gap:8px;margin-block-start:12px;display:flex}.pd-rail a{border:1px solid var(--pd-line);border-radius:999px;gap:8px;min-height:44px;padding:10px 14px;font-size:11px}.pd-rail a>svg{display:none}.pd-section{padding-block-end:44px}.pd-section+.pd-section{padding-block-start:36px}.pd-section-title{gap:14px;margin-block-end:22px}.pd-section-title h2{font-size:32px}.pd-description{font-size:17px}.pd-highlights li{grid-template-columns:22px minmax(0,1fr);gap:14px;padding-block:22px}.pd-highlights li p{font-size:16px}.pd-next{border-radius:24px;padding:26px}.pd-next-name{gap:18px;margin-block-start:20px}.pd-next-name>svg{width:28px}.pd-next strong{font-size:32px}.pd-footer{font-size:11px}}@media (prefers-reduced-motion:reduce){.project-detail-page *,.project-detail-page :before,.project-detail-page :after{transition:none!important;animation:none!important}html{scroll-behavior:auto}}