html,body { margin:0; padding:0; background:#1d1d1d; color:#f4f4f4; font-family:Verdana,Arial,sans-serif; }
.av-top { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:16px 32px; background:#111; position:sticky; top:0; z-index:5; }
.av-logo { height:56px; width:auto; }
nav a { color:#d3a91c; margin-left:16px; text-decoration:none; font-size:13px; }
nav a:hover { text-decoration:underline; }
.panel { max-width:980px; margin:0 auto; padding:56px 24px 40px; overflow:auto; }
h1,h2 { color:#c9b6ff; }
.float-left { float:left; margin:0 16px 16px 0; width:239px; height:auto; }
.grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:16px; }
.grid img { width:100%; height:200px; object-fit:cover; object-position:center; background:#000; display:block; }
.grid a { display:block; }
figcaption { font-size:11px; color:#bbb; margin-top:6px; }
.videogrid { display:grid; gap:28px; }
.videogrid video { width:100%; max-width:720px; background:#000; display:block; }
footer { padding:24px; text-align:center; color:#aaa; }
footer a { color:#d3a91c; }