/* Employee activities gallery — scoped to the Our Team page. */
.team137 .team-activities-section { background: #f7faf7; }
.team137 .team-activities-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 14px; }
.team137 .activity-thumb { position: relative; display: block; padding: 0; overflow: hidden; border: 1px solid #d7e5dc; border-radius: 10px; background: #fff; cursor: pointer; aspect-ratio: 1 / 1; box-shadow: 0 4px 12px rgba(5, 76, 42, .07); }
.team137 .activity-thumb img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .25s ease; }
.team137 .activity-thumb span { position: absolute; right: 7px; bottom: 7px; padding: 5px 8px; border-radius: 999px; color: #fff; background: rgba(0, 83, 45, .9); font-size: 10px; font-weight: 800; opacity: 0; transform: translateY(4px); transition: opacity .2s ease, transform .2s ease; }
.team137 .activity-thumb:hover img, .team137 .activity-thumb:focus-visible img { transform: scale(1.06); }
.team137 .activity-thumb:hover span, .team137 .activity-thumb:focus-visible span { opacity: 1; transform: translateY(0); }
.team137 .activity-thumb:focus-visible { outline: 3px solid #f15b22; outline-offset: 2px; }
.team137 .team-activities-empty { min-height: 104px; display: flex; align-items: center; justify-content: center; gap: 12px; border: 1px dashed #b8d2c0; border-radius: 10px; color: #37614a; background: #fff; font-weight: 700; }
.team137 .team-activities-empty span { color: #f15b22; font-size: 22px; }
.team137 .team-activities-empty p { margin: 0; }
.activity-dialog { width: min(1000px, 92vw); max-width: none; max-height: 92vh; padding: 18px 52px; border: 0; border-radius: 14px; background: #063f2a; box-shadow: 0 24px 60px rgba(0, 0, 0, .35); }
.activity-dialog::backdrop { background: rgba(1, 23, 13, .78); }
.activity-dialog figure { margin: 0; text-align: center; }
.activity-dialog figure img { display: block; width: auto; max-width: 100%; max-height: calc(92vh - 80px); margin: 0 auto; border-radius: 7px; object-fit: contain; }
.activity-dialog figcaption { padding-top: 10px; color: #fff; font-size: 14px; font-weight: 700; text-transform: capitalize; }
.activity-dialog-close, .activity-dialog-nav { position: absolute; z-index: 1; border: 0; color: #fff; background: rgba(255, 255, 255, .16); cursor: pointer; }
.activity-dialog-close { top: 10px; right: 12px; width: 30px; height: 30px; border-radius: 50%; font-size: 24px; line-height: 24px; }
.activity-dialog-nav { top: 50%; width: 34px; height: 48px; border-radius: 8px; font-size: 37px; line-height: 38px; transform: translateY(-50%); }
.activity-dialog-prev { left: 10px; }
.activity-dialog-next { right: 10px; }
.activity-dialog-close:hover, .activity-dialog-nav:hover, .activity-dialog-close:focus-visible, .activity-dialog-nav:focus-visible { background: #f15b22; outline: none; }
@media (max-width: 1050px) { .team137 .team-activities-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 700px) { .team137 .team-activities-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; } .team137 .activity-thumb span { display: none; } .activity-dialog { width: 96vw; padding: 14px 38px; } .activity-dialog-nav { width: 28px; height: 42px; font-size: 30px; } .activity-dialog-prev { left: 5px; } .activity-dialog-next { right: 5px; } }
@media (max-width: 420px) { .team137 .team-activities-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }