:root{--olfpg-ink:#0b1a3a;--olfpg-pink:#ff3e9e}
html.olfpg-lock, body.olfpg-lock{overflow:hidden}
.olfpg{width:100%}

/* Grid */
.olfpg-grid{display:grid;gap:var(--olfpg-gap,18px);grid-template-columns:repeat(var(--olfpg-cols,4),minmax(0,1fr));align-items:start}
@media (max-width:980px){.olfpg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.olfpg-grid{grid-template-columns:1fr}}

.olfpg-item{all:unset;cursor:pointer;display:block}
.olfpg-frame{display:block;width:100%;border-radius:22px;overflow:hidden;border:1px solid rgba(11,26,58,.10);background:rgba(255,255,255,.92);box-shadow:0 14px 36px rgba(11,26,58,.10);aspect-ratio:4/3;position:relative}
.olfpg-img{width:100%;height:100%;object-fit:cover;display:block;transform:translateZ(0);transition:transform .18s ease,filter .18s ease}
@media (hover:hover) and (pointer:fine){.olfpg-item:hover .olfpg-img{transform:scale(1.02);filter:saturate(1.05) contrast(1.02)}}
.olfpg-item:focus-visible .olfpg-frame{outline:3px solid rgba(255,62,158,.25);outline-offset:3px}
.olfpg-empty{opacity:.7;color:var(--olfpg-ink);padding:18px}

/* Load more */
.olfpg-moreWrap{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:18px}
.olfpg-moreBtn{border:0;cursor:pointer;background:rgba(255,255,255,.92);color:var(--olfpg-ink);font-weight:900;border-radius:999px;padding:12px 18px;box-shadow:0 14px 34px rgba(11,26,58,.10);border:1px solid rgba(255,62,158,.16)}
.olfpg-moreBtn[disabled]{opacity:.55;cursor:not-allowed}
.olfpg-moreSpin{width:18px;height:18px;border-radius:999px;border:2px solid rgba(11,26,58,.15);border-top-color: rgba(255,62,158,.65);display:none;animation:olfpgSpin .8s linear infinite}
.olfpg-moreWrap.is-loading .olfpg-moreSpin{display:inline-block}
@keyframes olfpgSpin{to{transform:rotate(360deg)}}

/* Lightbox */
.olfpg-lb{position:fixed;inset:0;z-index:99999;display:none}
.olfpg-lb.is-open{display:block}
.olfpg-lb__backdrop{position:absolute;inset:0;background:rgba(6,10,24,.62);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.olfpg-lb__dialog{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:clamp(14px,3vw,28px)}
.olfpg-lb__figure{position:relative;margin:0;width:min(980px,92vw);max-height:88vh;background:rgba(255,255,255,.98);border-radius:26px;overflow:hidden;border:1px solid rgba(255,255,255,.18);box-shadow:0 28px 80px rgba(0,0,0,.35);display:flex;flex-direction:column}
.olfpg-lb__img{display:block;width:100%;height:auto;max-height:78vh;object-fit:contain;background:#fff;margin:auto}

/* Caption hidden by default */
.olfpg-lb__cap{display:none;padding:14px 16px 16px;color:var(--olfpg-ink)}
.olfpg-lb.has-cap .olfpg-lb__cap{display:block}
.olfpg-lb__ttl{font-weight:900;font-size:16px;line-height:1.2;margin-bottom:6px}
.olfpg-lb__txt{opacity:.82;line-height:1.5;font-size:14.5px}

.olfpg-lb__close{position:absolute;top:18px;right:18px;width:44px;height:44px;border-radius:14px;border:0;cursor:pointer;background:rgba(255,255,255,.92);color:#0b1a3a;font-size:26px;line-height:1;box-shadow:0 14px 34px rgba(0,0,0,.22)}
.olfpg-lb__nav{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:16px;border:0;cursor:pointer;background:rgba(255,255,255,.92);color:#0b1a3a;font-size:30px;line-height:1;box-shadow:0 14px 34px rgba(0,0,0,.22)}
.olfpg-lb__nav.is-prev{left:18px}.olfpg-lb__nav.is-next{right:18px}
@media (max-width:520px){.olfpg-lb__nav{display:none}.olfpg-lb__img{max-height:72vh}}