/* page-specific rules for prince-mohammed-farm.html (generated) */
.proj-hero { position:relative;min-height:520px;background:linear-gradient(rgba(26,20,16,.85),rgba(26,20,16,.6)),url('../../../assets/real-projects/prince-mohammed-farm-1-800.webp') center/cover;color:#fff;display:flex;align-items:flex-end;padding:100px 0 60px }
.proj-hero h1 { font-size:clamp(32px,5vw,52px);font-weight:900;line-height:1.2;margin-bottom:16px;max-width:900px }
.proj-tag { display:inline-block;padding:6px 18px;background:rgba(201,169,97,.2);border:1px solid var(--gold);color:var(--gold);font-size:12px;font-weight:700;margin-bottom:24px;border-radius:2px }
.pmeta { display:flex;flex-wrap:wrap;gap:24px;margin-top:24px;font-size:14px }
.pmeta-item { display:flex;align-items:center;gap:10px }
.proj-main { padding:70px 0;background:var(--surface-2) }
.proj-content h2 { font-size:30px;font-weight:900;color:var(--ink);margin-bottom:18px;line-height:1.3 }
.proj-content p { margin-bottom:16px;color:#444;font-size:16px;line-height:1.9 }
.proj-sidebar { background:#fff;padding:28px;border-radius:8px;border:1px solid var(--border);box-shadow:0 10px 30px rgba(26,20,16,.06) }
.proj-sidebar h3 { font-size:18px;font-weight:800;color:var(--ink);margin-bottom:18px;padding-bottom:12px;border-bottom:2px solid var(--gold) }
.proj-info-row { display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px dashed var(--border);font-size:14px }
.proj-info-row:last-of-type { border-bottom:none }
.proj-info-row .label { color:var(--text-subtle);font-weight:600 }
.proj-info-row .value { color:var(--ink);font-weight:700;text-align:left }
.sidebar-cta { display:block;margin-top:20px;padding:13px;background:var(--gold);color:#fff;text-align:center;border-radius:4px;font-weight:700 }
.sidebar-cta:hover { background:var(--ink) }
.proj-gallery { padding:70px 0;background:#fff }
.gallery-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:18px }
.gallery-item { aspect-ratio:4/3;background-size:cover;background-position:center;border-radius:6px;overflow:hidden;transition:.3s }
.gallery-item:hover { transform:translateY(-4px);box-shadow:0 14px 30px rgba(0,0,0,.15) }
@media (max-width:968px) {
.gallery-grid { grid-template-columns:1fr }
.proj-hero { min-height:420px }
.gallery-grid { grid-template-columns:1fr 1fr }
}
@media (max-width:560px) {
.gallery-grid { grid-template-columns:1fr }
}