.dsa-hex-gallery{--dsa-hex-gallery--stage-height:clamp(320px,62vh,720px);--dsa-hex-gallery--stage-background:transparent;--dsa-hex-gallery--stage-radius:var(--ks-border-radius-surface);--dsa-hex-gallery--tile-color:color-mix(in srgb,var(--ks-color-bg-inverted) 30%,#000);--dsa-hex-gallery--tile-edge-color:color-mix(in srgb,var(--dsa-hex-gallery--tile-color) 88%,#fff);--dsa-hex-gallery--hover-color:var(--ks-color-fg);--dsa-hex-gallery--active-color:var(--ks-color-primary);--dsa-hex-gallery--panel-background:var(--ks-background-color-default);--dsa-hex-gallery--panel-color:var(--ks-color-fg);--dsa-hex-gallery--panel-radius:var(--ks-border-radius-card);--dsa-hex-gallery--panel-shadow:var(--ks-box-shadow-card);--dsa-hex-gallery--panel-offset:var(--ks-spacing-inset-s);--dsa-hex-gallery--panel-width:320px;--dsa-hex-gallery--panel-padding:var(--ks-spacing-inset-s);--dsa-hex-gallery--panel-media-max-height:60vh;--dsa-hex-gallery--panel-media-fit:contain;--dsa-hex-gallery--panel-media-background:var(--ks-color-bg-inverted-to-bg-2);--dsa-hex-gallery--gap:var(--ks-spacing-stack-m);--dsa-hex-gallery--image-ratio:4/3;--dsa-hex-gallery--tile-min-width:220px;--dsa-hex-gallery--minimap-size:clamp(96px,18vw,156px);--dsa-hex-gallery--minimap-size-large:clamp(160px,34vw,260px);--dsa-hex-gallery--minimap-background:var(--ks-background-color-default);--dsa-hex-gallery--minimap-background-opacity:0.28;--dsa-hex-gallery--minimap-backdrop-filter:blur(12px) saturate(125%);--dsa-hex-gallery--minimap-tile:var(--ks-color-fg);--dsa-hex-gallery--minimap-padding:var(--ks-spacing-inset-xs);--dsa-hex-gallery--hint-background:var(--ks-background-color-default);--dsa-hex-gallery--hint-color:var(--ks-color-fg);--dsa-hex-gallery--hint-padding:var(--ks-spacing-inset-squish-xs);--dsa-hex-gallery--hint-font-size:var(--ks-font-size-copy-s);--dsa-hex-gallery--hint-radius:var(--ks-border-radius-control);position:relative}.dsa-hex-gallery[data-hex-gallery-height=small]{--dsa-hex-gallery--stage-height:clamp(240px,38vh,420px)}.dsa-hex-gallery[data-hex-gallery-height=medium]{--dsa-hex-gallery--stage-height:clamp(320px,62vh,720px)}.dsa-hex-gallery[data-hex-gallery-height=large]{--dsa-hex-gallery--stage-height:clamp(420px,82vh,1100px)}.dsa-hex-gallery[data-hex-gallery-height=screen]{--dsa-hex-gallery--stage-height:100svh}.dsa-hex-gallery__images{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(var(--dsa-hex-gallery--tile-min-width),100%),1fr));grid-gap:var(--dsa-hex-gallery--gap);gap:var(--dsa-hex-gallery--gap);margin:0;padding:0;list-style:none}.dsa-hex-gallery__image{margin:0;overflow:hidden;background:var(--dsa-hex-gallery--panel-background);color:var(--dsa-hex-gallery--panel-color);border-radius:var(--dsa-hex-gallery--panel-radius);box-shadow:var(--dsa-hex-gallery--panel-shadow)}.dsa-hex-gallery__image-media{display:block;width:100%;aspect-ratio:var(--dsa-hex-gallery--image-ratio);object-fit:cover}.dsa-hex-gallery__caption{margin:0;padding:var(--dsa-hex-gallery--panel-padding);font-size:var(--ks-font-size-copy-s)}.dsa-hex-gallery__stage{display:none}.dsa-hex-gallery__status{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;border:0}.dsa-hex-gallery--enhanced .dsa-hex-gallery__stage{display:block;position:relative;height:var(--dsa-hex-gallery--stage-height);overflow:hidden;border-radius:var(--dsa-hex-gallery--stage-radius);background:var(--dsa-hex-gallery--stage-background)}.dsa-hex-gallery--enhanced .dsa-hex-gallery__stage:focus-visible{outline:2px solid var(--dsa-hex-gallery--active-color);outline-offset:2px}.dsa-hex-gallery--enhanced .dsa-hex-gallery__canvas{display:block;width:100%;height:100%;touch-action:pan-y;outline:none}.dsa-hex-gallery--enhanced .dsa-hex-gallery__hint{display:flex;position:absolute;top:var(--dsa-hex-gallery--panel-offset);left:var(--dsa-hex-gallery--panel-offset);z-index:1;align-items:center;flex-wrap:wrap;gap:var(--ks-spacing-inline-xs);margin:0;padding:var(--dsa-hex-gallery--hint-padding);border-radius:var(--dsa-hex-gallery--hint-radius);background:var(--dsa-hex-gallery--hint-background);color:var(--dsa-hex-gallery--hint-color);font-size:var(--dsa-hex-gallery--hint-font-size);pointer-events:none}.dsa-hex-gallery--enhanced .dsa-hex-gallery__hint-item{display:inline-flex;align-items:center;gap:var(--ks-spacing-inline-xxs)}.dsa-hex-gallery--enhanced .dsa-hex-gallery__hint kbd{display:inline-block;min-width:1.4em;padding:0 .25em;border:1px solid var(--ks-border-color-default);border-radius:var(--dsa-hex-gallery--hint-radius);font-family:var(--ks-font-family-interface);font-size:.9em;line-height:1.4;text-align:center}.dsa-hex-gallery--enhanced[data-hex-gallery-fade=true] .dsa-hex-gallery__canvas{-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 56%,rgba(0,0,0,.55) 86%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 56%,rgba(0,0,0,.55) 86%,transparent 100%)}.dsa-hex-gallery--enhanced .dsa-hex-gallery__audio{display:none}.dsa-hex-gallery--enhanced .dsa-hex-gallery__audio-toggle{display:inline-flex;align-items:center;gap:var(--ks-spacing-inline-xxs);position:absolute;top:var(--dsa-hex-gallery--panel-offset);right:var(--dsa-hex-gallery--panel-offset);z-index:2;padding:var(--dsa-hex-gallery--hint-padding);border:1px solid var(--ks-border-color-default);border-radius:var(--dsa-hex-gallery--hint-radius);background:var(--dsa-hex-gallery--hint-background);color:var(--dsa-hex-gallery--hint-color);font:inherit;font-size:var(--dsa-hex-gallery--hint-font-size);cursor:pointer}.dsa-hex-gallery--enhanced .dsa-hex-gallery__audio-toggle:hover{border-color:var(--dsa-hex-gallery--active-color)}.dsa-hex-gallery--enhanced .dsa-hex-gallery__audio-toggle:focus-visible{outline:2px solid var(--dsa-hex-gallery--active-color);outline-offset:2px}.dsa-hex-gallery--enhanced .dsa-hex-gallery__audio-toggle[data-playing]{border-color:var(--dsa-hex-gallery--active-color)}.dsa-hex-gallery--enhanced .dsa-hex-gallery__audio-icon--pause,.dsa-hex-gallery--enhanced .dsa-hex-gallery__audio-toggle[data-playing] .dsa-hex-gallery__audio-icon--play{display:none}.dsa-hex-gallery--enhanced .dsa-hex-gallery__audio-toggle[data-playing] .dsa-hex-gallery__audio-icon--pause{display:inline}.dsa-hex-gallery--enhanced .dsa-hex-gallery__minimap{display:flex;flex-direction:column;align-items:flex-end;gap:var(--ks-spacing-inline-xxs);position:absolute;right:var(--dsa-hex-gallery--panel-offset);bottom:var(--dsa-hex-gallery--panel-offset);z-index:2;padding:var(--dsa-hex-gallery--minimap-padding);border-radius:var(--dsa-hex-gallery--panel-radius);background:transparent;-webkit-backdrop-filter:var(--dsa-hex-gallery--minimap-backdrop-filter);backdrop-filter:var(--dsa-hex-gallery--minimap-backdrop-filter);box-shadow:var(--dsa-hex-gallery--panel-shadow)}.dsa-hex-gallery--enhanced .dsa-hex-gallery__minimap-canvas{display:block;width:var(--dsa-hex-gallery--minimap-size);height:var(--dsa-hex-gallery--minimap-size);border-radius:var(--ks-border-radius-control);cursor:crosshair;touch-action:manipulation}.dsa-hex-gallery--enhanced .dsa-hex-gallery__minimap[data-large] .dsa-hex-gallery__minimap-canvas{width:var(--dsa-hex-gallery--minimap-size-large);height:var(--dsa-hex-gallery--minimap-size-large)}.dsa-hex-gallery--enhanced .dsa-hex-gallery__minimap-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;min-height:2rem;padding:0 var(--ks-spacing-inset-xs);border:1px solid var(--ks-border-color-default);border-radius:var(--ks-border-radius-control);background:transparent;color:var(--dsa-hex-gallery--panel-color);font:inherit;font-size:var(--dsa-hex-gallery--hint-font-size);cursor:pointer}.dsa-hex-gallery--enhanced .dsa-hex-gallery__minimap-toggle:hover{background:var(--ks-background-color-card-interactive-hover);border-color:var(--dsa-hex-gallery--active-color)}.dsa-hex-gallery--enhanced .dsa-hex-gallery__minimap-toggle:focus-visible{outline:2px solid var(--dsa-hex-gallery--active-color);outline-offset:2px}.dsa-hex-gallery--enhanced .dsa-hex-gallery__minimap-toggle kbd{font-family:var(--ks-font-family-interface)}.dsa-hex-gallery--enhanced .dsa-hex-gallery__images{display:block;position:absolute;left:var(--dsa-hex-gallery--panel-offset);bottom:var(--dsa-hex-gallery--panel-offset);z-index:2;width:min(var(--dsa-hex-gallery--panel-width),46%);margin:0;padding:0;list-style:none;pointer-events:none}.dsa-hex-gallery--enhanced .dsa-hex-gallery__image{display:none;pointer-events:auto}.dsa-hex-gallery--enhanced .dsa-hex-gallery__image[data-active]{display:block}.dsa-hex-gallery--enhanced .dsa-hex-gallery__image-media{aspect-ratio:auto;height:auto;max-height:var(--dsa-hex-gallery--panel-media-max-height);object-fit:var(--dsa-hex-gallery--panel-media-fit);background:var(--dsa-hex-gallery--panel-media-background)}@media (max-width:720px){.dsa-hex-gallery--enhanced .dsa-hex-gallery__images{width:calc(100% - 2 * var(--dsa-hex-gallery--panel-offset))}.dsa-hex-gallery--enhanced .dsa-hex-gallery__image-media{max-height:34vh}.dsa-hex-gallery--enhanced .dsa-hex-gallery__hint{display:none}.dsa-hex-gallery--enhanced .dsa-hex-gallery__minimap{top:var(--dsa-hex-gallery--panel-offset);bottom:auto}.dsa-hex-gallery--enhanced .dsa-hex-gallery__audio-toggle{right:auto;left:var(--dsa-hex-gallery--panel-offset)}}