.sermons-container{padding:var(--spacing-xl) var(--spacing-sm);min-height:60vh}.sermons-header{text-align:center;margin-bottom:var(--spacing-xl)}.sermons-header h1{color:var(--color-primary);margin-bottom:var(--spacing-xs)}.sermons-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.sermon-card-link{color:inherit;text-decoration:none}.sermon-card{background:var(--color-surface-light);border-radius:var(--border-radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);flex-direction:column;height:100%;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.sermon-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.sermon-thumbnail{aspect-ratio:16/9;background-color:#000;width:100%;position:relative;overflow:hidden}.sermon-thumbnail img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.sermon-card:hover .sermon-thumbnail img{transform:scale(1.05)}.play-overlay{opacity:0;background:#0000004d;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .2s;display:flex;position:absolute;top:0;left:0}.play-overlay svg{color:#fff;width:48px;height:48px}.sermon-card:hover .play-overlay{opacity:1}.sermon-content{padding:var(--spacing-md);flex-direction:column;flex-grow:1;display:flex}.sermon-content h2{margin-bottom:var(--spacing-xs);font-size:1.25rem;line-height:1.3}.sermon-meta{color:var(--color-text-light);margin-top:auto;font-size:.9rem}.empty-state{text-align:center;padding:var(--spacing-xl);background:var(--color-surface-light);border-radius:var(--border-radius-md);color:var(--color-text-light)}