.media-catalog{width:min(1190px,calc(100% - 48px));margin-inline:auto;--catalog-ink:#171b17;--catalog-accent:#ffe100;--catalog-secondary:#8d233c;color:var(--catalog-ink);padding:clamp(24px,5vw,64px) 0}.media-catalog *{box-sizing:border-box}.media-catalog [hidden]{display:none!important}.media-catalog__tools{background:#151811;border-left:5px solid var(--catalog-accent);padding:24px;color:#fff}.media-catalog__tools form{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;align-items:end}.media-catalog__search,.media-catalog__filter{display:grid;gap:10px;min-width:0}.media-catalog__search>span:first-child,.media-catalog__filter>span{font:700 10px/1.5 monospace;letter-spacing:.07em}.media-catalog__search-row{display:flex;min-width:0}.media-catalog__search-row button{white-space:nowrap;flex-shrink:0}.media-catalog input[type=search]{width:100%;min-width:0;background:#fff;color:#171b17;border:1px solid #d3cabb;padding:14px;font:inherit}.media-catalog button{cursor:pointer;border:1px solid var(--catalog-accent);background:var(--catalog-accent);color:#111;font:700 13px/1.4 Arial,sans-serif;padding:13px 18px}.media-catalog__picker{position:relative;background:#fff;color:#171b17;border:1px solid #d3cabb}.media-catalog__picker>summary{display:flex;justify-content:space-between;gap:12px;cursor:pointer;padding:14px 18px;list-style:none;min-height:48px;font:600 14px/1.5 Arial,sans-serif}.media-catalog__picker>summary::-webkit-details-marker{display:none}.media-catalog__options{position:absolute;top:calc(100% + 8px);right:0;z-index:20;background:#fff;border:1px solid #d3cabb;box-shadow:0 12px 32px #0003;width:max(100%,340px);max-width:calc(100vw - 48px);max-height:440px;overflow:auto;padding:18px}.media-catalog__options>p{font-size:13px!important;color:#666;margin:4px 0 14px!important}.media-catalog__options label{display:flex;align-items:center;gap:12px;cursor:pointer;min-height:42px;font:14px/1.5 Arial,sans-serif}.media-catalog__options input{width:18px;height:18px;accent-color:var(--catalog-secondary);flex-shrink:0}.media-catalog__options small{margin-left:auto;background:#f4f0e8;padding:2px 6px;min-width:28px;text-align:center}.media-catalog__actions{display:flex;align-items:center;justify-content:flex-end;gap:18px;padding-top:18px;margin-top:12px;border-top:1px solid #ded5c6}.media-catalog__summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid #d3cabb;font:12px/1.5 monospace}.media-catalog__summary p{margin:0!important;font:inherit!important}.media-catalog__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:24px;margin:30px 0}.media-catalog__card{min-width:0;background:#fffdfa;border:1px solid #dfd6c5;box-shadow:0 3px 0 #d8cdbb66;scroll-margin-top:150px}.media-catalog__visual{position:relative;display:flex;width:100%;aspect-ratio:16/9;overflow:hidden;background:#151811;border-bottom:3px solid var(--catalog-accent);isolation:isolate}.media-catalog__visual img{width:100%;height:100%;object-fit:cover;margin:0!important}.media-catalog__play{position:absolute;inset:0;background:linear-gradient(transparent,#000b)!important;color:#fff!important;border:0!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-shadow:0 1px 5px #000}.media-catalog__play>span:first-child{display:grid;place-items:center;background:var(--catalog-accent);color:#111;border:1px solid #111;width:56px;height:56px;border-radius:50%;font-size:23px;padding-left:4px;text-shadow:none}.media-catalog__visual iframe,.media-catalog__visual video{width:100%;height:100%;border:0;background:#000}.media-catalog__close{position:absolute;z-index:2;top:4px;right:4px;background:#111!important;color:#fff!important;padding:6px 10px!important;border:1px solid #fff7!important}.media-catalog__body{padding:24px}.media-catalog__body h2{font:750 21px/1.25 Arial,sans-serif!important;letter-spacing:-.02em!important;margin:12px 0 24px!important;overflow-wrap:anywhere}.media-catalog__category{font:11px/1.5 monospace!important;color:var(--catalog-secondary);text-transform:uppercase;margin:0!important;letter-spacing:.04em}.media-catalog__notice{border-top:1px solid #dfd6c5;margin-top:18px}.media-catalog__notice summary{list-style:none;display:flex;justify-content:space-between;gap:12px;padding:16px 0;cursor:pointer;font:600 13px/1.5 Arial,sans-serif}.media-catalog__notice summary::-webkit-details-marker{display:none}.media-catalog__notice summary span{color:var(--catalog-secondary);font-size:18px}.media-catalog__notice[open] summary span{transform:rotate(45deg)}.media-catalog__notice>div{font:14px/1.8 Arial,sans-serif;padding-bottom:20px;overflow-wrap:anywhere}.media-catalog__source{display:flex;justify-content:space-between;gap:10px;font:600 13px/1.5 Arial,sans-serif;color:var(--catalog-secondary);padding:18px 0 0;border-top:1px solid #dfd6c5}.media-catalog__reference{padding:16px 24px;background:#eee8dd;font:11px/1.5 monospace;color:#65594c}.media-catalog__pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:36px 0}.media-catalog__pagination a,.media-catalog__pagination span{min-width:44px;min-height:44px;display:grid;place-items:center;padding:10px 14px;border:1px solid #c5baa8}.media-catalog__pagination [aria-current]{background:#171b17;color:var(--catalog-accent)}.media-catalog a:focus-visible,.media-catalog button:focus-visible,.media-catalog summary:focus-visible{outline:3px solid var(--catalog-accent);outline-offset:3px}.media-catalog__fallback{position:absolute;inset:0;display:grid;place-items:center;padding:24px;background:#151811;color:#fff;font:14px/1.6 Arial,sans-serif;text-align:center}.media-catalog__empty{padding:40px 0}.media-catalog[aria-busy=true]{opacity:.65}@media(max-width:1000px){.media-catalog__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.media-catalog{width:calc(100% - 36px)}.media-catalog__grid{grid-template-columns:minmax(0,1fr);gap:20px}.media-catalog__tools{padding:18px}.media-catalog__tools form{grid-template-columns:minmax(0,1fr);gap:18px}.media-catalog__options{left:0;right:auto;width:100%;max-width:100%;max-height:min(420px,65dvh)}.media-catalog__summary{align-items:start;flex-wrap:wrap;gap:12px}.media-catalog__body{padding:20px}.media-catalog__search-row button{padding-inline:12px;font-size:12px}.media-catalog__play{min-height:44px}}

.media-catalog__meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}.media-catalog__meta time{font:12px/1.5 Arial,sans-serif;color:#65594c;white-space:nowrap}.media-catalog__pagination [aria-disabled=true]{color:#776e62;background:#ebe6de;border-color:#dfd6c5}

.media-catalog a.media-catalog__play--external{text-decoration:none;text-align:center;font:700 13px/1.5 Arial,sans-serif;padding:18px}
.media-catalog .media-catalog__pagination{border-top:2px solid #151b10;padding-top:28px;margin:30px 0 36px}
.media-catalog .media-catalog__pagination a,.media-catalog .media-catalog__pagination span{min-width:36px;min-height:36px;border:1px solid #aab59e;border-radius:0;padding:10px 14px;color:#222c19;font:14px/1.75 Arial,Helvetica,sans-serif;text-decoration:none}
.media-catalog .media-catalog__pagination [aria-current=page]{background:var(--catalog-accent);border-color:var(--catalog-accent);color:#080808;font-weight:800}
.media-catalog .media-catalog__pagination [aria-disabled=true]{color:#776e62;background:#ebe6de;border-color:#dfd6c5}
.media-catalog .media-catalog__pagination a:hover{background:#eaece3;border-color:#222c19}
.media-catalog .media-catalog__pagination a:focus-visible{outline:3px solid var(--catalog-accent);outline-offset:3px}