/* Styles that only apply to about.html */

.video-wrapper {
                position: relative;
                width: 100%;
                height: 100%;
            }

            .video-wrapper video {
                width: 100%;
                height: 100%;
                object-fit: cover;
                display: block;
            }

            .video-overlay {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: rgba(0, 0, 0, 0.2);
                pointer-events: none;
            }
            .header-logo img,
.header-logo svg {
    transform: none !important;
    transition: none !important;
    animation: none !important;
}
#loader-wrapper {
    display: none !important;
}
#footer p,
#footer a,
#footer i {
    color: #c0b7b0 !important;
}
#footer .social a i {
    color: #c0b7b0 !important;
}
#footer {
    border-top: 1px solid #c0b7b0 !important;
}
#footer img {
  filter: brightness(0) saturate(100%) invert(78%) sepia(9%) saturate(210%) hue-rotate(353deg) brightness(95%) contrast(86%);
}
.back-to-top::after { display: none !important; }

/* Mobile RWD */
@media (max-width: 767px) {
    #block-0,
    #block-0 .swiper-container,
    #block-0 .swiper-container-inner,
    #block-0 .swiper,
    #block-0 .swiper-wrapper,
    #block-0 .swiper-slide,
    #block-0 .swiper-slide .video {
        height: 100vh !important;
        height: 100dvh !important;
        min-height: 100vh !important;
        min-height: 100dvh !important;
    }
    #block-0 .title h1 {
        font-size: 28px !important;
        letter-spacing: 2px !important;
    }
}

/* Footer 3-column layout overrides */
#footer .social { justify-content: flex-end !important; }
#footer .footer-icon { display: flex; justify-content: center; }
@media (max-width: 767px) {
    #footer .social { justify-content: center !important; margin-top: 15px !important; }
    #footer .text-end { text-align: center !important; }
    #footer .footer-content-outer { justify-content: center; }
}

#team-showcase-app {
  font-family: "Noto Serif TC", "Playfair Display", serif;
  background-color: #F9F7F2;
  color: #1F1F1F;
  box-sizing: border-box;
  line-height: 1.6;
  width: 100%;
  display: block; 
  position: relative;
  text-align: left; 
}
#team-showcase-app *, #team-showcase-app *::before, #team-showcase-app *::after {
  box-sizing: inherit; border-width: 0; border-style: solid; border-color: #e5e7eb;
}
#team-showcase-app img {
  display: block; max-width: 100%; height: auto; margin: 0;
}