.engineering-project-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;padding:0 40px 110px;max-width:1800px;margin:auto;scroll-margin-top:150px;align-items:start}.engineering-project{position:relative;display:block;height:560px;overflow:hidden;background:#edf1f3;isolation:isolate;scroll-margin-top:150px}.engineering-project:nth-child(even){margin-top:75px}.engineering-project>img{width:100%;height:100%;object-fit:cover;display:block}.engineering-project.project-drawing>img{object-fit:contain;padding:22px}.engineering-project:after{content:'';position:absolute;inset:0;background:#126bb3;opacity:0;transition:opacity .25s;z-index:1}.engineering-project-label{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;gap:15px;padding:30px;z-index:2;color:white;opacity:0;transition:opacity .25s}.engineering-project-label h2{font-size:clamp(27px,2.7vw,43px);line-height:1.08;font-weight:500;margin:0;overflow-wrap:anywhere}.engineering-project-label>span{font-size:15px;line-height:1.4}.engineering-project-label .project-open{font-size:38px}.engineering-project:hover:after,.engineering-project:focus-visible:after{opacity:.87}.engineering-project:hover .engineering-project-label,.engineering-project:focus-visible .engineering-project-label{opacity:1}.engineering-project:focus-visible{outline:4px solid white;outline-offset:-7px}
@media(max-width:1100px){.engineering-project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;padding:0 24px 80px}.engineering-project{height:530px}.engineering-project:nth-child(even){margin-top:45px}}
@media(hover:none),(pointer:coarse){.engineering-project-label{opacity:1;background:linear-gradient(transparent 40%,#092d58ed)}.engineering-project-label h2{font-size:32px}}
@media(max-width:600px){.engineering-project-grid{grid-template-columns:1fr;gap:30px}.engineering-project{height:470px}.engineering-project:nth-child(even){margin-top:0}.engineering-project-label{opacity:1;background:linear-gradient(transparent 40%,#092d58ed);padding:25px}}
@media(prefers-reduced-motion:reduce){.engineering-project:after,.engineering-project-label{transition:none}}