/* Larger images, with no solid panel behind the viewer. */
.akg-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 28px}
.akg-open{background:transparent;aspect-ratio:4/3;border-radius:12px}
.akg-open span{box-shadow:0 3px 16px #0003}
.akg-view{box-sizing:border-box;position:fixed;inset:0;margin:auto;width:98vw;max-width:1800px;height:98dvh;max-height:98dvh;padding:54px 12px 10px;border:0;background:transparent;box-shadow:none;overflow:hidden;color:#fff}
.akg-view[open]{display:flex;flex-direction:column;gap:12px}
.akg-view::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(6px)}
.akg-stage{position:relative;display:flex;flex:1;min-height:0;align-items:center;justify-content:center;gap:0}
.akg-stage .akg-full{display:block;width:100%;height:100%!important;max-height:100%;max-width:100%;margin:0;object-fit:contain;border-radius:4px}
.akg-view button{display:grid;place-items:center;width:48px;height:48px;min-width:48px;min-height:48px;padding:0;background:#f4f0e5;color:#232322;border:1px solid #fff8;border-radius:12px;box-shadow:0 4px 18px #0004;font-family:Arial,sans-serif;font-size:27px;line-height:1;z-index:2;transition:background .15s,color .15s}
.akg-view button:hover{background:#bd3946;color:white}
.akg-view .akg-close{top:2px;right:12px}
.akg-prev,.akg-next{position:absolute;top:50%;transform:translateY(-50%)}
.akg-prev{left:8px}.akg-next{right:8px}
.akg-caption{flex:none;max-height:24dvh;overflow:auto;text-align:center;margin:0;padding:0 55px 2px;text-shadow:0 2px 5px #000;color:#fff}
.akg-caption strong{font-size:17px}.akg-caption p{line-height:1.45}.akg-caption a,.akg-caption small{color:#fff}.akg-caption :empty{display:none}
.akg-view [hidden]{display:none!important}
@media(max-width:650px){.akg-grid{grid-template-columns:1fr;gap:28px}.akg-view{width:100vw;height:100dvh;max-height:100dvh;padding:calc(52px + env(safe-area-inset-top)) 6px calc(10px + env(safe-area-inset-bottom));gap:8px}.akg-view .akg-close{right:10px;top:calc(4px + env(safe-area-inset-top))}.akg-stage .akg-full{border-radius:0}.akg-view button{width:44px;height:44px;min-width:44px;min-height:44px}.akg-prev{left:4px}.akg-next{right:4px}.akg-caption{padding:0 12px;max-height:22dvh}.akg-caption strong{font-size:15px}.akg-caption p{font-size:12px}}
@media(max-height:500px) and (orientation:landscape){.akg-view{padding-top:8px}.akg-caption{max-height:22dvh}.akg-caption p{display:none}.akg-view .akg-close{right:8px}}
@media(prefers-reduced-motion:reduce){.akg-view button{transition:none}}
.akg-view .akg-stage button,.akg-view .akg-close{background:transparent;border:0;border-radius:0;box-shadow:none;color:white;filter:drop-shadow(0 1px 3px #000)}
.akg-view .akg-stage button:hover,.akg-view .akg-close:hover{background:transparent;color:#f4cbd0}
.akg-view .akg-stage button{font-size:0}
.akg-view .akg-stage button:after{font:40px/1 Arial,sans-serif;font-weight:300}
.akg-view .akg-prev:after{content:'‹'}.akg-view .akg-next:after{content:'›'}
.akg-view .akg-stage .akg-prev{left:0}.akg-view .akg-stage .akg-next{right:0}
