
/* Variable-size project composition: each image remains a direct link. */
.engineering-project-grid{
 display:grid;
 grid-template-columns:repeat(12,minmax(0,1fr));
 gap:38px 24px;
 align-items:start;
 padding:0 4vw 120px;
 max-width:1700px;
}
.engineering-project,.engineering-project:nth-child(even){
 margin:0;min-height:0;overflow:hidden;
}
.engineering-project:nth-child(1){grid-column:1/span 7;grid-row:1;height:690px}
.engineering-project:nth-child(2){grid-column:9/span 4;grid-row:1;height:500px;margin-top:110px}
.engineering-project:nth-child(3){grid-column:1/span 4;grid-row:2;height:530px;margin-top:-55px}
.engineering-project:nth-child(4){grid-column:6/span 7;grid-row:2;height:650px;margin-top:20px}
.engineering-project.project-drawing>img{padding:0;object-fit:cover}
.engineering-project-label{opacity:1;background:linear-gradient(0deg,#092d58db,transparent 55%);padding:35px}
.engineering-project-label h2{font-size:clamp(30px,3vw,52px)}
@media(max-width:900px){
 .engineering-project-grid{gap:22px;padding:0 24px 85px}
 .engineering-project:nth-child(1){grid-column:1/span 7;height:520px}
 .engineering-project:nth-child(2){grid-column:9/span 4;height:400px;margin-top:80px}
 .engineering-project:nth-child(3){grid-column:1/span 5;height:430px;margin-top:-30px}
 .engineering-project:nth-child(4){grid-column:7/span 6;height:500px;margin-top:20px}
}
@media(max-width:650px){
 .engineering-project-grid{display:flex;flex-direction:column;gap:25px;padding:0 20px 70px}
 .engineering-project,.engineering-project:nth-child(n){height:auto;min-height:0;margin-top:0;flex:none}
 .engineering-project:nth-child(1){width:100%;aspect-ratio:4/5}
 .engineering-project:nth-child(2){width:83%;aspect-ratio:1/1;margin-left:auto}
 .engineering-project:nth-child(3){width:91%;aspect-ratio:4/5}
 .engineering-project:nth-child(4){width:96%;aspect-ratio:5/4;margin-left:auto}
 .engineering-project-label{padding:23px}
 .engineering-project-label h2{font-size:clamp(27px,8vw,38px)}
}
