/* Tabs / filters (renamed) */
    .filter-tabs {
      display: flex;
      justify-content: center;
      gap: 10px;
      flex-wrap: wrap;
      margin: 26px 0 24px 0;
      padding-bottom: 8px;
      border-bottom: 1px solid rgba(12,18,20,0.06);
    }

    .filter-btn {
      padding: 10px 18px;
      background: transparent;
      border: 1px solid transparent;
      border-radius: 999px;
      font-weight: var(	--font-weight-regular);
      font-size: 0.95rem;
      cursor: pointer;
      transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
      color: var(--color-body-text);
    }

    .filter-btn:hover {
      transform: translateY(-2px);
      background: var(--color-bg-light);
      color: #0f1720;
    }

    .filter-btn.active {
      background: var(--color-button);
      color: white;
      border: 1px solid rgba(0,0,0,0.06);
      box-shadow: 0 8px 22px rgba(2, 16, 29, 0.18);
    }

    /* Photo grid (renamed) */
    .photo-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
      gap: 18px;
    }

    /* Card (renamed) */
    .photo-card {
      border-radius: 16px;
      overflow: hidden;
      background: linear-gradient(180deg, #ffffff 0%, #fbfeff 100%);
      box-shadow: 0 6px 20px rgba(14,20,23,0.06);
      transition: transform .28s ease, box-shadow .28s ease;
      transform: translateY(0);
      opacity: 1;
      display: flex;
      flex-direction: column;
    }

    .photo-card:hover {
      transform: translateY(-8px);
      box-shadow: 0 18px 42px rgba(11,18,22,0.12);
    }

    .photo-thumb {
      width: 100%;
      height: 190px;
      object-fit: cover;
      display: block;
      border-bottom-left-radius: 8px;
      border-bottom-right-radius: 8px;
      transition: transform .45s ease;
    }

    .photo-card:hover .photo-thumb {
      transform: scale(1.04);
    }

    .photo-meta {
      padding: 14px;
      display: block;
    }

    .photo-title {
      font-size: var(--text-heading-h6);
      font-family: var(--font-heading);
      margin: 0 0 6px 0;
      color: #0e2a2e;
    }

    .photo-desc {
      margin: 0;
      color: #5c6b6f;
      font-size: 14px;
      text-transform: capitalize;
    }

    /* Badge area (new classes for "related faculty" or other tags) */
    .meta-row {
      display: flex;
      gap: 8px;
      align-items: center;
      margin-top: 10px;
    }

    .tag {
      padding: 6px 10px;
      font-size: 12px;
      border-radius: 999px;
      background: rgba(12,18,20,0.04);
      color: #11313a;
      border: 1px solid rgba(12,18,20,0.03);
      font-weight: 600;
    }


    /* Empty state (renamed) */
    .empty-state {
      grid-column: 1 / -1;
      text-align: center;
      padding: 42px;
      color: #6a7a7e;
      background: rgba(11,19,22,0.02);
      border-radius: 12px;
    }

    /* Footer */
    .pg-footer {
      text-align: center;
      margin-top: 38px;
      padding: 18px;
      color: #657779;
      border-top: 1px solid rgba(12,18,20,0.04);
    }

    /* Responsive tweaks */
    @media (max-width: 800px) {
      .photo-thumb { height: 300px; }
      .photo-grid { grid-template-columns: 2fr; }
    }

    @media (max-width: 480px) {
      .photo-grid { grid-template-columns: 1fr; }
      .filter-btn { padding: 8px 12px; font-size: 0.88rem; }
    }