Mini Video Library

:root{--bg:#c9bea7;--panel:#eee5d2;--line:#81745f;--text:#201d18;--muted:#6e6250;--accent:#c83b2f;color-scheme:light}
body{font-family:Georgia,"Times New Roman",serif;background:repeating-linear-gradient(0deg,#c9bea7 0,#c9bea7 3px,#c5baa3 4px);letter-spacing:.01em}
header{background:#292721f2;color:#f4ead6;border-bottom:5px solid #c83b2f;box-shadow:0 3px 0 #292721}
.brand{font-family:"Courier New",monospace;letter-spacing:.16em;text-transform:uppercase}.brand:first-letter{color:#f4c54c}nav{font-family:"Courier New",monospace;color:#f4ead6;text-transform:uppercase}
main{position:relative;background:#e8dec9;border:1px solid #81745f;box-shadow:8px 10px 0 #554b3b55;padding-top:56px}
main:before{content:"ARCHIVE / PRIVATE COLLECTION";position:absolute;right:28px;top:18px;color:#a2352d;border:2px solid #a2352d;padding:3px 8px;font:700 11px/1 "Courier New",monospace;letter-spacing:.12em;transform:rotate(-1deg)}
.hero h1,.detail-header h1,.settings h1{font-family:Georgia,serif;color:#292721;text-shadow:1px 1px #fff8}.eyebrow{color:#a2352d!important;font-family:"Courier New",monospace}
input,select,textarea{background:#fffaf0;color:#201d18;border:1px solid #81745f;border-radius:0;font-family:"Courier New",monospace;box-shadow:inset 2px 2px #c7bda8}
button,.button{background:#ded2bc;color:#201d18;border:1px solid #5f5545;border-radius:0;box-shadow:2px 2px 0 #5f5545;font-family:"Courier New",monospace;text-transform:uppercase;font-size:12px}
button:hover,.button:hover{background:#f4c54c;transform:translate(-1px,-1px);box-shadow:3px 3px 0 #5f5545}.play{background:#c83b2f;color:#fff8e7;border-radius:0;box-shadow:3px 3px 0 #292721;text-transform:uppercase;font-family:"Courier New",monospace}
.grid{gap:38px 26px}.poster,.cover{padding:8px 8px 28px;background:#f7efdf;border:1px solid #958871;border-radius:0;box-shadow:3px 5px 9px #40372b50;transform:rotate(-.25deg)}.card:nth-child(even) .poster{transform:rotate(.35deg)}.card:hover .poster{transform:rotate(0) translateY(-4px);box-shadow:6px 10px 14px #40372b55}.card h2{font-family:"Courier New",monospace}
.media-facts div,.track-card,.detail-panels,.plugin-card,.stat-grid article{background:#f1e8d5;border-color:#958871;border-radius:0}.detail-panels summary{font-family:"Courier New",monospace;text-transform:uppercase}.badge,.tag-cloud span{background:#f4c54c;color:#292721;border:1px solid #81745f;border-radius:0}.compatibility{background:#d9e1c2;color:#344020;border-color:#768150;border-radius:0}.settings-tabs{background:#d8ccb5;border:1px solid #81745f}.settings-tabs button{box-shadow:none}.settings-tabs button.active{background:#292721;color:#f4ead6}::selection{background:#c83b2f;color:#fff}