/* Project case pages. Loaded after site.css. */
.project-page{background:var(--stone)}
.p-hero{background:var(--forest);color:var(--on-dark);padding-top:calc(120px + env(safe-area-inset-top,0px));overflow:hidden;position:relative}
.p-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(800px 480px at 90% 0%,rgba(180,139,94,.16),transparent 70%);pointer-events:none}
.p-hero-copy{display:grid;gap:22px;padding-bottom:clamp(36px,5vw,64px);position:relative}
.p-back{text-decoration:none;color:var(--on-dark-muted);justify-self:start;display:inline-flex;gap:8px;transition:color .3s}
.p-back:hover{color:var(--bronze-lt)}
html[dir="rtl"] .p-back-arrow{display:inline-block;transform:scaleX(-1)}
.p-eyebrow{display:flex;flex-wrap:wrap;gap:10px 22px;color:var(--bronze-lt)}
.p-eyebrow span+span::before{content:"";display:inline-block;width:6px;height:6px;border-radius:4px 1px 1px 1px;background:currentColor;margin-inline-end:22px;vertical-align:middle;opacity:.6}
.p-hero h1{font-size:clamp(3rem,9vw,8.6rem);line-height:.95;letter-spacing:-.02em;max-width:14ch}
html[lang="ar"] .p-hero h1{line-height:1.2}
.p-hero-media{height:clamp(300px,70vh,760px);overflow:hidden}
.p-hero-media img{width:100%;height:100%;object-fit:cover;clip-path:inset(0 var(--gut) 0 var(--gut) round 28px 4px 4px 4px)}
html[dir="rtl"] .p-hero-media img{clip-path:inset(0 var(--gut) 0 var(--gut) round 4px 28px 4px 4px)}

.p-story{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(40px,7vw,120px);padding-block:clamp(88px,11vw,150px)}
.p-story>div:first-child{display:grid;gap:30px;align-content:start}
.p-story .label{margin-bottom:0}
.p-lead{font:400 clamp(1.7rem,3.2vw,2.8rem)/1.2 var(--display);color:var(--forest);text-wrap:pretty}
html[lang="ar"] .p-lead{line-height:1.6}
.p-story .link{justify-self:start}
.p-scope .label{margin-bottom:18px}
.p-scope ul{border-top:1px solid var(--line)}
.p-scope li{display:flex;align-items:center;gap:16px;padding-block:18px;border-bottom:1px solid var(--line);font-size:18px}
.p-leaf{width:14px;height:14px;flex:none;background:var(--bronze);border-radius:10px 2px 10px 2px;transform:rotate(-12deg)}

.p-more{background:var(--paper);padding-block:clamp(80px,10vw,130px)}
.p-more-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:clamp(12px,2vw,24px);align-items:start}
.p-more figure{border-radius:var(--leaf);overflow:hidden;aspect-ratio:4/5}
.p-more figure:nth-child(2){margin-top:clamp(24px,5vw,72px)}
.p-more img{width:100%;height:100%;object-fit:cover;transition:scale 1.1s var(--ease)}
.p-more figure:hover img{scale:1.05}
html[dir="rtl"] .p-more figure{border-radius:4px 28px 4px 4px}

.p-next{background:var(--forest);color:var(--on-dark)}
.p-next-link{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px 40px;padding-block:clamp(64px,8vw,110px);text-decoration:none}
.p-next-link .mono{grid-column:1;color:var(--bronze-lt)}
.p-next-title{grid-column:1;font:400 clamp(2.4rem,6vw,5.4rem)/1 var(--display);transition:color .3s,transform .6s var(--ease)}
.p-next-link figure{grid-column:2;grid-row:1/3;width:clamp(160px,24vw,340px);aspect-ratio:4/3;border-radius:var(--leaf);overflow:hidden}
.p-next-link figure img{width:100%;height:100%;object-fit:cover;transition:scale 1s var(--ease)}
.p-next-link:hover .p-next-title{color:var(--bronze-lt);transform:translateX(12px)}
html[dir="rtl"] .p-next-link:hover .p-next-title{transform:translateX(-12px)}
.p-next-link:hover figure img{scale:1.08}

.p-cta{background:var(--forest-2);color:var(--on-dark);padding-block:clamp(80px,10vw,130px);border-top:1px solid var(--line-dark)}
.p-cta .wrap{display:grid;gap:28px;justify-items:start}
.p-cta .label{color:var(--bronze-lt);margin-bottom:0}
.p-cta h2{color:#f6f2e8}
.project-page .footer{padding-block:28px calc(28px + env(safe-area-inset-bottom,0px))}
.project-page .footer-bottom{padding-top:0}

@media (max-width:900px){
  .p-story{grid-template-columns:1fr}
  .p-more-grid{grid-template-columns:1fr 1fr}
  .p-more figure:nth-child(2){margin-top:0}
  .p-more figure:first-child{grid-column:1/-1;aspect-ratio:16/11}
  .p-next-link{grid-template-columns:1fr}
  .p-next-link figure{grid-column:1;grid-row:auto;width:100%;aspect-ratio:16/9}
}

/* Short text pages: privacy policy, 404 */
.simple-page{min-height:100vh;min-height:100svh;display:grid;align-content:center}
.simple-page .p-lead{color:var(--on-dark);max-width:40ch}
.simple-page .p-lead a{color:var(--bronze-lt)}
.simple-page h1{max-width:none}
.simple-en{color:var(--on-dark-muted)}