.project-detail{background:var(--bg);color:var(--text)}
.project-detail__label,.project-detail__cat{color:var(--accent);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
html[lang="ar"] .project-detail__label,html[lang="ar"] .project-detail__cat{letter-spacing:normal;text-transform:none}
.project-detail__hero{position:relative;min-height:100svh;overflow:hidden;display:grid}
.project-detail__visual{position:absolute;inset:0;background-image:var(--media),linear-gradient(135deg,#29101a,#070708);background-size:cover;background-position:center}
.project-detail__overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,5,5,.12),rgba(5,5,5,.84)),linear-gradient(90deg,rgba(5,5,5,.68),transparent 70%)}
.project-detail__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:25% 25%}
.project-detail__hero-inner{position:relative;z-index:2;align-self:end;padding-bottom:4rem}
.project-crumbs{display:flex;gap:.65rem;align-items:center;color:#aaaab0;font-size:.78rem;flex-wrap:wrap}
.project-detail__cat{margin-top:2rem}
.project-detail__hero h1{margin-top:.7rem;max-width:11ch;font-size:clamp(4.5rem,9vw,10rem);line-height:.82;text-transform:uppercase}
.project-detail__hero h1 span,.project-detail__hero h1 small{display:block}
.project-detail__hero h1 small{margin-top:.6rem;font-size:clamp(1.4rem,2.4vw,2.8rem);line-height:1;color:#d0d0d3;text-transform:none}
html[lang="ar"] .project-detail__hero h1{text-transform:none;line-height:1.02}
.project-detail__hero dl{display:flex;gap:2.2rem;flex-wrap:wrap;margin-top:2rem}
.project-detail__hero dl div{min-width:130px}
.project-detail__hero dt{color:#707077;font-size:.67rem;text-transform:uppercase}
.project-detail__hero dd{margin:.15rem 0 0;font-weight:700}
.project-detail__intro{display:grid;grid-template-columns:.15fr .85fr;gap:2rem;padding-block:7rem;border-bottom:1px solid var(--line)}
.project-detail__index{font-size:clamp(4rem,8vw,8rem);line-height:.8;color:#202024}
.project-detail__intro h2{margin-top:.65rem;font-size:clamp(3rem,6vw,6rem);line-height:.9}
.project-detail__intro div>p:last-child{margin-top:1rem;color:#9a9aa0;max-width:46rem}
.project-detail__feature{display:grid;grid-template-columns:1.2fr .8fr;gap:3rem;align-items:center;padding-block:7rem}
.project-detail__feature-media{aspect-ratio:16/10;background-image:var(--media),linear-gradient(135deg,#29101a,#070708);background-size:cover;background-position:center}
.project-detail__feature-copy h2{margin-top:.8rem;font-size:clamp(2.8rem,5vw,5rem)}
.project-detail__feature-copy p:last-child{margin-top:1rem;color:#99999f;max-width:35rem}
.project-gallery,.project-episodes,.project-related{padding-block:6rem;border-top:1px solid var(--line)}
.project-gallery__head{display:flex;justify-content:space-between;align-items:end;gap:2rem}
.project-gallery__track,.project-episodes__track{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-top:1.8rem}
.project-gallery__track::-webkit-scrollbar,.project-episodes__track::-webkit-scrollbar{display:none}
.project-gallery figure{flex:0 0 min(78vw,980px);scroll-snap-align:start}
.project-gallery figure>div{aspect-ratio:16/9;background-image:var(--media),linear-gradient(135deg,#29101a,#070708);background-size:cover;background-position:center}
.project-gallery figcaption{margin-top:.6rem;color:#7c7c82}
.project-episodes__track>a{flex:0 0 min(32vw,420px);scroll-snap-align:start}
.project-episodes__track a>div{position:relative;aspect-ratio:16/9;background-image:var(--media),linear-gradient(135deg,#29101a,#070708);background-size:cover;background-position:center}
.project-episodes__track b{position:absolute;top:.7rem;inset-inline-start:.7rem}
.project-episodes__track i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:rgba(5,5,5,.5);font-style:normal}
.project-episodes__track>a>span{display:block;margin-top:.6rem;color:#a2a2a7}
.project-related__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.8rem}
.project-related__grid a>div{aspect-ratio:16/10;background-image:var(--media),linear-gradient(135deg,#29101a,#070708);background-size:cover;background-position:center}
.project-related__grid a>span{display:block;margin-top:.7rem;color:var(--accent);font-size:.68rem;text-transform:uppercase}
.project-related__grid h3{margin-top:.25rem;font-size:1.5rem}
.project-related__grid p{color:#808087}
.project-next{border-top:1px solid var(--line);background:#080809}
.project-next__inner{min-height:52vh;padding-block:5rem;display:grid;grid-template-columns:1fr auto;align-content:center}
.project-next__inner>span{color:var(--accent);font-size:.72rem;text-transform:uppercase}
.project-next h2{grid-column:1/2;margin-top:1rem;font-size:clamp(4rem,9vw,10rem);line-height:.82}
.project-next p{color:#8b8b91}
.project-next i{grid-column:2;grid-row:1/5;align-self:center;font-style:normal;font-size:3rem;color:var(--accent)}
html[dir="rtl"] .project-next i{transform:scaleX(-1)}
@media(max-width:899px){
.project-detail__hero{min-height:82svh}.project-detail__hero-inner{padding-bottom:2rem}.project-detail__hero h1{font-size:clamp(3.7rem,15vw,6.4rem)}
.project-detail__hero dl{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.project-detail__intro{grid-template-columns:1fr;padding-block:4.5rem}.project-detail__index{font-size:4rem}
.project-detail__feature{grid-template-columns:1fr;padding-block:4.5rem}.project-detail__feature-copy{order:-1}.project-gallery,.project-episodes,.project-related{padding-block:4rem}
.project-gallery figure{flex-basis:88vw}.project-episodes__track>a{flex-basis:82vw}.project-related__grid{grid-template-columns:1fr}
.project-next__inner{min-height:45vh;grid-template-columns:1fr}.project-next i{grid-column:1;grid-row:auto;justify-self:end;margin-top:2rem}.project-next h2{font-size:clamp(4rem,17vw,6.5rem)}}

/* Project detail — approved narrative + media controls */
.project-detail__hero-action{position:absolute;z-index:3;inset-inline-end:var(--page-pad);bottom:4rem}
.project-detail__hero-action button,.project-detail__hero-action a{display:grid;justify-items:center;gap:.55rem;color:var(--text)}
.project-detail__hero-action span{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(245,245,242,.42);background:rgba(5,5,5,.42);backdrop-filter:blur(8px);font-size:1.1rem;transition:transform .25s var(--ease-out),background .25s}
.project-detail__hero-action small{font-size:.7rem;font-weight:750;text-transform:uppercase;letter-spacing:.06em}
.project-detail__hero-action button:hover span,.project-detail__hero-action a:hover span{transform:scale(1.06);background:rgba(217,14,67,.7)}

.project-facts{border-block:1px solid var(--line);background:#080809}
.project-facts__track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.project-facts article{min-height:150px;padding:1.6rem;border-inline-end:1px solid var(--line);display:grid;align-content:center;gap:.5rem}
.project-facts article:last-child{border-inline-end:0}
.project-facts span{color:#67676e;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.project-facts strong{font-size:1rem;line-height:1.45}

.project-story{position:relative}
.project-story__section{display:grid;grid-template-columns:minmax(160px,.28fr) minmax(0,.72fr);gap:clamp(2rem,5vw,6rem);padding-block:6.5rem;border-bottom:1px solid var(--line)}
.project-story__mark{display:grid;align-content:start;gap:1.1rem}
.project-story__mark>span{color:var(--accent);font-size:.72rem;font-weight:800}
.project-story__mark h2{font-size:clamp(1.6rem,2.7vw,3rem);line-height:1}
.project-story__body p{max-width:54rem;font-size:clamp(1.35rem,2.25vw,2.4rem);line-height:1.32;color:#dedee1}
html[lang="ar"] .project-story__body p{line-height:1.7}

.project-gallery__media{aspect-ratio:16/9;background-image:var(--media),linear-gradient(135deg,#29101a,#070708);background-size:cover;background-position:center;position:relative}
.project-gallery figure.is-temporary .project-gallery__media{background-image:linear-gradient(135deg,rgba(74,0,24,.38),rgba(10,10,12,.94));border:1px solid var(--line)}
.project-gallery figure.is-temporary .project-gallery__media::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(245,245,242,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(245,245,242,.05) 1px,transparent 1px);background-size:25% 25%}
.project-gallery figure.is-temporary .project-gallery__media span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:clamp(4rem,10vw,8rem);font-weight:800;color:rgba(245,245,242,.08)}

.project-episode{flex:0 0 min(32vw,420px);scroll-snap-align:start;text-align:inherit;color:inherit}
.project-episode__media{position:relative;display:block;aspect-ratio:16/9;background-image:var(--media),linear-gradient(135deg,#29101a,#070708);background-size:cover;background-position:center;overflow:hidden}
.project-episode__media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(5,5,5,.38))}
.project-episode__media b{position:absolute;z-index:2;top:.7rem;inset-inline-start:.7rem}
.project-episode__media i{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:rgba(5,5,5,.56);font-style:normal;border:1px solid rgba(245,245,242,.3)}
.project-episode>span:last-child{display:block;margin-top:.6rem;color:#a2a2a7}
.project-episode.is-placeholder{opacity:.55}

.project-cta{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center;padding-block:5rem;border-top:1px solid var(--line)}
.project-cta p{max-width:52rem;font-size:clamp(1.4rem,2.2vw,2.4rem);line-height:1.25}
.project-cta a{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 1.45rem;border-radius:999px;background:var(--accent);font-size:.78rem;font-weight:800;text-transform:uppercase}

.project-video-modal{position:fixed;inset:0;z-index:240;opacity:0;transition:opacity .25s}
.project-video-modal.is-open{opacity:1}
.project-video-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.82);backdrop-filter:blur(8px)}
.project-video-modal__panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-48%);width:min(92vw,1180px);transition:transform .25s var(--ease-out)}
.project-video-modal.is-open .project-video-modal__panel{transform:translate(-50%,-50%)}
.project-video-modal__stage{aspect-ratio:16/9;background:#000;box-shadow:0 30px 90px rgba(0,0,0,.65)}
.project-video-modal__stage iframe{width:100%;height:100%;border:0}
.project-video-modal__close{position:absolute;z-index:2;right:0;top:-48px;width:38px;height:38px;border-radius:50%;border:1px solid rgba(245,245,242,.35);background:rgba(5,5,5,.65);font-size:1.4rem}
html.is-video-open{overflow:hidden}

@media(max-width:899px){
.project-detail__hero-action{inset-inline-end:1rem;bottom:1.4rem}
.project-detail__hero-action span{width:56px;height:56px}
.project-detail__hero-action small{display:none}
.project-facts__track{grid-template-columns:1fr 1fr}
.project-facts article{min-height:120px;padding:1.1rem;border-bottom:1px solid var(--line)}
.project-story__section{grid-template-columns:1fr;padding-block:4rem;gap:1.5rem}
.project-story__body p{font-size:1.28rem}
.project-gallery figure{flex-basis:90vw}
.project-episode{flex-basis:82vw}
.project-cta{grid-template-columns:1fr;align-items:start;padding-block:4rem}
.project-cta a{justify-self:start}
}

html[dir="rtl"] .project-detail__overlay{transform:scaleX(-1)}
html[dir="rtl"] .project-detail__hero-action span{transform:none}
html[dir="rtl"] .project-detail__hero-action button:hover span,
html[dir="rtl"] .project-detail__hero-action a:hover span{transform:scale(1.06)}
html[lang="ar"] .project-facts span{letter-spacing:normal;text-transform:none}
html[lang="ar"] .project-cta a{letter-spacing:normal;text-transform:none}