.charity-work-block{position:relative;overflow:hidden}.charity-work-block__pseudo-images{position:absolute;width:100%;height:100%;top:0;left:0;z-index:0;pointer-events:none}.charity-work-block__pseudo-left{position:absolute;top:10%;left:-5%;opacity:0.1;max-width:200px}.charity-work-block__pseudo-right{position:absolute;bottom:10%;right:-5%;opacity:0.1;max-width:200px}.charity-work-block__container{position:relative;z-index:1}.charity-work-block__header{-webkit-animation:fadeInUp 0.6s ease-out;animation:fadeInUp 0.6s ease-out}.charity-work-block__tag{-webkit-animation:fadeIn 0.8s ease-out;animation:fadeIn 0.8s ease-out}.charity-work-block__title{line-height:1.2}.charity-work-block__subtitle{line-height:1.4}.charity-work-block__description{line-height:1.6}.charity-work-block__filters{-webkit-animation:fadeInUp 0.8s ease-out;animation:fadeInUp 0.8s ease-out}.charity-work-block__filter-btn{background-color:var(--color-gray-100, #f3f4f6);color:var(--color-gray-700, #374151);border:1px solid transparent;cursor:pointer}.charity-work-block__filter-btn:hover{background-color:var(--color-gray-200, #e5e7eb);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.charity-work-block__filter-btn.active{background-color:var(--color-primary-500, #5ab5b2);color:white;border-color:var(--color-primary-600, #4a9a98)}.charity-work-block__grid{-webkit-animation:fadeInUp 1s ease-out;animation:fadeInUp 1s ease-out}.charity-work-block__grid--masonry{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));grid-auto-rows:20px}.charity-work-block__grid--masonry .charity-work-block__card{grid-row-end:span calc(var(--row-span, 20))}.charity-work-block__grid--list .charity-work-block__card{display:grid;grid-template-columns:300px 1fr;gap:2rem}@media (max-width: 768px){.charity-work-block__grid--list .charity-work-block__card{grid-template-columns:1fr}}.charity-work-block__grid--list .charity-work-block__card-image-wrapper{border-radius:0.5rem}.charity-work-block__project{opacity:0;-webkit-animation:fadeInUp 0.6s ease-out forwards;animation:fadeInUp 0.6s ease-out forwards}.charity-work-block__project:nth-child(1){-webkit-animation-delay:0.1s;animation-delay:0.1s}.charity-work-block__project:nth-child(2){-webkit-animation-delay:0.2s;animation-delay:0.2s}.charity-work-block__project:nth-child(3){-webkit-animation-delay:0.3s;animation-delay:0.3s}.charity-work-block__project:nth-child(4){-webkit-animation-delay:0.4s;animation-delay:0.4s}.charity-work-block__project:nth-child(5){-webkit-animation-delay:0.5s;animation-delay:0.5s}.charity-work-block__project:nth-child(6){-webkit-animation-delay:0.6s;animation-delay:0.6s}.charity-work-block__project:nth-child(7){-webkit-animation-delay:0.7s;animation-delay:0.7s}.charity-work-block__project:nth-child(8){-webkit-animation-delay:0.8s;animation-delay:0.8s}.charity-work-block__project:nth-child(9){-webkit-animation-delay:0.9s;animation-delay:0.9s}.charity-work-block__project:nth-child(10){-webkit-animation-delay:1s;animation-delay:1s}.charity-work-block__project:nth-child(11){-webkit-animation-delay:1.1s;animation-delay:1.1s}.charity-work-block__project:nth-child(12){-webkit-animation-delay:1.2s;animation-delay:1.2s}.charity-work-block__project.hidden{display:none}.charity-work-block__card{background:white;border-radius:0.5rem;overflow:hidden;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}.charity-work-block__card--elevated{-webkit-box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1),0 2px 4px -1px rgba(0, 0, 0, 0.06);box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1),0 2px 4px -1px rgba(0, 0, 0, 0.06)}.charity-work-block__card--elevated:hover{-webkit-box-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.1),0 10px 10px -5px rgba(0, 0, 0, 0.04);box-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.1),0 10px 10px -5px rgba(0, 0, 0, 0.04);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.charity-work-block__card--bordered{border:2px solid var(--color-gray-200, #e5e7eb)}.charity-work-block__card--bordered:hover{border-color:var(--color-primary-500, #5ab5b2);-webkit-box-shadow:0 4px 6px -1px rgba(90, 181, 178, 0.1);box-shadow:0 4px 6px -1px rgba(90, 181, 178, 0.1)}.charity-work-block__card--minimal{background:transparent;border-radius:0}.charity-work-block__card--minimal:hover{background:var(--color-gray-50, #f9fafb)}.charity-work-block__card-image-wrapper{position:relative;background:var(--color-gray-100, #f3f4f6)}.charity-work-block__card-image{display:block}.charity-work-block__status{backdrop-filter:blur(4px);font-weight:600}.charity-work-block__card-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.charity-work-block__categories{margin-bottom:0.75rem}.charity-work-block__card-title{line-height:1.3;margin-bottom:0.75rem;color:var(--color-gray-900, #111827);-webkit-transition:color 0.3s ease;transition:color 0.3s ease}.charity-work-block__card:hover .charity-work-block__card-title{color:var(--color-primary-600, #4a9a98)}.charity-work-block__card-description{line-height:1.6;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.charity-work-block__card-meta{border-top:1px solid var(--color-gray-200, #e5e7eb);padding-top:1rem}.charity-work-block__gallery{padding-top:1rem;border-top:1px solid var(--color-gray-200, #e5e7eb)}.charity-work-block__gallery-thumb{cursor:pointer;border:2px solid transparent;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}.charity-work-block__gallery-thumb:hover{border-color:var(--color-primary-500, #5ab5b2);-webkit-transform:scale(1.05);transform:scale(1.05)}.charity-work-block__card-link{-ms-flex-item-align:start;align-self:flex-start}.charity-work-block__card-link svg{-webkit-transition:-webkit-transform 0.3s ease;transition:-webkit-transform 0.3s ease;transition:transform 0.3s ease;transition:transform 0.3s ease,-webkit-transform 0.3s ease}.charity-work-block__card-link:hover svg{-webkit-transform:translateX(4px);transform:translateX(4px)}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{from{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}