.projects-intro h1{max-inline-size:1000px}
.projects-section{padding-block-start:10px}
.projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 26px;list-style:none;margin:0;padding:0}
.projects-grid>li{display:flex;min-inline-size:0}
.project-card{display:flex;flex-direction:column;min-inline-size:0;inline-size:100%;border-block-start:1px solid var(--line);padding-block-start:20px}
.project-meta{display:flex;align-items:baseline;gap:16px;font-size:13px;line-height:1.7;color:#667d8b;margin-block-end:11px}
.project-meta>span{color:var(--orange);font-size:11px;font-weight:750}
.project-card h2{font-size:21px;line-height:1.5;letter-spacing:-.35px;padding-block-end:22px;overflow-wrap:anywhere}
.project-card figure{aspect-ratio:16/10;margin:0;margin-block-start:auto;background:#edf0f2;overflow:hidden}
.project-card figure a{display:flex;align-items:center;justify-content:center;inline-size:100%;block-size:100%;cursor:zoom-in}
.project-card img{display:block;inline-size:100%;block-size:100%;object-fit:contain}
.project-card figure a:focus-visible{outline:3px solid var(--orange);outline-offset:-3px}
.group-projects-link{padding-block-end:70px}
html[dir=rtl] .project-card h2{letter-spacing:0;line-height:1.65}
@media(max-width:1000px){.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 22px}}
@media(max-width:600px){.projects-grid{grid-template-columns:minmax(0,1fr);gap:32px}.project-card h2{font-size:21px;padding-block-end:18px}.project-meta{font-size:13px}.projects-section{padding-block-start:0}.group-projects-link{padding-block-end:45px}}