@import url('https://fonts.googleapis.com/css2?family=Karla:wght@300;400;500;600;700;800&family=Playfair+Display:wght@500;600;700;800&display=swap');
:root{--bg:#121111;--panel:#181717;--card:#171616;--border:#aba8a3;--gold:#c69600;--lav:#b997ce;--text:#eee8df;--muted:#c8c0b6;--sidebar:#121111}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Karla,sans-serif;font-size:14px;min-height:100vh}body:before{content:"";position:fixed;inset:0;background-image:url("https://media.istockphoto.com/id/1320330053/photo/dotted-grid-paper-background-texture-seamless-repeat-pattern.jpg?b=1&s=612x612&w=0&k=20&c=GPSH_m8nKn35D_nigxYdfvrC7RrgZ0Ua24xnvidstKY=");opacity:.16;pointer-events:none}a{color:inherit;text-decoration:none}.topline{height:3px;background:linear-gradient(to right,var(--border) 0 33%,var(--gold) 33% 66%,var(--lav) 66%)}.site{position:relative;z-index:1;max-width:1500px;margin:auto;padding:28px 28px 50px}.header{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;border-bottom:1px solid var(--border);padding:0 0 18px;margin-bottom:18px}.brand{font-family:'Playfair Display',serif;font-size:42px;line-height:1;color:var(--gold);letter-spacing:-1px}.brand span{color:var(--lav)}.tagline{color:var(--muted);margin-top:7px}.nav{display:flex;gap:7px;flex-wrap:wrap}.nav a{border:1px solid var(--border);padding:9px 13px;text-transform:uppercase;font-size:12px;font-weight:700;letter-spacing:1px}.nav a:hover,.nav a.active{background:var(--lav);color:var(--bg)}.filters{border:1px solid var(--border);padding:16px;margin-bottom:22px;background:rgba(18,17,17,.88)}.filter-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:7px 0}.filter-label{font-family:'Playfair Display',serif;color:var(--gold);font-weight:700;min-width:75px}.filter-btn{background:transparent;border:1px solid #625f5b;color:var(--text);padding:7px 10px;cursor:pointer;font:inherit;font-size:12px;text-transform:uppercase}.filter-btn:hover,.filter-btn.selected{border-color:var(--lav);background:var(--lav);color:var(--bg)}.catalog{display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:15px}.card{
  background:var(--card);
  border:1px solid var(--border);
  padding:8px;
  transition:transform .18s,border-color .18s;
  display:flex;
  flex-direction:column;
}.card:hover{transform:translateY(-2px);border-color:var(--lav)}.thumb{width:100%;aspect-ratio:268/150;object-fit:cover;display:block;background:#222}.card-title{font-family:'Playfair Display',serif;font-size:25px;font-weight:600;margin:10px 2px 9px;line-height:1.02;overflow-wrap:anywhere;word-break:normal;min-height:1.02em}.card-title .title-line{display:block}.card-title .title-line.gold{color:var(--gold)}.card-title .title-line.purple{color:var(--lav)}.title-measure{position:absolute;visibility:hidden;white-space:nowrap;font:inherit}.description{border-top:1px solid #625f5b;border-bottom:1px solid #625f5b;padding:7px 2px;color:var(--muted);text-transform:uppercase;font-size:11px;line-height:1.35;min-height:30px}.meta{display:flex;flex-wrap:wrap;gap:5px;margin:9px 0}.tag{font-size:10px;border:1px solid #625f5b;padding:4px 6px;color:var(--muted);text-transform:uppercase}.credit{font-size:12px;color:var(--muted);min-height:18px}.credit a{color:var(--lav)}.download{
  display:block;
  text-align:center;
  border:1px solid var(--border);
  padding:10px 6px;
  margin-top:auto;
  text-transform:uppercase;
  font-weight:700;
  color:var(--gold);
}.download:hover{background:var(--lav);color:var(--bg)}.empty{text-align:center;border:1px solid var(--border);padding:40px;color:var(--muted)}.page-title{font-family:'Playfair Display',serif;font-size:38px;color:var(--gold);margin:10px 0}.resource-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px}.resource{border:1px solid var(--border);padding:16px;background:var(--panel)}.resource img{width:100%;aspect-ratio:16/9;object-fit:cover;margin-bottom:12px}.resource h2{font-family:'Playfair Display',serif;margin:0 0 8px}.resource p{color:var(--muted);line-height:1.5}.resource a{display:inline-block;border:1px solid var(--border);padding:8px 12px;color:var(--gold);text-transform:uppercase;font-weight:700}.queue-wrap{border:1px solid var(--border);background:var(--panel);padding:8px}.queue-wrap iframe{width:100%;min-height:700px;border:0;background:#fff}.footer{margin-top:35px;padding-top:15px;border-top:1px solid var(--border);color:#8f8b86;font-size:11px;text-align:center}@media(max-width:700px){.site{padding:20px 14px 35px}.header{display:block}.nav{margin-top:15px}.brand{font-size:34px}.catalog{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}}