.project-page{background:#080b0c}.project-nav{background:linear-gradient(#080b0ce6,transparent);border:0}.project-hero{height:100svh;min-height:700px;position:relative;overflow:hidden}.project-hero>img{width:100%;height:100%;object-fit:cover;object-position:center}.project-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,8,.94) 0%,rgba(5,7,8,.62) 40%,rgba(5,7,8,.12) 72%),linear-gradient(0deg,rgba(5,7,8,.75),transparent 55%)}.project-hero-copy{position:absolute;left:7vw;bottom:10vh;z-index:2;max-width:720px}.project-hero h1{font-size:clamp(64px,8vw,142px);line-height:.78;margin:18px 0 24px;letter-spacing:-.065em}.project-hero h2{font-size:clamp(24px,2.5vw,42px);font-weight:400;color:var(--gold);margin:0 0 25px}.project-hero p{max-width:600px;font-size:clamp(16px,1.25vw,21px);line-height:1.6;color:#d4d0c7}.project-number{position:absolute;right:5vw;bottom:5vh;font-size:clamp(80px,15vw,240px);line-height:.7;color:#ffffff0a;font-weight:700}.project-intro{padding:12vw 7vw;display:grid;grid-template-columns:1fr 1.1fr;gap:7vw}.project-intro h2,.making>h2{font-size:clamp(42px,5vw,82px);line-height:.95;margin:25px 0}.project-intro h2 span,.making h2 span{color:#777}.project-intro p{font-size:clamp(18px,1.5vw,24px);line-height:1.7;align-self:end;color:#aaa}.timeline{padding:4vw 7vw 10vw}.timeline .section-head{margin-bottom:7vw}.timeline .section-head h2{font-size:clamp(52px,7vw,110px);line-height:.9}.timeline-card{display:grid;grid-template-columns:1.45fr .8fr;min-height:560px;margin:0 0 4vw;background:#0d1112}.timeline-card.reverse{grid-template-columns:.8fr 1.45fr}.timeline-card.reverse img{order:2}.timeline-card img{width:100%;height:100%;min-height:560px;object-fit:cover}.timeline-card>div{padding:5vw;align-self:end}.timeline-card span{color:var(--gold);font-size:12px;letter-spacing:.22em}.timeline-card h3{font-size:clamp(42px,5vw,82px);line-height:.9;margin:16px 0}.timeline-card p{color:#aaa;line-height:1.6;font-size:17px}.project-reel{position:relative;min-height:70vh;overflow:hidden;display:flex;align-items:flex-end}.project-reel video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.project-reel:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#080b0ce8,transparent 70%)}.project-reel>div{position:relative;z-index:2;padding:7vw}.project-reel h2{font-size:clamp(48px,7vw,110px);line-height:.9}.making{background:var(--paper);color:#151515;padding:10vw 7vw}.making .kicker{color:#8c6b2b}.making-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:7vw}.making-grid>div{padding:0 2.5vw;border-left:1px solid #bbb}.making-grid b{color:#9a7330}.making-grid p{color:#666;line-height:1.55}.project-next{padding:12vw 7vw;text-align:center}.project-next small{color:var(--gold);letter-spacing:.2em}.project-next h2{font-size:clamp(54px,8vw,120px);line-height:.85}.project-next h2 span{font-size:.45em;color:#999}.project-page .ghost{display:inline-flex;text-decoration:none}.project-page .cta{text-decoration:none}
html[dir="rtl"] .project-hero-copy{left:auto;right:7vw;text-align:right}html[dir="rtl"] .project-overlay{background:linear-gradient(270deg,rgba(5,7,8,.94),rgba(5,7,8,.62) 40%,rgba(5,7,8,.12) 72%),linear-gradient(0deg,rgba(5,7,8,.75),transparent 55%)}html[dir="rtl"] .project-intro,html[dir="rtl"] .timeline-card,html[dir="rtl"] .making{text-align:right}
@media(max-width:700px){.project-hero{min-height:760px}.project-hero>img{object-position:58% center}.project-overlay{background:linear-gradient(0deg,rgba(5,7,8,.96) 0%,rgba(5,7,8,.55) 55%,rgba(5,7,8,.18))}.project-hero-copy{left:7vw;right:7vw;bottom:7vh}.project-hero h1{font-size:58px}.project-hero h2{font-size:25px}.project-hero p{font-size:15px}.project-number{display:none}.project-intro{display:block;padding:24vw 7vw}.project-intro h2,.making>h2{font-size:44px}.project-intro p{font-size:17px;margin-top:45px}.timeline{padding:8vw 5vw 20vw}.timeline .section-head h2{font-size:52px}.timeline-card,.timeline-card.reverse{display:flex;flex-direction:column;min-height:0;margin-bottom:18px}.timeline-card.reverse img{order:0}.timeline-card img{height:58vh;min-height:420px}.timeline-card>div{padding:28px 24px 36px}.timeline-card h3{font-size:42px}.project-reel{min-height:70vh}.project-reel>div{padding:9vw 7vw}.project-reel h2{font-size:52px}.making{padding:22vw 7vw}.making-grid{grid-template-columns:1fr;margin-top:14vw}.making-grid>div{padding:26px 0;border-left:0;border-top:1px solid #bbb}.project-next{padding:25vw 7vw}.project-next h2{font-size:54px}html[dir="rtl"] .project-hero-copy{right:7vw;left:7vw}.project-nav nav>a{display:none}}

/* V3.1 — Time Traveler Arabia polish */
.identity-reel{min-height:58vh;background:#080b0c}
.identity-reel:after{background:linear-gradient(0deg,rgba(8,11,12,.68),transparent 38%)}
.identity-reel .identity-tag{position:absolute;left:7vw;bottom:4vw;z-index:2;padding:0}
.identity-tag span{font-size:11px;letter-spacing:.24em;color:var(--gold)}
.timeline-card h3{overflow-wrap:anywhere}
@media(max-width:700px){
  .timeline-card img{height:46vh;min-height:340px;max-height:470px}
  .timeline-card>div{padding:22px 20px 28px}
  .timeline-card h3{font-size:clamp(31px,9.5vw,40px);line-height:.94;letter-spacing:-.035em;margin:12px 0}
  .timeline-card p{font-size:15px;line-height:1.5;margin-bottom:0}
  .identity-reel{min-height:48vh}
  .identity-reel .identity-tag{left:7vw;bottom:7vw}
}
html[dir="rtl"] .identity-reel .identity-tag{left:auto;right:7vw}

/* V3.2 — typography integrity: never split words across lines */
.project-page h1,
.project-page h2,
.project-page h3,
.project-page .cta,
.project-page .kicker {
  word-break: normal;
  overflow-wrap: normal;
  hyphens: none;
  -webkit-hyphens: none;
}
.timeline-card h3{
  overflow-wrap:normal;
  word-break:normal;
  hyphens:none;
}
@media(max-width:700px){
  .timeline-card h3{
    font-size:clamp(28px,8.6vw,38px);
    line-height:1;
    letter-spacing:-.025em;
  }
  html[dir="rtl"] .timeline-card h3{
    font-size:clamp(29px,8.2vw,37px);
    letter-spacing:0;
    line-height:1.18;
  }
  .timeline-card h3[data-en="CONSTANTINOPLE"]{
    font-size:clamp(24px,7.1vw,31px);
    letter-spacing:-.035em;
  }
  html[dir="rtl"] .timeline-card h3[data-en="CONSTANTINOPLE"]{
    font-size:clamp(27px,7.7vw,34px);
    letter-spacing:0;
  }
}
/* V4.0 project colour discipline */
.project-page a,.project-page a:visited{color:inherit}
.timeline-card h3,.project-next h2{color:var(--paper)}
.timeline-card span,.project-next small,.identity-tag span{color:#b08b55}
\n/* V6.5 — MUHAJIR identity integration */
.brand{gap:10px!important;letter-spacing:0!important}
.brand-symbol{width:42px;height:42px;object-fit:contain;flex:0 0 auto;filter:drop-shadow(0 2px 10px rgba(201,154,106,.14))}
.brand-lockup{display:flex;flex-direction:column;justify-content:center;gap:1px;line-height:1}
.brand-ar{font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif;font-size:15px;color:#c9a96a;line-height:1.25}
.brand-en{font-family:Georgia,"Times New Roman",serif;font-size:10px;letter-spacing:.19em;color:#ede7d9;white-space:nowrap}
.brand-en b{font-family:Inter,Arial,sans-serif;font-size:6px;font-weight:500;letter-spacing:.3em;color:#c9a96a;margin-left:4px}
.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand img{width:48px;height:48px;object-fit:contain}.footer-brand strong{line-height:1.4}
@media(max-width:760px){.brand-symbol{width:36px;height:36px}.brand-ar{font-size:13px}.brand-en{font-size:8px;letter-spacing:.15em}.brand-en b{font-size:5px}.footer-brand img{width:42px;height:42px}}
html[dir="rtl"] .brand-lockup{align-items:flex-start}html[dir="rtl"] .brand-en{direction:ltr}


/* V6.9 Launch Candidate — Arabic typography QA */
html[dir="rtl"] .project-intro h2,
html[dir="rtl"] .timeline .section-head h2,
html[dir="rtl"] .making>h2{
  line-height:1.34;
  letter-spacing:0;
}
html[dir="rtl"] .project-intro h2 span,
html[dir="rtl"] .making>h2 span{
  display:block;
  margin-top:.08em;
}
@media(max-width:700px){
  html[dir="rtl"] .project-intro h2,
  html[dir="rtl"] .timeline .section-head h2,
  html[dir="rtl"] .making>h2{
    line-height:1.42;
  }
}