.project-hubs { display:grid; grid-template-columns:repeat(2,1fr); gap:1px; border-top:1px solid var(--line); border-left:1px solid var(--line); }
.project-hub { display:flex; min-height:330px; flex-direction:column; justify-content:flex-end; border-right:1px solid var(--line); border-bottom:1px solid var(--line); padding:26px; background:var(--black); }
.project-hub__image { aspect-ratio:16/8; margin:-26px -26px 24px; overflow:hidden; background:#111; }
.project-hub__image img { display:block; width:100%; height:100%; object-fit:cover; filter:grayscale(1) contrast(1.08); transition:filter .25s,transform .4s; }
.project-hub:hover .project-hub__image img { filter:grayscale(0); transform:scale(1.03); }
.project-hub h2 { color:var(--accent,var(--white)); font-size:clamp(3rem,5vw,5.4rem); }
.project-hub span { color:var(--accent,var(--blue)); font-size:.7rem; font-weight:500; letter-spacing:.08em; text-transform:uppercase; }
@media(max-width:700px){.project-hubs{grid-template-columns:1fr}.project-hub{min-height:260px}}