.projects{padding:110px max(7vw,24px);background:#081018}.before-after{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:1200px;margin:0 auto 20px}.projects figure{margin:0;background:var(--panel);border:1px solid var(--line);overflow:hidden}.projects .photo{height:390px;position:relative}.projects img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.projects figure:hover img{transform:scale(1.025)}.projects .photo span{position:absolute;left:18px;top:18px;background:var(--green);color:#071000;padding:7px 13px;text-transform:uppercase;font-weight:900;font-size:.75rem;letter-spacing:.08em}.projects figcaption{padding:14px 18px;color:#dbe1e5;font-weight:700;font-size:.86rem}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1200px;margin:auto}.project-grid figure{height:280px;position:relative}.project-grid figcaption{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,rgba(3,8,13,.95));padding:60px 18px 16px}.direct-contact a,.direct-contact>span{font-weight:700}@media(max-width:820px){.projects{padding:80px max(7vw,24px)}.before-after,.project-grid{grid-template-columns:1fr}.projects .photo{height:320px}.project-grid figure{height:300px}}@media(max-width:480px){.projects .photo,.project-grid figure{height:250px}}