/* /mau-video: video sample library. Builds on real-estate.css (header, sections, footer). */
.vs-main{min-height:60vh;padding-top:130px}
.vs-main h1{margin:8px 0 10px;font-size:clamp(34px,3.6vw,56px)}
.vs-filters{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.vs-filters[hidden]{display:none}
.vs-filter{padding:9px 18px;border:1px solid #79571c;border-radius:999px;background:#10110d;color:#e2e4e8;font:inherit;font-size:14px;font-weight:650;cursor:pointer}
.vs-filter small{margin-left:6px;color:var(--muted);font-size:12px}
.vs-filter:hover{border-color:var(--gold);color:var(--gold)}
.vs-filter[aria-pressed="true"]{border-color:var(--gold);background:linear-gradient(110deg,#ffe073,#ffb81c);color:#16100a}
.vs-filter[aria-pressed="true"] small{color:#16100a}
.vs-status{margin-top:26px;color:var(--muted)}
.vs-status:empty{display:none}
.vs-empty[hidden],.vs-main p[hidden]{display:none}
.vs-empty{display:flex;flex-direction:column;align-items:center;max-width:620px;margin:34px auto 0;padding:48px 28px;border:1px solid #3b3220;border-radius:20px;background:radial-gradient(circle at 50% 0,#ffbe2e14,transparent 62%),#10100d;text-align:center}
.vs-empty-icon{display:grid;place-items:center;width:76px;height:76px;border:1px solid #79571c;border-radius:50%;background:#ffbe2e1a;color:var(--gold);font-size:30px}
.vs-empty h2{margin:22px 0 10px;font-size:clamp(22px,2.2vw,28px);line-height:1.3}
.vs-empty p{margin:0 0 24px;color:var(--muted);line-height:1.6}
.vs-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:dense;align-items:start;gap:22px;margin-top:30px}
.vs-card{min-width:0;border:1px solid #3b3220;border-radius:14px;background:#10100d;overflow:hidden}
.vs-card.is-landscape{grid-column:span 2}
.vs-thumb{position:relative;display:block;width:100%;padding:0;border:0;background:#000;cursor:pointer}
.vs-thumb img{display:block;width:100%;aspect-ratio:9/16;object-fit:cover}
.vs-card.is-landscape .vs-thumb img{aspect-ratio:16/9}
.vs-thumb i{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#ffe073,#ffb81c);color:#16100a;font-size:20px;transform:translate(-50%,-50%);transition:transform .2s}
.vs-thumb:hover i,.vs-thumb:focus-visible i{transform:translate(-50%,-50%) scale(1.1)}
.vs-ratio{position:absolute;top:10px;right:10px;padding:3px 8px;border-radius:6px;background:#000b;color:#fff;font-size:12px;font-weight:700}
.vs-body{padding:14px 16px 16px}
.vs-group{color:var(--gold);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.vs-body h2{margin:6px 0;font-size:17px;line-height:1.35}
.vs-body p{margin:0;color:var(--muted);font-size:14px;white-space:pre-line;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.vs-player{width:min(92vw,960px);max-height:94vh;padding:16px;border:1px solid #79571c;border-radius:16px;background:#0c0d0a;color:#fff}
.vs-player.is-portrait{width:min(92vw,440px)}
.vs-player::backdrop{background:#000c}
.vs-player-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}
.vs-player h2{margin:0;font-size:18px}
.vs-player-head button{flex:none;width:36px;height:36px;border:1px solid #79571c;border-radius:9px;background:transparent;color:#fff;cursor:pointer}
.vs-player video{display:block;width:100%;max-height:72vh;background:#000}
.vs-player p{margin:12px 0 0;color:var(--muted);font-size:14px;white-space:pre-line}
.vs-player p:empty{display:none}
.vs-body h2 a:hover{color:var(--gold)}
.vs-player-actions{display:flex;justify-content:flex-end;margin-top:12px}
.vs-share{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid #79571c;border-radius:999px;background:transparent;color:#fff;font-size:14px;font-weight:650}
.vs-share:hover{border-color:var(--gold);color:var(--gold)}
.vs-share[hidden]{display:none}
@media(max-width:1050px){.vs-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.vs-main{padding-top:100px}.vs-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.vs-thumb i{width:44px;height:44px;font-size:16px}.vs-body{padding:10px 12px 12px}.vs-body h2{font-size:15px}}