.sgal{flex-direction:column;align-items:center;display:flex;position:relative}.sgal__stage{perspective:1150px;width:100%;max-width:1280px;height:clamp(470px,60vw,600px);position:relative}.sgal__deck{transform-style:preserve-3d;cursor:grab;touch-action:pan-y;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.sgal__stage:active{cursor:grabbing}.sgal__card{pointer-events:auto;aspect-ratio:4/5;cursor:pointer;appearance:none;backface-visibility:hidden;will-change:transform;background:0 0;border:0;grid-area:1/1;width:clamp(258px,30vw,422px);margin:0;padding:0;position:relative}.sgal__hit{z-index:0;position:absolute;inset:-24px -16px}.sgal__shot{z-index:1;background:var(--ink-card);border:1px solid color-mix(in srgb, var(--foreground) 14%, transparent);pointer-events:none;border-radius:14px;transition:box-shadow .3s,border-color .3s;position:absolute;inset:0;overflow:hidden;box-shadow:0 30px 70px -28px #000000b8,0 10px 24px -14px #00000080}.sgal__shot img{object-fit:cover;object-position:50% 0%;width:100%;height:100%;display:block}.sgal__card.is-center .sgal__shot{border-color:color-mix(in srgb, var(--foreground) 22%, transparent);box-shadow:0 48px 104px -30px #000000d6,0 18px 42px -18px #0009}.sgal__card.is-center .sgal__shot img{animation:5.2s ease-out forwards sgal-pan}@keyframes sgal-pan{0%{object-position:50% 6%}to{object-position:50% 74%}}.sgal__card.is-hover .sgal__shot{border-color:color-mix(in srgb, var(--accent) 55%, transparent)}.sgal__card.is-hover .sgal__shot img{filter:brightness(1.07);transition:filter .3s}.sgal__card:focus-visible .sgal__shot{outline:2px solid var(--accent);outline-offset:3px}.sgal__open{z-index:3;border:1px solid color-mix(in srgb, var(--accent) 45%, transparent);color:var(--accent);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);font-family:var(--font-mono,monospace);letter-spacing:.08em;text-transform:uppercase;opacity:0;pointer-events:none;background:#14110dcc;border-radius:999px;align-items:center;gap:5px;padding:7px 12px;font-size:10.5px;font-weight:700;transition:opacity .25s,transform .25s;display:inline-flex;position:absolute;bottom:12px;right:12px;transform:translateY(6px)}.sgal__card.is-center.is-hover .sgal__open{opacity:1;transform:translateY(0)}.sgal__nav{z-index:200;background:color-mix(in srgb, var(--ink-elev) 86%, transparent);border:1px solid color-mix(in srgb, var(--foreground) 18%, transparent);width:46px;height:46px;color:var(--foreground);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:50%;place-items:center;transition:border-color .2s,color .2s,transform .2s,background-color .2s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.sgal__nav:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-50%)scale(1.08)}.sgal__nav:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.sgal__nav--prev{left:clamp(4px,2.5vw,28px)}.sgal__nav--next{right:clamp(4px,2.5vw,28px)}.sgal__meta{align-items:center;gap:8px;margin-top:26px;font-size:13px;display:flex}.sgal__meta-name{color:var(--foreground);font-weight:650}.sgal__meta-sep{color:color-mix(in srgb, var(--foreground) 40%, transparent)}.sgal__meta-sector{color:color-mix(in srgb, var(--foreground) 92%, transparent)}.sgal__dots{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:0;max-width:460px;margin-top:16px;display:flex}.sgal__dot{cursor:pointer;background:0 0;border:0;place-items:end center;width:24px;height:24px;padding:0;display:grid}.sgal__dot:before{content:"";background:color-mix(in srgb, var(--foreground) 22%, transparent);border-radius:1px;width:2px;height:9px;transition:background-color .22s,height .22s}.sgal__dot:hover:before{background:color-mix(in srgb, var(--foreground) 48%, transparent);height:13px}.sgal__dot.is-on:before{background:var(--accent);height:17px}.sgal__dot:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}@media (pointer:coarse){.sgal__dot{padding:11px 10px}}@media (prefers-reduced-motion:reduce){.sgal__dot:before{transition:none}.sgal__card.is-center .sgal__shot img{object-position:50% 0%;animation:none}}@media (max-width:760px){.sgal__deck{transform:scale(.66)}.sgal__nav{width:40px;height:40px}}@media (max-width:900px){.sgal{overflow:clip}}