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