*{box-sizing:border-box;margin:0}html,body{background:#0b0b0c;color:#ececec;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,sans-serif}
main{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;gap:18px}
video{display:block;max-width:min(100%,1100px);max-height:80vh;width:auto;border-radius:10px;background:#000;box-shadow:0 10px 40px rgba(0,0,0,.6)}
h1{font-size:clamp(18px,2.4vw,24px);font-weight:600;letter-spacing:.01em;text-align:center}
.by{font-size:13px;color:#8a8a8f}a{color:inherit;text-decoration:none}a:hover{color:#fff}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px;width:min(100%,1100px)}
.card img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px;background:#111;display:block}.card p{margin-top:8px;font-size:14px}