.media-gallery{--mg-accent:#c32540;--mg-wash:#fbf4ed;width:100%;max-width:1240px;margin:0 auto;padding:12px 28px 76px}.media-gallery[data-gallery-brand=jukeband]{--mg-accent:#c61781;--mg-wash:#fff1f9}.media-gallery[data-gallery-brand=tableoke]{--mg-accent:#ba542c;--mg-wash:#fff4e9}.mg-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.mg-toolbar>div{display:flex;gap:8px;flex-wrap:wrap}.mg-toolbar button{display:flex;align-items:center;gap:9px;border:1px solid #d9d6d0;border-radius:999px;background:transparent;padding:11px 17px;font:600 13px/1.2 Arial,sans-serif;color:#354146;cursor:pointer}.mg-toolbar button>span{font-size:10px;opacity:.65}.mg-toolbar button[aria-pressed=true]{background:var(--mg-accent);border-color:var(--mg-accent);color:#fff}.mg-toolbar>span{font:12px/1.4 Arial;color:#687477}.mg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.mg-tile{display:block;border:1px solid #deddd5;background:#fff;color:#253238;border-radius:9px;overflow:hidden;padding:0;text-align:left;cursor:pointer;box-shadow:0 5px 22px #12252b08;transition:transform .2s,box-shadow .2s;min-width:0}.mg-tile:hover{transform:translateY(-4px);box-shadow:0 13px 35px #12252b17}.mg-tile:focus-visible,.mg-toolbar button:focus-visible{outline:3px solid var(--mg-accent);outline-offset:4px}.mg-thumbnail{position:relative;aspect-ratio:4/3;background:#142c34;overflow:hidden}.mg-thumbnail>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s}.mg-tile:hover .mg-thumbnail>img{transform:scale(1.035)}.mg-video-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;background:radial-gradient(ellipse at top right,#ba276b44,transparent 75%),linear-gradient(140deg,#0c242e,#233b46);color:#fff1d8}.mg-video-placeholder>span{font:700 11px Arial;letter-spacing:3px}.mg-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:62px;height:62px;display:grid;place-items:center;border:1px solid #fff9;border-radius:50%;background:#11232cbb;color:#fff;box-shadow:0 3px 20px #0004}.mg-video-placeholder+.mg-play{display:none}.mg-type{display:flex;align-items:center;gap:6px;position:absolute;bottom:13px;left:13px;padding:6px 9px;border-radius:4px;color:#fff;background:#11242bcc;font:600 10px/1.2 Arial;letter-spacing:.4px}.mg-caption{display:flex;justify-content:space-between;align-items:center;padding:18px 19px;gap:16px;min-height:79px}.mg-caption>strong{font:600 14px/1.5 Arial,sans-serif}.mg-caption>span{color:var(--mg-accent);font:25px Arial;flex-shrink:0}.mg-empty,.mg-error{padding:36px;border:1px solid #deddd5;border-radius:8px;background:var(--mg-wash);color:#465b62;font:15px/1.7 Arial}.mg-error{padding:17px 20px;margin-bottom:24px}.mg-error button{background:transparent;border:0;padding:0;color:var(--mg-accent);font:700 14px Arial;cursor:pointer;text-decoration:underline}.mg-dialog{border:0;border-radius:12px;padding:0;width:min(1180px,calc(100vw - 36px));max-width:none;max-height:94vh;max-height:94dvh;overflow:auto;background:#0b151c;color:#fff;margin:auto;box-shadow:0 20px 110px #0009}.mg-dialog::backdrop{background:#020a10ed}.mg-close{position:absolute;top:15px;right:15px;z-index:2;border:1px solid #ffffff77;background:#0a1825dd;color:#fff;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;cursor:pointer}.mg-viewer-media{width:100%;min-height:160px;display:flex;align-items:center;justify-content:center;background:#030a10}.mg-viewer-media>img{max-width:100%;width:auto;height:auto;max-height:75vh;max-height:75dvh;object-fit:contain}.mg-viewer-media>iframe,.mg-viewer-media>video{display:block;width:100%;aspect-ratio:16/9;border:0;max-height:75vh;max-height:75dvh;object-fit:contain}.mg-viewer-caption{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:22px 26px}.mg-viewer-caption strong{font:600 16px/1.5 Arial}.mg-viewer-caption p{font:13px/1.6 Arial;color:#b9cbd4;margin:6px 0 0}.mg-arrows{display:flex;align-items:center;gap:17px;flex-shrink:0}.mg-arrows button{background:#18303c;border:1px solid #506672;color:#fff;border-radius:50%;height:38px;width:38px;display:grid;place-items:center;cursor:pointer}.mg-arrows>span{font:12px Arial;color:#bdd0da;min-width:40px;text-align:center}.juke-gallery-heading{padding:85px 28px 42px;max-width:1240px;margin:auto}.juke-gallery-heading h1{font-size:clamp(42px,5vw,76px);line-height:1.05;margin:17px 0 20px;color:#16313c}.juke-gallery-heading p{max-width:590px;font-size:16px;line-height:1.8;color:#62737a}.juke-gallery-cta{text-align:center;padding:25px 25px 80px}.juke-gallery-cta h2{margin-bottom:24px}@media(max-width:900px){.mg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mg-toolbar{align-items:start;flex-direction:column}}@media(max-width:560px){.media-gallery{padding:8px 20px 50px}.mg-grid{grid-template-columns:1fr;gap:20px}.mg-toolbar button{font-size:12px;padding:10px 13px}.mg-viewer-caption{flex-direction:column;align-items:start;padding:20px}.mg-dialog{width:calc(100vw - 18px)}.mg-caption{min-height:65px;padding:16px}.juke-gallery-heading{padding-top:50px}}@media(prefers-reduced-motion:reduce){.mg-tile,.mg-thumbnail>img{transition:none}}
