.special-projects { padding: 48px 0; background: #f3f8fa; }
.special-projects .container { display: block; }
.special-projects h2 { color: #51458c; font-size: 28px; margin: 0 0 24px; }
.special-projects__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 24px; }
.special-projects__card { box-sizing: border-box; display: flex; flex-direction: column; align-items: flex-start; gap: 16px; max-width: 560px; padding: 32px; background: #fff; border: 1px solid #b5dedf; border-radius: 16px; color: #51458c; text-decoration: none; }
.special-projects__card:hover { background: #eaf7f5; text-decoration: none; }
.special-projects__card:focus-visible { outline: 3px solid #51458c; outline-offset: 4px; }
.special-projects__eyebrow { color: #367d81; font-size: 12px; letter-spacing: 1px; }
.special-projects__card h3 { font-size: 25px; line-height: 1.25; margin: 0; }
.special-projects__card p { font-size: 17px; line-height: 1.6; margin: 0; }
.special-projects__action { font-size: 17px; font-weight: bold; margin-top: auto; }
@media (max-width: 600px) {
  .special-projects { padding: 28px 16px; }
  .special-projects__card { padding: 24px; }
}