/* ===========================================================
   ABCO GLAZING — PROJECT PAGE (modern / architectural)
   Sharp corners, full-bleed imagery, tight grids, sans headings.
   Loaded AFTER site.css on project pages only.
   =========================================================== */
.pj h1,.pj h2,.pj h3,.pj h4{font-family:var(--font-body);letter-spacing:-.02em;font-weight:600}
.pj .btn{border-radius:0}

/* Full-bleed hero */
.pj-hero{position:relative;min-height:80vh;display:flex;align-items:flex-end;overflow:hidden}
.pj-hero .bg{position:absolute;inset:0;background-size:cover;background-position:center;z-index:0;transform:scale(1.02)}
.pj-hero::after{content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(180deg,rgba(6,10,14,.35) 20%,rgba(6,10,14,.35) 45%,rgba(6,10,14,.92))}
.pj-hero .inner{position:relative;z-index:2;max-width:var(--maxw);margin:0 auto;width:100%;padding:0 26px 58px}
.pj-hero .crumb{font-size:.76rem;letter-spacing:2px;text-transform:uppercase;color:var(--accent-2);margin-bottom:16px}
.pj-hero .crumb a{color:var(--muted)}.pj-hero .crumb a:hover{color:#fff}
.pj-hero h1{color:#fff;font-size:clamp(2.4rem,5.4vw,4.2rem);line-height:1.02;max-width:16ch}
.pj-hero .loc{color:#dfe9ee;font-size:1.05rem;margin-top:14px;letter-spacing:.3px}

/* Facts bar */
.pj-facts{background:var(--surface-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.pj-facts .row{max-width:var(--maxw);margin:0 auto;display:flex;flex-wrap:wrap}
.pj-facts .cell{flex:1;min-width:170px;padding:26px 26px;border-left:1px solid var(--line)}
.pj-facts .cell:first-child{border-left:none}
.pj-facts .k{font-size:.68rem;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:7px}
.pj-facts .v{font-size:1.02rem;color:var(--ink)}
.pj-facts .v a{color:var(--accent-2)}

/* Sections */
.pj-sec{padding:82px 0}
.pj-sec .inner{max-width:var(--maxw);margin:0 auto;padding:0 26px}
.pj-lead{max-width:900px}
.pj-lead .eyebrow{color:var(--accent-2)}
.pj-lead h2{font-size:clamp(1.7rem,3vw,2.3rem);margin:10px 0 22px;color:var(--ink)}
.pj-lead p{color:var(--body);font-size:1.1rem;font-weight:300;line-height:1.75;margin-bottom:16px;max-width:70ch}

/* Scope — clean grid, hairlines, no cards */
.pj-scope{border-top:1px solid var(--line)}
.pj-scope-grid{display:grid;grid-template-columns:repeat(3,1fr)}
.pj-scope-grid .it{padding:30px 26px;border-bottom:1px solid var(--line);border-left:1px solid var(--line);transition:background .2s}
.pj-scope-grid .it:nth-child(3n+1){border-left:none}
.pj-scope-grid .it:hover{background:var(--accent-soft)}
.pj-scope-grid .n{font-size:.78rem;letter-spacing:2px;color:var(--accent-2);margin-bottom:12px}
.pj-scope-grid h3{font-size:1.15rem;color:var(--ink);margin-bottom:8px}
.pj-scope-grid p{color:var(--muted);font-size:.94rem;line-height:1.55}

/* Gallery — tight image grid, square corners, hover zoom */
.pj-gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.pj-g{position:relative;overflow:hidden;aspect-ratio:4/3;display:block;background:var(--surface-2)}
.pj-g.wide{grid-column:1 / -1;aspect-ratio:21/8}
.pj-g img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}
.pj-g:hover img{transform:scale(1.05)}
.pj-g .cap{position:absolute;left:0;right:0;bottom:0;padding:16px 18px;color:#fff;font-size:.92rem;font-weight:500;
  background:linear-gradient(transparent,rgba(6,10,14,.85));opacity:.95}

/* CTA sharpen */
.pj .cta{border-radius:0}

@media(max-width:900px){
  .pj-scope-grid{grid-template-columns:repeat(2,1fr)}
  .pj-scope-grid .it:nth-child(3n+1){border-left:1px solid var(--line)}
  .pj-scope-grid .it:nth-child(2n+1){border-left:none}
}
@media(max-width:640px){
  .pj-hero{min-height:66vh}
  .pj-facts .cell{flex:1 0 50%;border-left:none;border-top:1px solid var(--line)}
  .pj-scope-grid{grid-template-columns:1fr}
  .pj-scope-grid .it{border-left:none !important}
  .pj-gallery-grid{grid-template-columns:1fr}
  .pj-g,.pj-g.wide{aspect-ratio:4/3}
  .pj-news-item{flex-direction:column;gap:4px}
  .pj-news-item .src{min-width:0}
}

/* In the news */
.pj-news-list{border-top:1px solid var(--line);margin-top:6px}
.pj-news-item{display:flex;align-items:baseline;gap:18px;padding:22px 4px;border-bottom:1px solid var(--line);transition:padding .2s ease,background .2s ease}
.pj-news-item:hover{background:var(--accent-soft);padding-left:14px}
.pj-news-item .src{font-size:.7rem;letter-spacing:1.6px;text-transform:uppercase;color:var(--accent-2);min-width:160px}
.pj-news-item .ttl{flex:1;font-size:1.05rem;color:var(--ink)}
.pj-news-item .go{color:var(--muted);font-size:.85rem;white-space:nowrap}

/* masonry gallery — photos keep their own shape */
.pj-gallery-grid{display:block;columns:2;column-gap:10px}
.pj-g{aspect-ratio:auto;margin:0 0 10px;break-inside:avoid;-webkit-column-break-inside:avoid}
.pj-g.wide{column-span:all;aspect-ratio:auto}
.pj-g img{height:auto}
@media(max-width:640px){.pj-gallery-grid{columns:1}}
/* framed hero (zoom out + blurred sides) */
.pj-hero .hf{position:absolute;inset:0;overflow:hidden;z-index:0;background:#0a0f15}
.pj-hero .hf .hb{position:absolute;inset:-60px;background-size:cover;background-position:center;filter:blur(32px) brightness(.72) saturate(1.1);transform:scale(1.08)}
.pj-hero .hf img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;max-width:none}