/* Final color alignment: use the logo's primary blue for featured callouts. */
.service-card.featured,
.contact-section { background: var(--aks-blue); }

.service-card.featured { border-color: var(--aks-blue); border-top-color: var(--aks-yellow); }

/* A consistent gallery keeps three portrait/landscape work photos balanced. */
.project-grid { grid-template-columns: repeat(3, 1fr); grid-template-rows: 380px; }
.project-large { grid-row: auto; }
.project > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.project::after { position: absolute; inset: 0; content: ""; background: linear-gradient(180deg, transparent 35%, rgba(20, 40, 52, .83)); }
.project div { max-width: 100%; }
.project div span { display: block; margin-top: .4rem; font-size: .74rem; line-height: 1.45; }

/* A quieter footer keeps the focus on contact details rather than the logo. */
.footer-company { color: #fff; font-family: "Space Grotesk", sans-serif; font-size: 1.05rem !important; font-weight: 700; line-height: 1.15; }
.footer-company span { color: var(--aks-yellow); }

@media (max-width: 760px) {
  .project-grid { grid-template-columns: 1fr; grid-template-rows: repeat(3, 310px); }
  .project div span { font-size: .7rem; }
}