/* Supplied Lawn Spa project media, October 2026. */
.project-video-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 340px)); justify-content: center; gap: 2.5rem; }
.project-video-grid--single { grid-template-columns: minmax(0, 340px); }
.project-video-card { min-width: 0; }
.project-video-card h3 { margin-top: 1rem; font-size: 1.2rem; }
.project-video-card p { margin-top: .5rem; }
.project-video-player { position: relative; aspect-ratio: 9 / 16; background: #102136; border-radius: var(--radius-lg); overflow: hidden; }
.project-video-player video { display: block; width: 100%; height: 100%; object-fit: contain; }
.project-video-play { position: absolute; inset: 0; width: 100%; border: 0; cursor: pointer; background: linear-gradient(transparent 45%, rgba(0,0,0,.55)); color: white; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .75rem; font: 700 1.1rem var(--font-body, sans-serif); }
.project-video-play[hidden] { display: none; }
.project-video-play__icon { display: grid; place-items: center; width: 72px; height: 72px; border: 2px solid white; border-radius: 50%; background: rgba(5,20,36,.8); font-size: 28px; padding-left: 4px; }
.project-video-play span:last-child { background: rgba(5,20,36,.9); padding: .4rem .8rem; border-radius: 4px; }
.project-video-play:hover .project-video-play__icon { background: #0042a9; }
.project-video-play:focus-visible { outline: 4px solid white; outline-offset: -6px; }
.project-photo-caption { padding: .75rem 1rem; font-size: .9rem; line-height: 1.5; background: #f3f5f7; color: #334155; margin: 0; }
@media (max-width: 767px) {
 .project-video-grid { grid-template-columns: minmax(0, 340px); gap: 2rem; }
}