#projects{scroll-margin-top:100px}
.project-reference-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.project-reference-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#fff}
.project-reference-image{display:flex;align-items:center;justify-content:center;min-height:195px;padding:6px;background:#fff;border-bottom:1px solid var(--line)}
.project-reference-image img{display:block;flex:0 1 auto;width:auto;height:auto;max-width:100%;max-height:185px;object-fit:contain}
.project-reference-body{padding:20px;text-align:start;overflow-wrap:anywhere}
.project-reference-type{margin:0 0 8px;color:var(--red);font-size:12px;font-weight:700}
.project-reference-body h3{margin:0 0 12px;color:var(--navy);font-size:18px;line-height:1.4}
.project-reference-description{margin:0;color:var(--muted);font-size:13px;line-height:1.65}
.project-reference-products-label{margin:20px 0 8px;font-size:12px;font-weight:700;color:var(--navy)}
.project-reference-products{list-style:none;margin:0;padding:0}
.project-reference-products li+li{border-top:1px solid var(--line)}
.project-reference-products a{display:flex;align-items:center;min-height:44px;padding:7px 0;color:var(--navy);font-size:13px;line-height:1.45;text-decoration:underline;text-underline-offset:3px}
.project-reference-products a:hover{color:var(--red)}
.project-reference-products a:focus-visible{outline:3px solid var(--red);outline-offset:3px}
.project-reference-note{margin:24px 0 0;color:var(--muted);font-size:13px;line-height:1.6}
.project-reference-action{margin:26px 0 0}
@media(max-width:1040px){.project-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.project-reference-grid{grid-template-columns:minmax(0,1fr)}}