.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:18px;margin-top:22px}
.project-card{position:relative;min-height:230px;background:#10283d;border:1px solid #25435b;border-radius:14px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.project-card:hover{transform:translateY(-3px);border-color:#3688bd;box-shadow:0 16px 32px #0002}
.project-card-link{display:flex;flex-direction:column;height:100%;padding:25px;text-decoration:none;color:inherit}
.project-card h3{font-size:22px;line-height:1.25;margin:12px 0 8px;display:flex;justify-content:space-between;gap:12px}
.project-card h3 span{color:#55baff;font-size:18px}
.project-card p{font-size:14px;line-height:1.55;margin:0 0 26px;min-height:44px}
.card-progress{display:flex;justify-content:space-between;gap:10px;margin-top:auto;font-size:12px;color:#a9c1d3}
.card-progress strong{color:#67c5ff}
.project-card .mini-track{height:5px;width:100%;margin-top:10px}
.project-card-tools{position:absolute;right:18px;top:18px;display:flex;gap:2px;opacity:.85}
.project-card-tools .icon-button{background:#10283d}
.hero .eyebrow a{color:inherit;text-decoration:none}
.hero .eyebrow a:hover{color:#72c5ff}
:root[data-theme=light] .project-card{background:#fff;border-color:#dce6ef}
:root[data-theme=light] .project-card:hover{border-color:#81bfe8;box-shadow:0 16px 32px #16345316}
:root[data-theme=light] .project-card h3{color:#19334c}
:root[data-theme=light] .project-card .card-progress{color:#61788c}
:root[data-theme=light] .project-card .card-progress strong{color:#087ed8}
:root[data-theme=light] .project-card-tools .icon-button{background:#fff}
@media(max-width:600px){.project-grid{grid-template-columns:1fr}.project-card{min-height:210px}}