/* Make the grid item container position relative for absolute positioning */                   
  .view-sfdug-meetings .views-view-grid__item-inner {                                             
      background-color: #252540;                                                                  
      border-radius: 8px;                                                                         
      padding: 0;                                                                                 
      margin-bottom: 1rem;                                                                        
      position: relative;                                                                         
      overflow: hidden;                                                                           
  }                                                                                               
                                                                                                  
  /* Video container takes full space */                                                          
  .view-sfdug-meetings .meeting-card {                                                            
      width: 100%;                                                                                
      line-height: 0;                                                                             
  }                                                                                               
                                                                                                  
  /* Title overlays on video */                                                                   
  .view-sfdug-meetings .views-field-title {                                                       
      position: absolute;                                                                         
      bottom: 0;                                                                                  
      left: 0;                                                                                    
      right: 0;                                                                                   
      background: linear-gradient(transparent, rgba(0,0,0,0.85));                                 
      padding: 2rem 1rem 1rem 1rem;                                                               
      z-index: 10;                                                                                
  }                                                                                               
                                                                                                  
  .view-sfdug-meetings .views-field-title a {                                                     
      color: #ffffff;                                                                             
      text-decoration: none;                                                                      
      font-weight: 600;                                                                           
      font-size: 0.95rem;                                                                         
      line-height: 1.3;                                                                           
      display: block;                                                                             
      text-shadow: 0 1px 3px rgba(0,0,0,0.5);                                                     
  }                                                                                               
                                                                                                  
  .view-sfdug-meetings .views-field-title a:hover {                                               
      color: #4fc3f7;                                                                             
  }                                                                                               
                                                                                                  
  /* Video iframes - consistent sizing */                                                         
  .view-sfdug-meetings iframe {                                                                   
      width: 100%;                                                                                
      height: auto;                                                                               
      aspect-ratio: 16/9;                                                                         
      display: block;                                                                             
  }                                                                                               
                                                                                                  
  /* Hide the body field if empty */                                                              
  .view-sfdug-meetings .views-field-body {                                                        
      display: none;                                                                              
  }                                                                                               
                                                                                                  
  This positions the title at the bottom of each video with a gradient fade from transparent to   
  dark, so the text is readable but doesn't block the video thumbnail. The videos will now line up
   in a clean grid with consistent sizing.                                                        
                                                                                                  
❯ The grid looks beautiful.  But can you put it on the dark background again?                     
                                                                                                  
⏺ Here's the complete CSS with the dark background restored:                                      
                                                                                                  
  /* Dark background for the main content area */                                                 
  body.path-frontpage,                                                                            
  body.path-frontpage .layout-main-wrapper {                                                      
      background-color: #1a1a2e;                                                                  
  }                                                                                               
                                                                                                  
  /* Style the view container */                                                                  
  .view-sfdug-meetings {                                                                          
      background-color: #1a1a2e;                                                                  
      padding: 2rem;                                                                              
  }                                                                                               
                                                                                                  
  /* Make the grid item container position relative for absolute positioning */                   
  .view-sfdug-meetings .views-view-grid__item-inner {                                             
      background-color: #252540;                                                                  
      border-radius: 8px;                                                                         
      padding: 0;                                                                                 
      margin-bottom: 1rem;                                                                        
      position: relative;                                                                         
      overflow: hidden;                                                                           
  }                                                                                               
                                                                                                  
  /* Video container takes full space */                                                          
  .view-sfdug-meetings .meeting-card {                                                            
      width: 100%;                                                                                
      line-height: 0;                                                                             
  }                                                                                               
                                                                                                  
  /* Title overlays on video */                                                                   
  .view-sfdug-meetings .views-field-title {                                                       
      position: absolute;                                                                         
      bottom: 0;                                                                                  
      left: 0;                                                                                    
      right: 0;                                                                                   
      background: linear-gradient(transparent, rgba(0,0,0,0.85));                                 
      padding: 2rem 1rem 1rem 1rem;                                                               
      z-index: 10;                                                                                
  }                                                                                               
                                                                                                  
  .view-sfdug-meetings .views-field-title a {                                                     
      color: #ffffff;                                                                             
      text-decoration: none;                                                                      
      font-weight: 600;                                                                           
      font-size: 0.95rem;                                                                         
      line-height: 1.3;                                                                           
      display: block;                                                                             
      text-shadow: 0 1px 3px rgba(0,0,0,0.5);                                                     
  }                                                                                               
                                                                                                  
  .view-sfdug-meetings .views-field-title a:hover {                                               
      color: #4fc3f7;                                                                             
  }                                                                                               
                                                                                                  
  /* Video iframes - consistent sizing */                                                         
  .view-sfdug-meetings iframe {                                                                   
      width: 100%;                                                                                
      height: auto;                                                                               
      aspect-ratio: 16/9;                                                                         
      display: block;                                                                             
  }                                                                                               
                                                                                                  
  /* Hide the body field if empty */                                                              
  .view-sfdug-meetings .views-field-body {                                                        
      display: none;                                                                              
  }                                                                                               
                                                                                                  
  /* Pager styling for dark background */                                                         
  .pager {                                                                                        
      background-color: #1a1a2e;                                                                  
      padding: 1rem;                                                                              
  }                                                                                               
                                                                                                  
  .pager__link,                                                                                   
  .pager__item--active {                                                                          
      color: #ffffff !important;                                                                  
  }