.video-media-container{display: flex;flex-direction: column;align-items: center;width: 100%;margin: 0.5rem 0rem 4rem 0rem;padding: 0 1rem;}.video-media-box-wrapper{width: 100%;max-width: 100%;display: flex;justify-content: center;}.video-media-box{position: relative;width: 100%;max-width: 80rem;aspect-ratio: 16 / 9;perspective: 1000px;border-radius: 1.2rem;overflow: hidden;background: var(--gradient-soft-teal-gold-fade);box-shadow: 0 1rem 2.5rem rgba(73, 164, 183, 0.25), 0 0 2rem rgba(201, 163, 104, 0.15), 0 0 0.5rem rgba(0, 0, 0, 0.05);}.video-media-inner{position: absolute;top: 0;left: 0;width: 100%;height: 100%;transition: transform 0.8s ease;transform-style: preserve-3d;will-change: transform;}.video-media-box.flipped .video-media-inner{transform: rotateY(180deg);}.video-media-front, .video-media-back{position: absolute;top: 0;left: 0;width: 100%;height: 100%;backface-visibility: hidden;display: flex;justify-content: center;align-items: center;overflow: hidden;box-shadow: var(--video-box-shadow);}.video-media-front{cursor: pointer;position: relative;}.video-media-back{transform: rotateY(180deg);background: var(--gradient-soft-teal-gold-fade);background-color: var(--primary-white);padding: 0;box-sizing: border-box;font-family: var(--body-font);text-align: left;pointer-events: auto;z-index: 2;}.video-media-box:not(.video-media-portrait) .video-media-front video, .video-media-box:not(.video-media-portrait) .video-media-front iframe{object-fit: cover;}.video-media-box.video-media-portrait .video-media-front video, .video-media-box.video-media-portrait .video-media-front iframe{object-fit: contain;}@media screen and (orientation: landscape) and (max-height: 420px){.video-media-box{aspect-ratio: 16 / 9;min-height: 20rem;max-height: 100vh;height: auto;}}@media screen and (orientation: video-media-portrait){.video-media-box{aspect-ratio: 16 / 9;min-height: unset;max-height: unset;height: auto;}}@media screen and (max-width: 768px){.video-media-box{max-width: 90%;}}@media screen and (max-width: 480px){.video-media-box{max-width: 100%;}}.video-media-front video, .video-media-front iframe{width: 100%;height: 100%;border: none;display: block;object-fit: contain;}.video-media-front video[muted]{cursor: pointer;}.video-media-front video:not([muted]){cursor: default;}.video-media-thumbnail{position: absolute;inset: 0;z-index: 1;overflow: hidden;pointer-events: none;}.video-media-thumbnail img{width: 100%;height: 100%;object-fit: cover;display: block;transition: opacity 0.3s ease;}.video-media-front.playing .video-media-thumbnail img{opacity: 0;}.video-media-loader{position: absolute;top: 50%;left: 50%;width: 4rem;height: 4rem;margin: -2rem 0 0 -2rem;border: 0.4rem solid rgba(255, 255, 255, 0.4);border-top: 0.4rem solid var(--primary-color);border-radius: 50%;animation: video-media-spin 1s linear infinite;z-index: 10;pointer-events: none;transition: opacity 0.3s ease;}@keyframes video-media-spin{0%{transform: rotate(0deg);}100%{transform: rotate(360deg);}}.video-media-loader.hidden{opacity: 0;}.video-media-back-text h1, .video-media-back-text h2, .video-media-back-text h3, .video-media-back-text h4, .video-media-back-text h5, .video-media-back-text h6{font-family: var(--heading-font-2);font-size: 2rem;font-weight: 500;color: var(--very-dark-grey);border-bottom: 0.3rem solid var(--accent-color);display: inline-block;padding: 0rem 0.5rem;border-radius: 0.3rem;}.video-media-back-text, .video-media-back-text p{font-family: var(--body-font);font-size: 1.6rem;line-height: 1.6;color: var(--very-dark-grey);text-align: left;}.video-media-back-text p{margin-bottom: 1.2rem;}.video-media-scroll-wrapper{width: 100%;height: 100%;padding: 2rem;box-sizing: border-box;overflow-y: auto;scroll-behavior: smooth;position: relative;z-index: 5;-webkit-overflow-scrolling: touch;}.video-media-scroll-content{max-width: 50rem;margin: 0 auto;font-size: 1.6rem;color: var(--soft-black);line-height: 1.6;}.video-media-scroll-content a{color: var(--primary-color);text-decoration: underline;transition: color 0.3s ease;position: relative;z-index: 10;}.video-media-scroll-content a:hover{color: var(--accent-color);}.video-media-caption-below{max-width: 64rem;width: 100%;box-sizing: border-box;text-align: left;}.video-media-video-title{font-family: var(--heading-font-2);font-size: 2rem;font-weight: 500;color: var(--very-dark-gray);display: block;margin: 0 auto 1.5rem auto;padding: 0.6rem 0.5rem;background: var(--gradient-gray-white-horizontal);border-radius: 0.3rem;text-align: center;border-top: 0.15rem solid #5c6e8d;border-bottom: 0.15rem solid #5c6e8d;}.video-media-btn{margin-top: 1.5rem;padding: 1rem 2.5rem;font-size: 1.6rem;background-color: var(--primary-color);color: var(--primary-white);border: none;border-radius: 0.6rem;cursor: pointer;transition: transform 0.3s ease, filter 0.3s ease;font-weight: 500;box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);will-change: transform;}.video-media-btn:hover{transform: translateY(-0.2rem);filter: brightness(1.08);}.video-media-scroll-wrapper::-webkit-scrollbar{width: 0.6rem;}.video-media-scroll-wrapper::-webkit-scrollbar-track{background: transparent;}.video-media-scroll-wrapper::-webkit-scrollbar-thumb{background-color: var(--accent-color);border-radius: 1rem;border: 0.1rem solid transparent;background-clip: content-box;}.video-media-scroll-wrapper{scrollbar-width: thin;scrollbar-color: var(--secondary-color) transparent;}video::cue{text-align: center;font-size: 1.2em;color: #fff;background: rgba(0, 0, 0, 0.6);padding: 0.2em 0.4em;border-radius: 0.3em;}