/* Featured block */
.altfp { position:relative; }
.altfp__inner { display:grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items:center; }
.altfp__media { aspect-ratio:1/1; border-radius:10px; overflow:hidden; box-shadow:0 5px 5px rgba(0,0,0,.3); background:#e9ecef; }
.altfp__image { width:100%; height:100%; object-fit:cover; display:block; }
.altfp__eyebrow { text-transform:uppercase; letter-spacing:.12em; font-weight:700; color:#a7d138; margin-bottom:10px; }
.altfp__title { margin:0 0 12px 0; font-size:clamp(28px, 4vw, 54px); line-height:1.1; }
.altfp__intro { margin:0 0 22px 0; font-size:clamp(16px, 1.6vw, 20px); max-width:60ch; }
.altfp__actions { display:flex; gap:14px; flex-wrap:wrap; }
.altfp__btn { display:inline-flex; align-items:center; justify-content:center; padding:16px 35px; border-radius:5px; font-weight:700; text-decoration:none; transition:all .25s ease; border:2px solid transparent; }
.altfp__btn--primary { background:#9ABD3F; color:#fff; border-color:#9ABD3F; }
.altfp__btn--primary:hover { background:#fff; color: #9ABD3F; border-color:#fff;}
.altfp__btn--ghost { background:transparent; border-color:#9ABD3F; }
.altfp__btn--ghost:hover { background:#fff; color:#9ABD3F; border-color:#fff;}
@media (max-width: 900px) {
  .altfp__inner { grid-template-columns: 1fr; gap: 28px; }
  .altfp__title { font-size: clamp(26px, 7vw, 38px); }
}

/* Projects Grid */
.altpg__grid { display:grid; grid-template-columns: repeat(12, 1fr); gap:24px; }
.altpg__card { grid-column: span 4; display:flex; flex-direction:column; text-decoration:none; color:inherit; border:1px solid #e6e6e6; border-radius:10px; overflow:hidden; background:#fff; transition:transform .18s ease, box-shadow .18s ease; }
.altpg__card:hover { transform:translateY(-3px); box-shadow:0 10px 20px rgba(0,0,0,.08); }
.altpg__media { aspect-ratio: 4/3; background:#f2f2f2; overflow:hidden; }
.altpg__thumb { width:100%; height:100%; object-fit:cover; display:block; }
.altpg__body { padding:16px 16px 18px; }
.altpg__title { margin:0 0 6px; font-size:1.05rem; line-height:1.25; }
.altpg__meta { font-size:.9rem; color:#6b7280; }
@media (max-width: 1020px){ .altpg__card{ grid-column: span 6; } }
@media (max-width: 640px){ .altpg__card{ grid-column: span 12; } }

/* Related Projects */
.altrel { margin-top:48px; }
.altrel__heading { margin:0 0 14px; font-size:clamp(20px, 3.5vw, 28px); }
.altrel__grid { display:grid; grid-template-columns: repeat(12, 1fr); gap:20px; }
.altrel__card { grid-column: span 4; display:flex; flex-direction:column; text-decoration:none; color:inherit; border:1px solid #e6e6e6; border-radius:10px; overflow:hidden; background:#fff; transition:transform .18s ease, box-shadow .18s ease; }
.altrel__card:hover { transform:translateY(-3px); box-shadow:0 10px 20px rgba(0,0,0,.08); }
.altrel__media { aspect-ratio: 4/3; background:#f2f2f2; overflow:hidden; }
.altrel__thumb { width:100%; height:100%; object-fit:cover; display:block; }
.altrel__body { padding:14px 14px 16px; }
.altrel__title { margin:0 0 6px; font-size:1rem; line-height:1.25; }
.altrel__meta { font-size:.9rem; color:#6b7280; }
@media (max-width: 1020px){ .altrel__card{ grid-column: span 6; } }
@media (max-width: 640px){ .altrel__card{ grid-column: span 12; } }