/* Work page scoped styles from work.html */

    /* Towards Excellence Visual Image Grid */
    .towards-section {
      margin-bottom: var(--space-12);
      position: relative;
    }
    .towards-grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: var(--space-4);
      overflow: hidden;
      border-radius: var(--radius-lg);
      border: 1px solid var(--color-border);
    }
    @media (min-width: 769px) {
      .towards-grid {
        grid-template-columns: repeat(2, 1fr);
      }
    }
    @media (min-width: 992px) {
      .towards-grid {
        grid-template-columns: repeat(3, 1fr);
      }
    }
    .towards-card {
      position: relative;
      height: 200px;
      overflow: hidden;
    }
    @media (min-width: 769px) {
      .towards-card {
        height: 240px;
      }
    }
    @media (min-width: 992px) {
      .towards-card {
        height: 300px;
      }
    }
    .towards-card img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform var(--transition-slow);
    }
    .towards-card:hover img {
      transform: scale(1.06);
    }
    .towards-overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(to bottom, rgba(0,0,0,0) 50%, rgba(0,0,0,0.65) 100%);
      z-index: 2;
      display: flex;
      align-items: flex-end;
      padding: var(--space-6);
      opacity: 0.95;
      transition: opacity var(--transition-fast);
    }
    .towards-card:hover .towards-overlay {
      opacity: 1;
    }
    .towards-title {
      color: #FFFFFF;
      font-family: 'Cinzel', Georgia, serif;
      font-size: 1.15rem;
      font-weight: 600;
      letter-spacing: 0.01em;
    }

    /* Filterable grid: linked vs static cards */
    .lgp-work-filterable-grid .work-card__link {
      display: flex;
      flex-direction: column;
      flex: 1 1 auto;
      height: 100%;
      color: inherit;
      text-decoration: none;
    }
    .lgp-work-filterable-grid .work-card__link--static {
      cursor: default;
    }
    .lgp-work-filterable-grid .work-card--static:hover {
      transform: none;
    }