@media only screen and (min-width: 0rem) {#gallery-974 {padding: var(--sectionPadding);}#gallery-974 .cs-container {width: 100%;max-width: 34.375rem;margin: auto;display: flex;flex-direction: column;align-items: center;gap: clamp(3rem, 6vw, 4rem);position: relative;}#gallery-974 .cs-content {text-align: center;width: 100%;display: flex;flex-direction: column;align-items: center;}#gallery-974 .cs-title {margin: 0 0 1.5rem 0;}#gallery-974 .cs-button-group {margin: 0;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;row-gap: 0.5rem;column-gap: 2rem;}#gallery-974 .cs-button {font-size: 1rem;line-height: 1.5em;font-weight: 600;color: var(--bodyTextColor);background-color: #f5f5f5;border: 2px solid transparent;padding: 0.75rem 1.75rem;border-radius: 3.125rem;transition: all 0.3s ease;position: relative;overflow: hidden;}#gallery-974 .cs-button::before {content: '';position: absolute;top: 50%;left: 50%;width: 0;height: 0;border-radius: 50%;background: var(--primary);opacity: 0.1;transform: translate(-50%, -50%);transition: width 0.4s ease, height 0.4s ease;}#gallery-974 .cs-button:hover {color: #fff;background-color: var(--primary);border-color: var(--primary);cursor: pointer;transform: translateY(-2px);box-shadow: 0 6px 20px rgba(25, 197, 245, 0.3);}#gallery-974 .cs-button:hover::before {width: 300px;height: 300px;}#gallery-974 .cs-button.cs-active {color: #fff;background-color: var(--primary);border-color: var(--primary);box-shadow: 0 4px 15px rgba(25, 197, 245, 0.25);}#gallery-974 .cs-gallery-wrapper {width: 100%;position: relative;z-index: 1;}#gallery-974 .cs-gallery {width: 100%;padding: 0;margin: 0;opacity: 1;visibility: visible;position: relative;display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 1.5rem;transition: opacity 0.3s, visibility 0.5s;}#gallery-974 .cs-gallery.cs-hidden {visibility: hidden;pointer-events: none;opacity: 0;}#gallery-974 .cs-video-item {position: relative;border-radius: 0.75rem;overflow: hidden;cursor: pointer;background: #fff;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);transition: all 0.3s ease;}#gallery-974 .cs-video-item:hover {transform: translateY(-5px);box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);}#gallery-974 .cs-video-item:hover .cs-play-overlay {opacity: 1;}#gallery-974 .cs-video-item:hover .cs-play-overlay .cs-play-button {transform: scale(1);}#gallery-974 .cs-video-item:hover .cs-image img {transform: scale(1.05);}#gallery-974 .cs-image-wrapper {position: relative;aspect-ratio: 16/9;overflow: hidden;}#gallery-974 .cs-image {width: 100%;height: 100%;display: block;position: relative;}#gallery-974 .cs-image img {position: absolute;top: 0;left: 0;height: 100%;width: 100%;object-fit: cover;transition: transform 0.4s ease;}#gallery-974 .cs-play-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.3);display: flex;align-items: center;justify-content: center;opacity: 0;transition: opacity 0.3s ease;}#gallery-974 .cs-play-overlay .cs-play-button {width: 60px;height: 60px;background: rgba(255, 255, 255, 0.95);border-radius: 50%;display: flex;align-items: center;justify-content: center;color: var(--primary);transform: scale(0.8);transition: all 0.3s ease;}#gallery-974 .cs-play-overlay .cs-play-button svg {margin-left: 2px;}#gallery-974 .cs-video-info {padding: 1.5rem;}#gallery-974 .cs-video-info .cs-video-title {margin: 0;font-size: 1.125rem;color: var(--bodyTextColor);font-weight: 600;}}@media only screen and (min-width: 0rem) {.video-modal {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.8);display: flex;align-items: center;justify-content: center;z-index: 1000;opacity: 0;visibility: hidden;transition: all 0.3s ease;}.video-modal.active {opacity: 1;visibility: visible;}.video-modal.active .modal-content {transform: scale(1);}.video-modal .modal-content {position: relative;width: 90%;max-width: 900px;background: black;border-radius: 0.75rem;overflow: hidden;transform: scale(0.9);transition: transform 0.3s ease;}.video-modal .modal-content .modal-close {position: absolute;top: 1rem;right: 1rem;color: white;font-size: 2rem;cursor: pointer;z-index: 10;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;background: rgba(0, 0, 0, 0.5);border-radius: 50%;transition: all 0.3s ease;}.video-modal .modal-content .modal-close:hover {background: rgba(0, 0, 0, 0.8);transform: scale(1.1);}.video-modal .modal-content .video-container {position: relative;width: 100%;aspect-ratio: 16/9;}.video-modal .modal-content .video-container iframe {width: 100%;height: 100%;border: none;}}@media only screen and (min-width: 64rem) {#gallery-974 .cs-container {max-width: 80rem;}#gallery-974 .cs-gallery {grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));gap: 2rem;}#gallery-974 .cs-video-info {padding: 2rem;}#gallery-974 .cs-video-info .cs-video-title {font-size: 1.25rem;}}@media only screen and (max-width: 768px) {#gallery-974 .cs-gallery {grid-template-columns: 1fr;gap: 1.5rem;}#gallery-974 .cs-button-group {gap: 0.5rem 1rem;}#gallery-974 .cs-button-group .cs-button {padding: 0.625rem 1.25rem;font-size: 0.875rem;}.video-modal .modal-content {width: 95%;margin: 1rem;}.video-modal .modal-content .modal-close {top: 0.5rem;right: 0.5rem;font-size: 1.5rem;width: 35px;height: 35px;}}@media only screen and (min-width: 0rem) {body.dark-mode #gallery-974 .cs-title, body.dark-mode #gallery-974 .cs-button {color: var(--bodyTextColorWhite);background-color: rgba(255, 255, 255, 0.1);}body.dark-mode #gallery-974 .cs-title:hover, body.dark-mode #gallery-974 .cs-button:hover {background-color: var(--primary);color: #fff;}body.dark-mode #gallery-974 .cs-title.cs-active, body.dark-mode #gallery-974 .cs-button.cs-active {background-color: var(--primary);color: #fff;}body.dark-mode #gallery-974 .cs-video-item {background: #3d3d3d;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);}body.dark-mode #gallery-974 .cs-video-item .cs-video-info .cs-video-title {color: var(--bodyTextColorWhite);}}