.projects-index,.project-detail{background:var(--bg);color:var(--text)}
.projects-kicker,.project-detail__label,.project-detail__cat{color:var(--accent);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
html[lang="ar"] .projects-kicker,html[lang="ar"] .project-detail__label,html[lang="ar"] .project-detail__cat{letter-spacing:normal;text-transform:none}
.projects-hero{position:relative;min-height:72svh;padding:10rem 0 5rem;overflow:hidden;border-bottom:1px solid var(--line)}
.projects-wall{position:absolute;inset:0 0 0 42%;display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;opacity:.34;transform:rotate(-2deg) scale(1.04)}
.projects-wall span{background-image:var(--media),linear-gradient(135deg,#201019,#080808);background-size:cover;background-position:center;border:1px solid var(--line)}
.projects-hero__shade{position:absolute;inset:0;background:linear-gradient(90deg,#050505 0 42%,rgba(5,5,5,.75) 62%,rgba(5,5,5,.4)),linear-gradient(180deg,rgba(5,5,5,.25),#050505 96%)}
.projects-hero__content{position:relative;z-index:2}
.projects-hero h1{margin-top:1.2rem;font-size:clamp(4rem,8.4vw,9.5rem);line-height:.84;text-transform:uppercase;max-width:9ch;letter-spacing:-.03em}
.projects-hero h1 span{display:block}
html[lang="ar"] .projects-hero h1{text-transform:none;letter-spacing:normal;line-height:1.03}
.projects-hero__content>p:not(.projects-kicker){margin-top:1.5rem;max-width:42rem;color:#c4c4c8;font-size:clamp(1.05rem,1.45vw,1.35rem)}
.projects-stats{display:flex;gap:2.5rem;margin-top:2.2rem}
.projects-stats div{display:grid;gap:.15rem}
.projects-stats strong{font-size:clamp(2.1rem,4vw,4rem);line-height:1}
.projects-stats span{color:#8b8b92;font-size:.75rem;text-transform:uppercase;font-weight:700}
.projects-filter{position:sticky;top:84px;z-index:40;background:rgba(5,5,5,.9);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.projects-filter__inner{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}
.projects-filter__buttons{display:flex;align-items:center;gap:1.45rem;overflow-x:auto;scrollbar-width:none}
.projects-filter__buttons::-webkit-scrollbar{display:none}
.projects-filter button{position:relative;white-space:nowrap;color:#77777e;font-weight:750;text-transform:uppercase;font-size:.74rem}
.projects-filter button sup{margin-inline-start:.25rem;color:#55555c;font-size:.56rem}
.projects-filter button.is-active{color:#fff}
.projects-filter button.is-active::after{content:"";position:absolute;left:0;right:0;bottom:-12px;height:1px;background:var(--accent)}
.projects-filter button:disabled{opacity:.3}
.projects-filter__inner>span{color:#77777e;font-size:.78rem;white-space:nowrap}
.projects-featured{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2rem,4vw,4.2rem) 1.25rem;padding-block:5rem}
.project-card[hidden],.projects-rows li[hidden]{display:none}
.project-card__media{aspect-ratio:16/9;position:relative;background-image:linear-gradient(150deg,rgba(74,0,24,.25),transparent),var(--media),linear-gradient(135deg,#2a111b,#090909);background-size:cover;background-position:center;overflow:hidden;border:1px solid var(--line)}
.project-card__media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(5,5,5,.4))}
.project-card__media>span{position:absolute;z-index:2;inset-inline-start:.8rem;top:.7rem;font-size:.72rem}
.project-card__media>b{position:absolute;z-index:2;inset-inline-start:.8rem;bottom:.7rem;padding:.35rem .55rem;background:rgba(5,5,5,.5);font-size:.65rem;text-transform:uppercase}
.project-card__media>i{position:absolute;z-index:2;inset-inline-end:.9rem;top:.8rem;width:42px;height:42px;border:1px solid rgba(245,245,242,.35);border-radius:50%;display:grid;place-items:center;font-style:normal;opacity:0;transition:.3s}
.project-card__meta{display:grid;grid-template-columns:auto 1fr;gap:.15rem 1rem;padding-top:.9rem}
.project-card__meta p{grid-row:1/4;color:var(--accent);font-size:.7rem;font-weight:800;text-transform:uppercase}
.project-card__meta h2{font-size:clamp(1.5rem,2.4vw,2.5rem);line-height:1}
.project-card__meta span,.project-card__meta small{color:#88888f}
.project-card a:hover .project-card__media>i{opacity:1}
.project-card a:hover .project-card__media{filter:saturate(1.08)}
.projects-rows{position:relative;border-top:1px solid var(--line);padding-bottom:6rem}
.projects-rows__head,.project-row{display:grid;grid-template-columns:3rem 1.5fr 1fr .9fr .9fr auto;gap:1rem;align-items:center}
.projects-rows__head{padding:1rem 0;color:#5f5f66;font-size:.65rem;text-transform:uppercase;border-bottom:1px solid var(--line)}
.project-row{min-height:92px;border-bottom:1px solid var(--line);transition:background .2s}
.project-row:hover{background:linear-gradient(90deg,rgba(74,0,24,.25),transparent)}
.project-row>span:first-child{color:#626269;font-size:.7rem}
.project-row>span:nth-child(2){display:grid}
.project-row strong{font-size:1.15rem}
.project-row small,.project-row>span:nth-child(n+3){color:#8b8b91;font-size:.84rem}
.project-row>i{font-style:normal;color:var(--accent)}
.project-preview{position:fixed;z-index:80;width:300px;aspect-ratio:16/10;background-size:cover;background-position:center;border:1px solid rgba(217,14,67,.35);box-shadow:0 18px 50px rgba(0,0,0,.55);pointer-events:none;opacity:0;transform:scale(.96);transition:opacity .16s,transform .16s}
.project-preview.is-visible{opacity:1;transform:none}
@media(max-width:899px){
.projects-hero{min-height:auto;padding-top:8.5rem}.projects-wall{inset:0;grid-template-columns:repeat(2,1fr);opacity:.16}.projects-hero__shade{background:linear-gradient(180deg,rgba(5,5,5,.35),#050505 90%)}.projects-hero h1{font-size:clamp(3.7rem,16vw,6rem)}
.projects-stats{display:grid;grid-template-columns:1fr 1fr}.projects-stats div:last-child{grid-column:1/-1}.projects-filter{top:76px}.projects-filter__inner{align-items:flex-start;padding-block:.9rem;flex-direction:column}
.projects-featured{grid-template-columns:1fr;padding-block:3.5rem}.project-card__meta{grid-template-columns:1fr}.project-card__meta p{grid-row:auto}.projects-rows__head{display:none}.project-row{grid-template-columns:2.5rem 1fr auto;min-height:88px}.project-row>span:nth-child(3),.project-row>span:nth-child(4),.project-row>span:nth-child(5){display:none}.project-preview{display:none}}