.video-page{max-width:1380px;margin:0 auto;padding:150px clamp(20px,5vw,72px) 150px}.video-page>h1{font:400 var(--heading-main)/1 Georgia,serif;letter-spacing:0;margin:0}.video-subtitle{color:var(--muted);font:italic 20px Georgia,serif;margin:26px 0 80px}.video-feature{display:grid;grid-template-columns:minmax(240px,360px) 1fr;gap:clamp(34px,7vw,100px);align-items:start;padding-bottom:110px}.video-feature h2,.channel-videos>h2{font:400 var(--heading-section)/1 Georgia,serif;letter-spacing:0;margin:0}.video-feature video{display:block;width:100%;aspect-ratio:16/9;background:#000}.channel-videos{padding-top:80px;border-top:1px solid var(--line)}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px 18px;margin-top:54px}.video-card{border:0;background:transparent;color:var(--text);padding:0;text-align:left;cursor:pointer}.video-thumb{display:block;position:relative;aspect-ratio:16/9;background:var(--surface-2);overflow:hidden}.video-thumb img,.video-thumb .media-placeholder{width:100%;height:100%;object-fit:cover;aspect-ratio:16/9}.video-thumb i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:rgba(8,10,13,.84);border:1px solid rgba(255,255,255,.58);color:#fff;font-style:normal;font-size:12px}.video-card:hover .video-thumb img{filter:brightness(.7)}.video-card strong{display:block;font:19px/1.25 Georgia,serif;margin-top:16px}.video-card small{display:flex;gap:10px;color:var(--muted);margin-top:9px}.video-modal{position:fixed;z-index:80;inset:0;background:rgba(0,0,0,.88);display:grid;place-items:center;padding:24px}.video-dialog{position:relative;width:min(1120px,100%)}.video-close{position:absolute;z-index:2;right:0;bottom:calc(100% + 12px);width:42px;height:42px;border:1px solid #777;border-radius:50%;background:#0b0d10;color:#fff;font-size:24px;cursor:pointer}#videoFrameHost{width:100%;aspect-ratio:16/9;background:#000}#videoFrameHost iframe{width:100%;height:100%;border:0}
@media(max-width:800px){.video-page{padding-top:110px}.video-feature{grid-template-columns:1fr;padding-bottom:72px}.channel-videos{padding-top:60px}.video-grid{grid-template-columns:1fr 1fr;gap:30px 12px}.video-card strong{font-size:16px}}
@media(max-width:520px){.video-page>h1{font-size:40px}.video-grid{grid-template-columns:1fr}}
.video-external{display:inline-flex;align-items:center;min-height:42px;margin-top:12px;padding:0 16px;border:1px solid #777;background:#0b0d10;color:#fff;font-size:13px}
#videoFrameHost.portrait{width:min(100%,420px);height:auto;aspect-ratio:5/7;margin:0 auto}#videoFrameHost.portrait video{display:block;width:100%;height:100%;object-fit:contain;background:#000}