/* Pages under /progetti/ and the latest-projects block of the home page (ADR 0030).
   Same fonts and colours as the rest of the site; the cards follow its blog cards. */
.pj-page{background:#fff;color:#3A3A3A;font-family:'Open Sans',sans-serif}
.pj-main{padding:120px 5% 60px;min-height:60vh}
.pj-wrap{max-width:1100px;margin:0 auto}
.pj-job{max-width:800px}
.pj-latest{background:#fff;padding:80px 5%}
.pj-wrap h1,.pj-wrap h2{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;color:#3A3A3A;line-height:1.1}
.pj-wrap h1{font-size:40px;font-weight:800;margin-bottom:12px}
.pj-wrap h2{font-size:32px;font-weight:800;margin-bottom:8px}
.pj-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}
.pj-intro{font-size:15px;color:#5a6e82;margin-bottom:32px}
.pj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin-bottom:32px}
.pj-card{background:#fff;border:1px solid #dce6f0;border-radius:6px;overflow:hidden;transition:box-shadow .2s}
.pj-card a{text-decoration:none;color:inherit;display:block}
.pj-card img{width:100%;height:200px;object-fit:cover;display:block}
.pj-card-body{padding:20px}
.pj-card h3{font-size:16px;font-weight:700;line-height:1.3;margin-bottom:8px;color:#3A3A3A}
.pj-card p{font-size:13px;color:#5a6e82;line-height:1.5;margin-bottom:14px}
.pj-card .pj-meta{font-size:12px;margin-bottom:8px}
.pj-more{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.pj-all a{font-weight:700;text-decoration:none}
.pj-back a{color:#2E7CC0;text-decoration:none;font-size:14px}
.pj-meta{font-size:14px;color:#5a6e82;margin-bottom:16px}
.pj-lead{font-size:18px;line-height:1.6;margin-bottom:18px}
.pj-job p{line-height:1.7;margin-bottom:16px}
.pj-photos{margin-top:32px}
.pj-note{font-size:13px;color:#5a6e82}
.pj-photos figure{margin:24px 0}
.pj-photos img{width:100%;height:auto;border-radius:6px;display:block}
.pj-photos figcaption{font-size:14px;color:#5a6e82;margin-top:8px}
.pj-actions{display:flex;gap:20px;flex-wrap:wrap;margin-top:8px;font-size:13px}
.pj-actions a{color:#2E7CC0}
@media(max-width:600px){.pj-main{padding-top:96px}.pj-wrap h1{font-size:30px}}