/* A focused replacement for the values scene; the cinematic shell stays intact. */
.stage:has([data-panel="portfolio"]:not([hidden])) .shade{background:linear-gradient(180deg,#1a1a1aaa,#1a1a1a80 35%,#1a1a1acc 80%,#1a1a1af2)}
.portfolio-panel h2{font-size:clamp(25px,2.4vw,36px);line-height:1.6}
.portfolio-panel .eyebrow{margin-bottom:8px}
.portfolio-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:4px 18px;border-bottom:1px solid var(--line);margin:22px 0 18px}
.portfolio-tabs button{font:500 13px/1.9 'Noto Kufi Arabic',sans-serif;padding:9px 0 12px;min-height:44px;border-bottom:2px solid transparent;color:#d6cdbd}
.portfolio-tabs button[aria-pressed=true]{color:var(--gold);border-color:var(--gold)}
.project-feature{display:grid;grid-template-columns:1fr 1fr;text-align:right;border:1px solid var(--line);background:rgba(26,26,26,.91)}
.project-cover{position:relative;padding:0;overflow:hidden;min-height:270px}
.project-cover img{height:100%;position:absolute;inset:0;transition:transform .8s var(--ease)}
.project-cover:hover img{transform:scale(1.035)}
.project-cover>span{position:absolute;bottom:12px;right:12px;padding:5px 12px;background:#1a1a1ada;font-size:12px}
.project-overview{padding:22px;min-width:0}
.project-status{color:var(--gold);font-size:12px;line-height:1.8}
.project-location{font-size:12px;color:#c7bba6;margin:8px 0 2px}
.project-overview h3{font-size:21px;margin-bottom:8px}
.project-overview>p:not(.project-status):not(.project-location){font-size:14px;color:#e3d8c6;line-height:1.9}
.project-facts{list-style:none;padding:0;margin:14px 0;display:flex;flex-wrap:wrap;gap:6px 12px;font-size:12px;color:#dfc595}
.project-more{padding:9px 14px;font-size:13px;gap:20px}
.portfolio-source{font-size:11px;color:#c6baa7;margin:12px auto 0;max-width:650px;line-height:1.9}
.project-detail-head{padding:26px 30px 16px}.project-detail-head h2{font-size:30px}.project-detail-head>p:last-child{color:#d6cab7;margin-top:12px}
.project-records{padding:12px 30px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.project-record{border:1px solid var(--line);min-width:0}.project-record-image{display:block;padding:0;width:100%;background:#111}
.project-record-image img{width:100%;height:250px;object-fit:cover;object-position:center 75%}
.project-record>div{padding:18px}.project-record h3{font-size:20px;margin:6px 0}.project-record p{font-size:14px;line-height:1.9}.project-record .glass{margin-top:15px}
.project-unit-list,.project-amenities{margin:22px 30px;border-top:1px solid var(--line);padding-top:24px}
.project-unit-list h3,.project-amenities h3{font-size:21px;margin-bottom:12px}.project-unit-list>p{font-size:15px}
.rimal-units{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}
.rimal-unit{border:1px solid var(--line);padding:18px;background:#f3e5c705}.rimal-unit-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.rimal-unit h4{font:26px Arial,sans-serif;margin:0;color:var(--gold)}.rimal-unit-top span{font-size:12px;color:#e7d4b5}.rimal-unit p{font-size:14px;margin:5px 0}.rimal-unit strong{display:block;font-weight:500;font-size:20px;color:var(--gold);margin-top:15px}.rimal-unit.is-sold{background:transparent}.rimal-unit.is-sold h4{color:#bfb7ab}
.project-amenities ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 25px;padding-inline-start:20px;font-size:14px}
.project-warranties{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.project-warranties>div{border:1px solid var(--line);padding:14px}.project-warranties dt{font-size:13px}.project-warranties dd{margin:5px 0 0;color:var(--gold);font-size:18px}
.project-detail-footer{padding:22px 30px 30px;border-top:1px solid var(--line);font-size:14px;line-height:2}.project-source-note{color:#bdaf98;font-size:12px!important;margin:12px 0}.project-detail-footer .actions{justify-content:flex-start;margin-top:20px}
@media(max-width:1050px){.project-overview{padding:16px}.portfolio-tabs{gap:4px 12px}.portfolio-tabs button{font-size:12px}.project-overview h3{font-size:18px}}
@media(max-width:760px){.portfolio-panel h2{font-size:25px}.portfolio-tabs{display:grid;grid-template-columns:1fr 1fr;gap:3px 12px;margin-top:16px}.portfolio-tabs button{font-size:12px}.project-feature{grid-template-columns:1fr}.project-cover{min-height:190px}.project-overview{padding:18px}.project-overview h3{font-size:21px}.project-overview>p:not(.project-status):not(.project-location){font-size:15px}.project-facts{font-size:13px}.portfolio-source{font-size:12px}.project-records{grid-template-columns:1fr;padding:10px 20px;gap:16px}.project-detail-head{padding:22px 20px 12px}.project-detail-head h2{font-size:25px}.project-unit-list,.project-amenities{margin:20px}.rimal-units{grid-template-columns:1fr}.project-warranties{grid-template-columns:1fr 1fr}.project-amenities ul{grid-template-columns:1fr}.project-detail-footer{padding:20px}.project-record-image img{height:230px}.project-more{width:100%;font-size:14px}.project-detail-footer .actions .glass{width:100%}}