.pj-hero { padding: 110px var(--bdg-gut) 56px; }
.pj-hero h1 { font-family: var(--bdg-fh); font-size: 64px; line-height: 1; font-weight: 700; letter-spacing: -2px; color: var(--bdg-ink); }
.pj-lead { margin-top: 24px; max-width: 620px; font-family: var(--bdg-fb); font-size: 16px; line-height: 1.8; color: var(--bdg-text); font-weight: 300; }
.pj-cats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; padding: 0 var(--bdg-gut) 140px; }
.pj-cat { display: flex; flex-direction: column; color: var(--bdg-ink); }
.pj-cat-img { display: block; aspect-ratio: 4 / 5; overflow: hidden; background: var(--bdg-cream); margin-bottom: 24px; }
.pj-cat-img img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.pj-cat:hover .pj-cat-img img { transform: scale(1.04); }
.pj-cat-title { font-family: var(--bdg-fh); font-size: 26px; line-height: 1.15; font-weight: 700; letter-spacing: -.5px; color: var(--bdg-ink); transition: color .25s; }
.pj-cat-title::first-letter { text-transform: uppercase; }
.pj-cat:hover .pj-cat-title { color: var(--bdg-gold); }
.pj-cat-count { margin-top: 10px; font-family: var(--bdg-fb); font-size: 12px; letter-spacing: 2px; text-transform: uppercase; font-weight: 600; color: var(--bdg-muted); }
@media (max-width: 1024px) { .pj-cats { grid-template-columns: 1fr 1fr; } }
@media (max-width: 767px) {
	.pj-hero { padding: var(--bdg-sec-m) 20px var(--bdg-head-m); }
	.pj-hero h1 { font-size: 44px; }
	.pj-cats { grid-template-columns: 1fr; padding: 0 20px var(--bdg-sec-m); gap: 40px; }
	.pj-cat-img { aspect-ratio: 4 / 3; }
}