.experience-gallery{display:block;width:100%;margin:0 0 48px}
.eg-media{position:relative;isolation:isolate;min-width:0;margin:0;overflow:hidden;background:#f5f5f2}
.eg-media>.eg-visual{display:block;width:100%;height:100%;max-width:100%;object-fit:cover}
.eg-media.is-product{background:#fff}.eg-media.is-product>.eg-visual{object-fit:contain}
.eg-media>video.eg-visual{position:absolute;inset:0;width:100%;height:100%}
.eg-hit{position:absolute;z-index:2;inset:0;display:grid;place-items:center;width:100%;height:100%;border:0;padding:0;background:transparent;color:#fff;cursor:pointer}
.eg-hit:focus-visible{outline:2px solid #718096;outline-offset:-5px}
.eg-hit[hidden]{display:none!important}
.eg-play{display:grid;place-items:center;width:44px;height:44px;border:1px solid #ffffff70;border-radius:50%;background:#1420332e;backdrop-filter:blur(5px);color:#fff}
.eg-play svg{width:18px;height:18px;fill:currentColor;stroke:none;margin-left:2px}
.eg-media.is-playing .eg-play{opacity:0}
.eg-credit{position:absolute;top:12px;right:13px;z-index:4;color:#fff;font-size:10px;font-weight:400;line-height:1.3;letter-spacing:.015em;opacity:.68;text-shadow:0 1px 6px #0009;pointer-events:none}
.eg-control{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:11px;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer;font:inherit;line-height:1}
.eg-control svg{display:block;width:21px;height:21px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;fill:none}
.eg-control:focus-visible{outline:2px solid #718096;outline-offset:3px}
.eg-control:hover{background:#f5f5f5}
.eg-tools{position:absolute;z-index:3;right:7px;bottom:7px;display:flex;gap:0;opacity:0;transition:opacity .18s}
.eg-media:hover .eg-tools,.eg-media:has(:focus-visible) .eg-tools{opacity:1}
.eg-tools .eg-control{color:#fff;filter:drop-shadow(0 1px 4px #0009);background:transparent}
.eg-tools .eg-control:hover{background:#14203342}
.eg-viewer{position:fixed;inset:0;z-index:150;width:100vw;height:100svh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:#fff;color:#222;box-shadow:none;overflow:hidden;overscroll-behavior:contain}
.eg-viewer::backdrop{background:#fff}
.eg-viewer-header{position:absolute;z-index:8;top:16px;left:18px;right:18px;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;height:44px;background:#fff}
.eg-viewer-count{justify-self:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:13px;font-weight:400;line-height:1.5;color:#626262;font-variant-numeric:tabular-nums}
.eg-viewer-stage{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:92px 96px;overflow:hidden}
.eg-viewer[data-view=single] .eg-viewer-stage{touch-action:pan-y pinch-zoom}
.eg-viewer .eg-viewer-media{display:block;flex:none;max-width:100%;max-height:100%;background:transparent;border-radius:22px}
.eg-viewer-media>img.eg-visual{display:block;width:auto;height:auto;max-width:calc(100vw - 192px);max-height:calc(100svh - 184px);border-radius:22px;object-fit:contain}
.eg-viewer-media>video.eg-visual{border-radius:22px;object-fit:contain}
.eg-viewer-previous,.eg-viewer-next{position:absolute;z-index:7;top:calc(50% - 22px)}
.eg-viewer-previous{left:18px}.eg-viewer-next{right:18px}
.eg-viewer .eg-control:disabled{opacity:.15;cursor:default;background:transparent}
.eg-viewer .eg-control[hidden]{display:none!important}
.eg-viewer .eg-credit{top:15px;right:17px}
.eg-viewer .eg-tools{bottom:9px;right:10px}
.eg-viewer[data-view=grid] .eg-viewer-stage{display:block;overflow:auto;padding:90px 24px 30px;scrollbar-width:thin;scrollbar-color:#ddd #fff}
.eg-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:1px;align-items:start;gap:12px;max-width:1500px;margin:0 auto}
.eg-grid-cell{min-width:0;height:100%;overflow:hidden;border-radius:16px}
.eg-grid-cell .eg-media{height:100%;border-radius:16px}
.eg-grid-cell .eg-visual{height:100%;width:100%;object-fit:cover}
.eg-grid-cell .eg-hit{border-radius:16px}
.eg-grid-cell .eg-media.is-product{background:#fff}
@media(hover:none){.eg-tools{opacity:0;pointer-events:none}.eg-media.is-playing .eg-tools,.eg-media:has(:focus-visible) .eg-tools{opacity:1;pointer-events:auto}}
@media(max-width:760px){.eg-viewer-header{top:10px;left:8px;right:8px}.eg-viewer-stage{padding:76px 20px 92px}.eg-viewer .eg-viewer-media{border-radius:17px}.eg-viewer-media>img.eg-visual{max-width:calc(100vw - 40px);max-height:calc(100svh - 168px);border-radius:17px}.eg-viewer-media>video.eg-visual{border-radius:17px}.eg-viewer-previous,.eg-viewer-next{top:auto;bottom:22px}.eg-viewer-previous{left:calc(50% - 53px)}.eg-viewer-next{right:calc(50% - 53px)}.eg-viewer[data-view=grid] .eg-viewer-stage{padding:78px 16px 24px}.eg-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.eg-grid-cell,.eg-grid-cell .eg-media,.eg-grid-cell .eg-hit{border-radius:12px}.eg-viewer .eg-credit{top:12px;right:13px}.mosaic-cell:not(.mosaic-cell-lead) .eg-play{width:36px;height:36px}.mosaic-cell:not(.mosaic-cell-lead) .eg-play svg{width:15px;height:15px}}
@media(prefers-reduced-motion:reduce){.eg-tools{transition:none}}