.reference-project{margin-top:40px;padding-top:54px;border-top:1px solid #34404c}.project-intro{display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:end;margin-bottom:28px}.project-intro h2{text-align:left;margin:0;font-size:29px;line-height:1.15}.project-intro>p{margin:0;color:#b9c0c9;font-size:13px;line-height:1.75}.reference-gallery{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:190px;gap:12px}.reference-gallery figure{position:relative;margin:0;overflow:hidden;background:#14202d}.reference-gallery .featured{grid-column:span 2;grid-row:span 2}.reference-gallery img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.reference-gallery figure:hover img{transform:scale(1.05)}.reference-gallery figcaption{position:absolute;inset:auto 0 0;padding:32px 16px 14px;background:linear-gradient(transparent,rgba(2,8,15,.9));color:#fff;font-size:12px;font-weight:700}.reference-gallery .featured figcaption{padding:70px 22px 20px;display:flex;flex-direction:column;gap:4px}.reference-gallery .featured span{color:#e0ae57;font-size:9px;letter-spacing:1px}.reference-gallery .featured strong{font-size:20px}.reference-gallery .featured small{color:#d0d5dc;font-size:11px}@media(max-width:850px){.project-intro{grid-template-columns:1fr;gap:16px}.reference-gallery{grid-template-columns:repeat(2,1fr);grid-auto-rows:175px}}@media(max-width:520px){.reference-gallery{grid-template-columns:1fr;grid-auto-rows:230px}.reference-gallery .featured{grid-column:span 1;grid-row:span 1}.project-intro h2{font-size:25px}}