.media-page{padding-top:36px;padding-bottom:90px;color:#f2f6ff;max-width:1320px}
.media-hero{padding:30px;border:1px solid #34465f;border-radius:20px;background:linear-gradient(120deg,#142033,#203b61);margin-bottom:24px}
.media-eyebrow{color:#a9caff;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.media-page h1{color:#fff;font-size:42px;font-weight:800;margin:8px 0}
.media-hero p{color:#ccd8eb;font-size:16px;margin-bottom:24px}
.media-tabs{display:flex;gap:12px}.media-tabs a{display:flex;align-items:center;gap:10px;padding:12px 22px;border:1px solid #547099;border-radius:12px;color:#e0eaff;text-decoration:none;font-weight:700}
.media-tabs a.is-active{background:#3879e7;border-color:#3879e7;color:#fff}.media-tabs span{font-size:12px;background:#ffffff17;padding:2px 8px;border-radius:8px}
.media-filters{display:flex;align-items:end;flex-wrap:wrap;gap:14px;padding:20px;background:#142033;border:1px solid #34465f;border-radius:16px}
.media-filters label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#b9cbe4;flex:1;min-width:180px}.media-filters .media-search{flex:2}
.media-filters input,.media-filters select{width:100%;min-height:44px;border-radius:9px;border:1px solid #465975;background:#0e192a;color:#f2f6ff;padding:10px 12px;font-size:14px;color-scheme:dark}.media-filters input::placeholder{color:#92a5c1}
.media-filters button{min-height:44px;padding:10px 24px;border:1px solid #3879e7;background:#3879e7;border-radius:9px;color:white;font-weight:700}.media-reset{color:#b9d5ff;padding:12px 0}
.media-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:28px 0 18px}.media-heading h2{font-size:23px;color:#f2f6ff;margin:0;font-weight:700}.media-heading>span{color:#aebfd8;font-size:13px}
.media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.media-item{background:#142033;border:1px solid #34465f;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s}.media-item:hover{border-color:#73a7fa}
.media-item-link{color:inherit;text-decoration:none;display:flex;flex-direction:column;flex:1}
.media-art{height:116px;display:flex;align-items:center;justify-content:space-between;padding:24px 26px;background:linear-gradient(135deg,#243f65,#172b46);color:#bdd5fa;border-bottom:1px solid #34465f}.media-art>i{font-size:36px}.media-art>span{font-size:12px;letter-spacing:.06em;text-transform:uppercase;font-weight:700}.media-art-video{background:linear-gradient(135deg,#24314e,#243f65)}
.media-item-body{padding:20px;display:flex;flex-direction:column;flex:1;gap:14px}.media-item-meta{display:flex;justify-content:space-between;gap:8px;color:#adbed7;font-size:11px}
.media-item h3{font-size:18px;line-height:1.4;font-weight:700;color:#f2f6ff;overflow-wrap:anywhere;margin:0}.media-open{font-size:13px;font-weight:600;color:#9bc2ff;margin-top:auto;display:flex;align-items:center;gap:8px}
.media-teams{display:flex;flex-wrap:wrap;gap:6px;padding:0 20px 20px}.media-teams a{color:#cad8ed;background:#23344d;border:1px solid #3b4e69;border-radius:7px;padding:4px 8px;font-size:11px;text-decoration:none}.media-teams a:hover{color:#fff;border-color:#73a7fa}
.media-empty{text-align:center;padding:60px 20px;background:#142033;border:1px solid #34465f;border-radius:16px;color:#b9cbe4}.media-empty>i{font-size:32px;color:#9bc2ff;margin-bottom:18px}.media-empty h3{color:#fff;font-size:20px}
.media-pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:28px;color:#b9cbe4;font-size:14px}.media-pagination a{color:#b9d5ff;padding:10px 15px;border:1px solid #465975;border-radius:9px;background:#142033;text-decoration:none}
.media-page a:focus-visible,.media-page button:focus-visible,.media-page input:focus-visible,.media-page select:focus-visible{outline:3px solid #9bc2ff;outline-offset:3px}
@media(max-width:991px){.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575px){.media-page{padding-top:20px}.media-hero{padding:22px 18px}.media-page h1{font-size:32px}.media-hero p{font-size:14px}.media-tabs a{flex:1;justify-content:center;padding:11px 12px}.media-filters{padding:16px;gap:12px}.media-filters label{flex-basis:100%;min-width:0}.media-filters button{flex:1}.media-grid{grid-template-columns:1fr;gap:16px}.media-heading h2{font-size:20px}.media-heading>span{font-size:11px}.media-art{height:92px}.media-pagination{gap:8px;font-size:12px}.media-pagination a{padding:10px}}
.media-art{position:relative;height:auto;aspect-ratio:16/9;overflow:hidden}
.media-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.media-art img[hidden]{display:none}
.media-art>i,.media-art>span{position:relative;z-index:1;text-shadow:0 2px 8px #000}
.media-art>span{background:#0e192acb;border-radius:6px;padding:5px 8px;margin-top:auto;margin-left:auto}
.media-art:has(img:not([hidden]))>i{background:#0e192aaa;padding:13px;border-radius:50%;font-size:25px}
.media-item-link:hover .media-art-video>i{background:#3879e7}
.media-player-modal .modal-content{background:#142033;color:#f2f6ff;border:1px solid #465975;border-radius:16px;opacity:1}
.media-player-modal .modal-header{border-bottom:1px solid #465975;gap:18px}
.media-player-modal .modal-title{color:#fff;font-size:18px;line-height:1.4}
.media-player-modal .modal-body{background:#142033;border-radius:0 0 16px 16px}
.media-player-modal iframe{border:0;background:#060c16}
.media-player-modal p{color:#b9cbe4;font-size:13px;margin:15px 0 0}
.media-player-modal a{color:#b9d5ff}
@media(max-width:575px){.media-art{height:auto}.media-player-modal .modal-dialog{margin:10px}.media-player-modal .modal-title{font-size:15px}.media-filters .media-search{flex-basis:100%}}
.media-item-body{padding:14px;gap:9px}
.media-item h3{font-size:15px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.media-item-meta{font-size:10px}.media-open{font-size:12px}
.media-teams{padding:0 14px 14px;gap:4px}.media-teams a{font-size:10px;padding:3px 6px}
.media-album-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:16px;font-size:13px;color:#b9cbe4}
.media-album-toolbar button,.media-album-more,.media-photo-controls button{border:1px solid #547099;border-radius:9px;color:#f2f6ff;background:#233b5e;padding:9px 14px}
.media-album-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.media-photo-thumb{padding:0;border:1px solid #465975;border-radius:8px;overflow:hidden;background:#0e192a;aspect-ratio:4/3}
.media-photo-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .2s}
.media-photo-thumb:hover img{transform:scale(1.04)}
.media-album-more{display:block;margin:20px auto 0}.media-photo-viewer{text-align:center}
.media-photo-viewer>img{width:100%;max-height:65vh;object-fit:contain;background:#060c16;border-radius:8px}
.media-photo-controls{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:14px;color:#d4e3f9}
.media-photo-controls button{min-width:48px;font-size:19px}.media-photo-controls button:disabled{opacity:.4}
.media-album-modal [hidden]{display:none!important}
.media-album-modal button:focus-visible{outline:3px solid #9bc2ff;outline-offset:3px}
@media(max-width:575px){.media-album-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.media-album-modal .modal-body{padding:12px}.media-photo-viewer>img{max-height:55vh}.media-album-toolbar{font-size:12px}.media-item h3{font-size:15px}}