.arq-videos { background: var(--bg, #f8f6f0); border-top: 1px solid #e6dfd1; }
.arq-videos-description { max-width: 360px; margin: 0; }
.arq-videos-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; max-width: 1050px; margin: 0 auto; }
.arq-video-card { position: relative; display: block; width: 100%; aspect-ratio: 9 / 16; padding: 0; overflow: hidden; border: 1px solid #d3bd8f; border-radius: 12px; background: #292820; color: #fff; text-align: left; cursor: pointer; isolation: isolate; }
.arq-video-card::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, #0002, transparent 30%, #000b); }
.arq-video-card:disabled { cursor: default; background: linear-gradient(145deg, #494738, #25251e); opacity: 1; }
.arq-video-cover { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease; pointer-events: none; }
.arq-video-card:enabled:hover .arq-video-cover { transform: scale(1.035); }
.arq-video-card:focus-visible, .arq-video-close:focus-visible { outline: 3px solid var(--theme, #cba049); outline-offset: 5px; }
.arq-video-number { position: absolute; top: 20px; left: 20px; font-size: 14px; letter-spacing: .12em; color: #fff; }
.arq-video-play { position: absolute; top: 50%; left: 50%; display: grid; place-items: center; width: 66px; height: 66px; border: 1px solid #ffffffa6; border-radius: 50%; transform: translate(-50%, -50%); background: #0003; font-size: 24px; color: #fff; }
.arq-video-caption { position: absolute; left: 24px; right: 24px; bottom: 26px; color: #fff; }
.arq-video-caption strong { display: block; font-size: clamp(18px, 2vw, 24px); font-weight: 600; line-height: 1.3; overflow-wrap: anywhere; }
.arq-video-caption > span { display: block; margin-top: 8px; font-size: 13px; letter-spacing: .08em; text-transform: uppercase; color: #e3c98e; }
.arq-video-dialog { box-sizing: border-box; width: min(430px, calc(100vw - 24px)); max-width: none; max-height: calc(100dvh - 24px); margin: auto; padding: 12px; border: 1px solid #ffffff30; border-radius: 12px; background: #171717; color: #fff; overflow: auto; }
.arq-video-dialog::backdrop { background: #000d; }
.arq-video-dialog-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 10px; }
.arq-video-dialog-header h2 { margin: 0; color: #fff; font-size: 16px; line-height: 1.4; overflow-wrap: anywhere; }
.arq-video-close { flex-shrink: 0; width: 36px; height: 36px; border: 1px solid #ffffff50; border-radius: 50%; background: transparent; color: #fff; cursor: pointer; }
.arq-video-player { display: block; width: 100%; max-height: calc(100dvh - 110px); aspect-ratio: 9 / 16; object-fit: contain; background: #000; }
.arq-video-error { margin: 12px 0 0; font-size: 14px; color: #fff; }
html.arq-video-open { overflow: hidden; }
@media (max-width: 767px) {
    .arq-videos-grid { gap: 18px; grid-template-columns: 1fr; max-width: 340px; }
    .arq-videos-description { margin-top: 16px; }
}
@media (prefers-reduced-motion: reduce) { .arq-video-cover { transition: none; } }