.weplay-project-grid {
  --weplay-accent: #e55b06;
  --weplay-title: #002e5b;
  --weplay-body: #35485a;
  --weplay-card: #fff;
  --weplay-button: #e55b06;
  --weplay-button-text: #fff;
  font-family: Montserrat, Arial, sans-serif;
}
.weplay-project-grid__cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; }
.weplay-project-card { background: var(--weplay-card); border-radius: 3px; overflow: hidden; box-shadow: 0 15px 38px rgba(0, 46, 91, .10); transition: transform .32s ease, box-shadow .32s ease; }
.weplay-project-card:hover { transform: translateY(-8px); box-shadow: 0 23px 50px rgba(0, 46, 91, .18); }
@media (prefers-reduced-motion: no-preference) {
  .weplay-project-card.weplay-card-pending { opacity: 0; transform: translateY(26px); }
  .weplay-project-card.weplay-card-visible { opacity: 1; transform: translateY(0); }
  .weplay-project-card.weplay-card-visible:nth-child(even) { transition-delay: .09s; }
  .weplay-project-card.weplay-card-visible:hover { transform: translateY(-8px); transition-delay: 0s; }
}
.weplay-project-card__media { display: block; height: 290px; overflow: hidden; background: #dbe8f0; }
.weplay-project-card__image { display: block; width: 100%; height: 100% !important; object-fit: cover; transition: transform .6s ease; }
.weplay-project-card:hover .weplay-project-card__image { transform: scale(1.055); }
.weplay-project-card__placeholder { display: grid; place-items: center; width: 100%; height: 100%; background: linear-gradient(135deg, #002e5b, #3975a4); color: #fff; font-size: 80px; font-weight: 700; }
.weplay-project-card__content { padding: 29px 32px 34px; }
.weplay-project-card__eyebrow { color: var(--weplay-accent); font-size: 12px; font-weight: 750; text-transform: uppercase; letter-spacing: .11em; }
.weplay-project-card__date { float: right; color: var(--weplay-body); font-size: 12px; }
.weplay-project-card__title { margin: 11px 0 13px; font-size: clamp(22px, 2.1vw, 29px); line-height: 1.27; font-weight: 700; }
.weplay-project-card__title a { color: var(--weplay-title); text-decoration: none; }
.weplay-project-card__title a:hover { color: var(--weplay-accent); }
.weplay-project-card__excerpt { min-height: 50px; color: var(--weplay-body); font-size: 15px; line-height: 1.7; margin: 0 0 24px; }
.weplay-project-card__button { display: inline-block; padding: 12px 20px; border-radius: 2px; color: var(--weplay-button-text) !important; background: var(--weplay-button); text-decoration: none !important; font-size: 13px; font-weight: 700; transition: filter .2s ease, transform .2s ease; }
.weplay-project-card__button:hover { filter: brightness(.88); transform: translateX(3px); }
.weplay-project-grid__pages { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 8px; margin-top: 44px; }
.weplay-project-grid__pages a, .weplay-project-grid__pages span { display: grid; place-items: center; min-width: 38px; min-height: 38px; padding: 5px 10px; color: var(--weplay-title); border: 1px solid #d1dce5; text-decoration: none; font-weight: 700; background: #fff; }
.weplay-project-grid__pages .is-current, .weplay-project-grid__pages a:hover { background: var(--weplay-accent); color: #fff; border-color: var(--weplay-accent); }
.weplay-grid-notice { padding: 20px; background: #fff; color: #35485a; }
@media (max-width: 767px) {
  .weplay-project-grid__cards { grid-template-columns: 1fr; gap: 24px; }
  .weplay-project-card__media { height: 220px; }
  .weplay-project-card__content { padding: 23px; }
}
@media (prefers-reduced-motion: reduce) {
  .weplay-project-card, .weplay-project-card__image, .weplay-project-card__button { transition: none; }
}