.mg{margin:4px 0 8px;container-type:inline-size}.mg-grid{border-radius:12px;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid;position:relative;overflow:hidden}.mg-count-1,.mg-count-2{grid-template-columns:1fr}.mg-count-3{grid-template-columns:repeat(2,minmax(0,1fr))}.mg-count-4{grid-template-columns:repeat(3,minmax(0,1fr))}.mg-tile{cursor:zoom-in;aspect-ratio:4/3;background:#eaeded;border:0;padding:0;display:block;position:relative;overflow:hidden}.mg-hero{aspect-ratio:16/10;grid-column:1/-1;position:relative}.mg-grid .mg-fill{aspect-ratio:auto;width:100%;height:100%}.mg-count-2 .mg-tile:not(.mg-fill){aspect-ratio:16/7}.mg-tile img{object-fit:cover;width:100%;height:100%;transition:transform .45s,filter .3s;display:block}.mg-tile:hover img{transform:scale(1.04)}.mg-tile:focus-visible{outline:3px solid var(--db-primary);outline-offset:-3px}.mg-placeholder{color:#838f90;background:#eaeded;place-items:center;width:100%;height:100%;display:grid}.mg-play{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#102d359e;border-radius:50%;place-items:center;width:46px;height:46px;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 4px 18px #00000040}.mg-play svg{margin-left:3px}.mg-play-lg{width:72px;height:72px}.mg-more{color:#fff;letter-spacing:.02em;background:#102d3594;place-items:center;font-size:1.6rem;font-weight:700;display:grid;position:absolute;inset:0}.mg-all{color:#193a49;background:#fffffff0;border:0;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-size:.8125rem;font-weight:600;display:inline-flex;position:absolute;bottom:12px;right:12px;box-shadow:0 2px 10px #102d352e}.mg-all:hover{background:#fff}@container (width>=600px){.mg-grid{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:2fr 1fr 1fr;height:min(58cqw,460px)}.mg-grid .mg-tile,.mg-hero{aspect-ratio:auto}.mg-hero{grid-area:1/1/3}.mg-count-1{grid-template-columns:1fr}.mg-count-1 .mg-hero{grid-row:1/3}.mg-count-2,.mg-count-3{grid-template-columns:2fr 1fr}.mg-count-2 .mg-tile:not(.mg-fill){grid-row:1/3}.mg-count-4 .mg-tile:nth-child(4){grid-column:2/4}}.mg-overlay{z-index:60;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050d10fb;animation:.2s mg-fade;position:fixed;inset:0}.mg-lightbox{z-index:61;color:#f2f7f6;outline:none;flex-direction:column;animation:.2s mg-fade;display:flex;position:fixed;inset:0}.mg-lightbox:-webkit-full-screen{background:#050d10}.mg-lightbox:fullscreen{background:#050d10}.mg-bar{align-items:center;gap:14px;min-height:60px;padding:10px 12px 10px 20px;display:flex}.mg-counter{font-variant-numeric:tabular-nums;color:#b8cfcb;white-space:nowrap;font-size:.875rem}.mg-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;margin:0;font-size:.9375rem;font-weight:500;overflow:hidden}.mg-actions{align-items:center;gap:4px;display:flex}.mg-icon{color:#f2f7f6;background:0 0;border:0;border-radius:50%;place-items:center;width:42px;height:42px;transition:background .15s;display:grid}.mg-icon:hover{background:#ffffff1f}:is(.mg-icon:focus-visible,.mg-nav:focus-visible,.mg-thumb:focus-visible){outline:3px solid var(--db-mint);outline-offset:2px}.mg-stage{flex:1;min-height:0;position:relative}.mg-viewport{height:100%;overflow:hidden}.mg-track{touch-action:pan-y pinch-zoom;height:100%;display:flex}.mg-slide{flex:0 0 100%;justify-content:center;align-items:center;min-width:0;height:100%;padding:0 clamp(8px,7vw,88px);display:flex;position:relative}.mg-media{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;border-radius:4px;max-width:100%;max-height:100%;display:block}video.mg-media{background:#000;width:100%}.mg-blur{filter:blur(14px)saturate(1.1);opacity:.55;width:100%;height:100%;padding:0 clamp(8px,7vw,88px);position:absolute;inset:0}.mg-hidden{opacity:0;pointer-events:none;position:absolute}.mg-spinner{border:3px solid #ffffff40;border-top-color:var(--db-mint);border-radius:50%;width:38px;height:38px;margin:-19px 0 0 -19px;animation:.8s linear infinite mg-spin;position:absolute;top:50%;left:50%}.mg-video-poster{place-items:center;width:100%;height:100%;display:grid;position:relative}.mg-video-poster img{object-fit:contain;opacity:.6;max-width:100%;max-height:100%}.mg-slide-fallback{text-align:center;color:#b8cfcb;flex-direction:column;align-items:center;gap:12px;max-width:320px;display:flex}.mg-slide-fallback a{background:var(--db-mint);color:var(--db-ink);border-radius:999px;align-items:center;gap:7px;padding:9px 16px;font-size:.875rem;font-weight:600;display:inline-flex}.mg-nav{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1a;border:0;border-radius:50%;place-items:center;width:52px;height:52px;transition:background .15s;display:grid;position:absolute;top:50%;translate:0 -50%}.mg-nav:hover{background:#fff3}.mg-prev{left:18px}.mg-next{right:18px}.mg-strip{padding:12px 16px 18px;overflow:hidden}.mg-strip-track{justify-content:safe center;gap:8px;display:flex}.mg-thumb{opacity:.5;background:#1c3039;border:2px solid #0000;border-radius:7px;flex:0 0 72px;height:52px;padding:0;transition:opacity .15s,border-color .15s;position:relative;overflow:hidden}.mg-thumb:hover{opacity:.85}.mg-thumb-active{opacity:1;border-color:var(--db-mint)}.mg-thumb img{object-fit:cover;width:100%;height:100%;display:block}.mg-thumb .mg-placeholder{color:#9aa6a7;background:#1c3039}.mg-thumb-video{color:#fff;background:#0009;border-radius:50%;place-items:center;width:18px;height:18px;display:grid;position:absolute;bottom:4px;right:4px}@media (max-width:640px){.mg-nav{display:none}.mg-slide,.mg-blur{padding:0}.mg-bar{padding-left:14px}.mg-thumb{flex-basis:58px;height:44px}}@keyframes mg-fade{0%{opacity:0}to{opacity:1}}@keyframes mg-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.mg-tile img,.mg-overlay,.mg-lightbox{transition:none;animation:none}}