/*
 * RAM group (draft 14191, template page-project-ram). Concept "קומות": real estate since 1985 – the navy and gold
 * of the group banner (#12951). Deep navy hero with a skyline band, a building whose floors light up one by one,
 * and the work areas stacked as numbered floors.
 */
:root, .pj-page--ram {
	--pj-ink: #0f2340; --pj-ink-2: #26385a; --pj-paper: #f4f2ed; --pj-paper-2: #e9e5dc; --pj-card: #fffefb;
	--pj-line: #d9d3c6; --pj-line-strong: #9a9180; --pj-muted: #565247;
	--pj-signal: #8c6a1c; --pj-signal-deep: #785a14; --pj-accent: #d2ae55; --pj-on-accent: #0f2340;
	--pj-on-ink: #f4f2ed; --pj-on-ink-muted: #b8c0cf; --pj-on-ink-line: #33496e; --pj-on-signal: #ffffff;
}
.pj-page--ram .pj-hero--deep {
	background-color: var(--pj-ink);
	background-image: linear-gradient(transparent calc(100% - 3.5rem), rgba(210, 174, 85, .12) calc(100% - 3.5rem)), linear-gradient(90deg, rgba(244, 242, 237, .04) 1px, transparent 1px);
	background-size: auto, 80px 100%;
}
.pj-page--ram .pj-motif--tower .pj-m-frame { stroke: var(--pj-line-strong); }
.pj-page--ram .pj-motif--tower .pj-m-floor { fill: var(--pj-ink); stroke: var(--pj-card); stroke-width: 2; }
.pj-page--ram .pj-motif--tower .pj-m-floor:nth-child(odd) { fill: var(--pj-ink-2); }
.pj-page--ram .pj-motif--tower .pj-m-line { stroke: var(--pj-ink); }
.pj-page--ram .pj-work--floors .pj-area__meta .pj-num::before { content: "קומה"; display: block; margin-block-end: .25rem; font-family: var(--pj-sans); font-size: .8125rem; font-weight: 700; color: var(--pj-muted); direction: rtl; }
@media (prefers-reduced-motion: no-preference) {
	.pj-page--ram .pj-plate.is-in .pj-m-floor { animation: pj-ram-light 1.2s var(--pj-ease) both; }
	.pj-page--ram .pj-plate.is-in .pj-m-floor:nth-child(2) { animation-delay: .2s; }
	.pj-page--ram .pj-plate.is-in .pj-m-floor:nth-child(3) { animation-delay: .4s; }
	.pj-page--ram .pj-plate.is-in .pj-m-floor:nth-child(4) { animation-delay: .6s; }
	.pj-page--ram .pj-plate.is-in .pj-m-floor:nth-child(5) { animation-delay: .8s; }
	.pj-page--ram .pj-plate.is-in .pj-m-floor:nth-child(6) { animation-delay: 1s; }
}
@keyframes pj-ram-light { 40% { fill: #d2ae55; } }