#media-root{max-width:1600px;margin:0 auto;padding:clamp(16px,3vw,40px) clamp(16px,2.4vw,40px) 24px}.mediaHero h1{margin:0;font:600 clamp(32px,5vw,56px)/1 var(--site-display);text-transform:uppercase;letter-spacing:.04em;color:var(--site-paper)}.mediaHero p{margin:10px 0 0;color:var(--site-muted);max-width:60ch}.mediaStatus{color:#f2ebe080;font-size:13px;margin:14px 0 18px}.mediaGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:clamp(12px,1.4vw,22px)}.mediaGrid.is-videos{grid-template-columns:repeat(auto-fill,minmax(min(100%,440px),1fr))}.mediaCard{margin:0;min-width:0;background:#0c0a0899;border:1px solid var(--site-edge);border-radius:10px;overflow:hidden;display:flex;flex-direction:column}.mediaFrame{display:block;aspect-ratio:16 / 9;background:#0c0a08}.mediaFrame img,.mediaFrame video,.mediaFrame model-viewer{width:100%;height:100%;object-fit:cover;display:block}.mediaFrame video{object-fit:contain}.mediaModel{display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,#3a2a1c,#0c0a08 70%)}.mediaModel model-viewer{--poster-color: transparent}.mediaModelButton{font:600 15px/1 var(--site-body);padding:12px 18px;border-radius:8px;border:1px solid var(--site-amber);background:#f7932124;color:var(--site-paper);cursor:pointer;min-height:44px}.mediaModelButton:hover,.mediaModelButton:focus-visible{background:#f7932147;outline:none}.mediaCard figcaption{padding:12px 14px 14px;display:grid;gap:6px;font-size:14px}.mediaCard figcaption strong{font-weight:600;color:var(--site-paper);text-transform:capitalize;overflow-wrap:anywhere}.mediaCard figcaption span{color:var(--site-muted);overflow-wrap:anywhere}.mediaOpen{color:var(--site-amber);text-decoration:none;font-size:13px}.mediaOpen:hover,.mediaOpen:focus-visible{text-decoration:underline}@media (max-width: 640px){.mediaOpen{display:inline-flex;align-items:center;min-height:44px;font-size:15px}}.mediaModel{position:relative;overflow:hidden}.mediaModel.hasThumb{background:#0c0a08}.mediaModelThumb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.mediaModel.hasThumb .mediaModelButton{position:absolute;left:12px;bottom:12px;background:#140f0bd1;backdrop-filter:blur(4px)}.mediaModel.hasThumb .mediaModelButton:hover,.mediaModel.hasThumb .mediaModelButton:focus-visible{background:#f79321e6;color:#1b1208}.mediaFilter{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0}.mediaChip{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border:1px solid var(--site-edge);border-radius:999px;background:#f2ebe00d;color:var(--site-muted);font:600 14px/1 var(--site-body);letter-spacing:.02em;cursor:pointer;transition:color .12s ease,background .12s ease,border-color .12s ease}.mediaChip:hover,.mediaChip:focus-visible{color:var(--site-paper);border-color:#f7932180;outline:none}.mediaChip[aria-pressed=true]{color:#1b1208;background:var(--site-amber);border-color:var(--site-amber)}.mediaChipCount{font-size:12px;font-weight:500;opacity:.7}.mediaEmpty{color:var(--site-muted);padding:32px 0}.mediaCard[hidden]{display:none}@media (max-width: 640px){.mediaChip{min-height:44px}}.mediaCard{position:relative}.mediaStar{position:absolute;top:8px;right:8px;z-index:2;width:40px;height:40px;display:grid;place-items:center;border-radius:999px;border:1px solid rgba(242,235,224,.25);background:#0c0a08b8;color:var(--site-paper);font-size:22px;line-height:1;cursor:pointer}.mediaStar[aria-pressed=true]{color:var(--site-amber);border-color:var(--site-amber)}.mediaStar:hover,.mediaStar:focus-visible{border-color:var(--site-amber);outline:none}.mediaStar:disabled{opacity:.7;cursor:progress}.mediaChipFav[aria-pressed=true]{color:#1b1208}@media (max-width: 640px){.mediaStar{width:44px;height:44px}}