#media .section__inner { display: flex; flex-direction: column; align-items: center; gap: calc(48px * var(--spc)); padding: 0; }
#media .hero-title { line-height: normal; margin-bottom: 0; text-shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 2px 6px rgba(0, 0, 0, .15); }
#media .tab-panel { gap: calc(20px * var(--spc)); }
#media .media-thumb { position: relative; display: block; width: calc(720px * var(--spc)); height: calc(424px * var(--spc)); border: 1px solid rgba(255, 255, 255, .3); border-radius: calc(20px * var(--spc)); overflow: hidden; box-shadow: 0 16px 32px -8px rgba(12, 12, 13, .4); }
#media .media-thumb__img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
#media .media-thumb__play { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: calc(59.777px * var(--spc)); height: calc(64.322px * var(--spc)); background: url('../assets/images/media/play.svg') center / 100% 100% no-repeat; pointer-events: none; }
#popup-video { padding: 0; background: #000; }
#popup-video .popup--video { width: 100%; max-width: none; height: 100%; max-height: none; gap: 0; padding-bottom: 0; background: transparent; border-radius: 0; box-shadow: none; }
#popup-video .popup__body { flex: 1 1 auto; min-height: 0; display: flex; align-items: center; justify-content: center; padding: 0; overflow: visible; }
#popup-video .media-player { width: calc(1060px * var(--spc)); max-width: 100%; aspect-ratio: 16 / 9; }
#popup-video .media-player iframe { display: block; width: 100%; height: 100%; border: 0; }
#popup-video .popup__close { position: absolute; top: calc(42px * var(--spc)); right: calc(43px * var(--spc)); width: calc(60px * var(--spc)); height: calc(60px * var(--spc)); font-size: calc(40px * var(--spc)); color: #FFFFFF; }