:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#101414;color:#f4f3ee}
*{box-sizing:border-box}
body{margin:0;min-height:100svh;display:grid;place-items:center}
main{width:min(100%,1440px);padding:clamp(16px,3vw,40px)}
header{margin:0 0 20px}
h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(24px,3.5vw,36px);font-weight:400;line-height:1.2;margin:0 0 8px}
header p{margin:0;color:#bdc5c1;font-size:14px;line-height:1.5;letter-spacing:.035em}
video{display:block;width:100%;height:auto;aspect-ratio:16/9;max-height:calc(100svh - 180px);object-fit:contain;background:#000;outline-offset:5px}
.disclosure{font-size:13px;line-height:1.55;color:#afb8b4;margin:14px 0 0}
#playback-error{font-size:16px;line-height:1.5}
a{color:#f4f3ee;text-underline-offset:4px}
@media(max-width:600px){main{padding:16px}header{margin-bottom:16px}.disclosure{max-width:36em}}
@media(orientation:landscape) and (max-height:560px){main{padding:12px;width:100%}header,.disclosure{display:none}video{max-height:calc(100svh - 24px)}}