Mini Video Library

:root{--bg:#f0f0ea;--panel:#ffffff;--line:#101010;--text:#080808;--muted:#555;--accent:#ff2b19;color-scheme:light}
*{border-radius:0!important}body{font-family:Arial,Helvetica,sans-serif;background:linear-gradient(90deg,transparent 49.8%,#0000000b 50%,transparent 50.2%),#f0f0ea;background-size:80px 100%}
header{height:72px;background:#080808;color:#fff;border-bottom:8px solid #ff2b19;padding-left:24px}.brand{font-size:20px;font-weight:900;text-transform:uppercase;letter-spacing:-.04em}.brand:first-letter{color:#ff2b19}nav{color:#fff;font-weight:900;text-transform:uppercase}nav a:hover{color:#ff2b19}
main{max-width:1600px}.hero{border-bottom:5px solid #080808;padding-bottom:24px}.hero h1,.detail-header h1,.settings h1{font-size:clamp(48px,8vw,104px);font-weight:950;line-height:.82;letter-spacing:-.08em;text-transform:uppercase;color:#080808}.eyebrow{display:inline-block;background:#ff2b19;color:#fff!important;padding:3px 7px;letter-spacing:.12em}
input,select,textarea,button{color:#080808;background:#fff;border:3px solid #080808;font-weight:800}button,.button{text-transform:uppercase;box-shadow:4px 4px 0 #080808}button:hover,.button:hover{background:#ffe500;transform:translate(-2px,-2px);box-shadow:6px 6px 0 #080808}.play{background:#ff2b19;color:#fff;border:3px solid #080808;box-shadow:5px 5px 0 #080808;text-transform:uppercase}.play:hover{background:#ffe500;color:#080808}
.filters{border-bottom:3px solid #080808;padding-bottom:22px}.grid{gap:42px 20px}.poster,.cover{background:#fff;border:4px solid #080808;box-shadow:8px 8px 0 #ff2b19}.card:hover .poster{transform:translate(-3px,-3px);box-shadow:11px 11px 0 #ff2b19}.card h2{font-size:18px;font-weight:950;text-transform:uppercase;color:#080808}.card p{color:#333;font-weight:700}
.media-facts{gap:0;border:3px solid #080808}.media-facts div{border:0;border-right:2px solid #080808;border-bottom:2px solid #080808;background:#fff}.track-card,.detail-panels,.plugin-card,.stat-grid article{background:#fff;border:3px solid #080808;box-shadow:6px 6px 0 #080808}.detail-panels details+details,.panel-body{border-color:#080808}.detail-panels summary{font-size:17px;text-transform:uppercase}.detail-panels details[open] summary{background:#ffe500}.badge,.tag-cloud span,.compatibility{background:#ffe500;color:#080808;border:2px solid #080808;font-weight:900}.settings-tabs{background:#fff;border:3px solid #080808;box-shadow:6px 6px 0 #ff2b19}.settings-tabs button{box-shadow:none;border-width:2px}.settings-tabs button.active{background:#080808;color:#fff}.notice{background:#ffe500;color:#080808;border:3px solid #080808}::selection{background:#ff2b19;color:#fff}