
.homepage-project-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:32px 0 26px}
.homepage-project-cards .project-card{display:flex;flex-direction:column;background:#101f2b;border:1px solid rgba(206,191,158,.24);color:#f5f2ea;text-decoration:none;transition:border-color .2s,transform .2s;min-width:0}
.homepage-project-cards .project-card:hover{border-color:#d8b579;transform:translateY(-3px)}
.homepage-project-cards .project-card:focus-visible{outline:3px solid #e8c488;outline-offset:4px}
.homepage-project-cards .project-card-image{width:100%;aspect-ratio:16/9;overflow:hidden;background:#0a141c}
.homepage-project-cards .project-card-image img{width:100%;height:100%;display:block;object-fit:cover}
.homepage-project-cards .project-card-copy{padding:24px 22px 25px;display:flex;flex-direction:column;flex:1}
.homepage-project-cards .project-card-label{color:#e4bf83;font:700 11px/1.5 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px}
.homepage-project-cards .project-card-title{color:#f7f3ea;font:400 clamp(22px,2.2vw,29px)/1.12 Georgia,serif;margin:0 0 14px}
.homepage-project-cards .project-card-desc{color:#c6d0d4;font:15px/1.65 Arial,sans-serif;margin:0 0 20px}
.homepage-project-cards .project-card-cta{color:#e9c98d;font:13px/1.4 Arial,sans-serif;margin-top:auto}
@media(max-width:780px){.homepage-project-cards{grid-template-columns:1fr;gap:18px}.homepage-project-cards .project-card-copy{padding:20px}.homepage-project-cards .project-card-title{font-size:26px}}
@media(prefers-reduced-motion:reduce){.homepage-project-cards .project-card{transition:none}.homepage-project-cards .project-card:hover{transform:none}}
