/*
 * Atica New York (draft 14195, template page-project-atica). Concept "רשת מנהטן": US menswear – the slate navy of
 * the ATICA NEW YORK logo (#13305) with a tailoring tan. Quiet hero, letter-spaced Latin, the street grid of
 * Manhattan as motif, the work areas as a boutique catalogue.
 */
:root, .pj-page--atica {
	--pj-ink: #18212f; --pj-ink-2: #2f3a4c; --pj-paper: #f3f4f6; --pj-paper-2: #e6e9ee; --pj-card: #ffffff;
	--pj-line: #d6dbe3; --pj-line-strong: #8d97a8; --pj-muted: #525d6e;
	--pj-signal: #34507a; --pj-signal-deep: #2e4870; --pj-accent: #c2a878; --pj-on-accent: #18212f;
	--pj-on-ink: #f3f4f6; --pj-on-ink-muted: #b6bfcc; --pj-on-ink-line: #36435a; --pj-on-signal: #ffffff;
	--pj-radius: 0px;
}
.pj-page--atica .pj-h2 { font-weight: 500; }
.pj-page--atica .pj-motif--grid .pj-m-grid { stroke: var(--pj-line-strong); stroke-width: 1.2; }
.pj-page--atica .pj-motif--grid .pj-m-line { stroke: var(--pj-accent); stroke-width: 3; }
.pj-page--atica .pj-motif--grid .pj-m-fill { fill: var(--pj-signal); }
.pj-page--atica .pj-work--tiles .pj-area__meta .pj-num { font-weight: 500; color: var(--pj-signal); }
@media (prefers-reduced-motion: no-preference) {
	.pj-page--atica .pj-plate.is-in .pj-m-fill { animation: pj-at-block 3.2s ease-in-out infinite alternate; }
}
@keyframes pj-at-block { from { fill: #34507a; } to { fill: #c2a878; } }
/* The logo file is a 768×768 square with the wordmark in its centre: shown as the same 7:2 centre crop the homepage card uses (no distortion). */
.pj-page--atica .pj-logo img { width: min(100%, 320px); max-width: none; max-height: none; aspect-ratio: 7 / 2; object-fit: cover; }