.fpd__main{cursor:zoom-in;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.fpd__main:hover img{transform:none!important}.fpd__main img{-webkit-user-drag:none;transition:opacity .3s}
.fpd__main:focus-visible{outline:2px solid var(--f-accent);outline-offset:3px}
.fpd__main:after{content:'Click to enlarge';position:absolute;right:14px;bottom:14px;z-index:3;padding:8px 14px;border-radius:999px;background:rgba(10,10,12,.78);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.16);font:600 11px var(--f-body);letter-spacing:.12em;text-transform:uppercase;opacity:0;transform:translateY(8px);transition:.3s;pointer-events:none}.fpd__main:hover:after{opacity:1;transform:none}
.fgal__a{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:48px;height:48px;border-radius:50%;background:rgba(10,10,12,.72);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.18);color:#fff;font-size:30px;line-height:1;display:grid;place-items:center;padding:0 0 4px;opacity:0;transition:opacity .25s,background .25s,transform .25s;cursor:pointer}.fgal__a--p{left:14px}.fgal__a--n{right:14px}.fpd__main:hover .fgal__a,.fgal__a:focus-visible{opacity:1}.fgal__a:hover{background:var(--f-accent);transform:translateY(-50%) scale(1.08)}
.fgal__c{position:absolute;left:14px;bottom:14px;z-index:3;padding:6px 12px;border-radius:999px;background:rgba(10,10,12,.78);backdrop-filter:blur(8px);font:600 12px var(--f-body);letter-spacing:.1em}
@media(hover:none){.fgal__a{opacity:1;width:40px;height:40px;font-size:26px}.fpd__main:after{display:none}}
.flb{position:fixed;inset:0;z-index:500;display:flex;flex-direction:column;background:rgba(5,5,6,.97);opacity:0;transition:opacity .25s;color:#fff}.flb.is-open{opacity:1}.flb[hidden]{display:none}
.flb__stage{flex:1;min-height:0;display:grid;place-items:center;overflow:hidden;padding:56px 90px 10px;touch-action:pan-y}
.flb__stage img{max-width:100%;max-height:calc(100vh - 190px);object-fit:contain;transition:transform .35s ease;cursor:zoom-in;user-select:none;-webkit-user-drag:none;border-radius:6px}.flb.is-zoom .flb__stage img{transform:scale(2.2);cursor:zoom-out}
.flb__x{position:absolute;top:14px;right:18px;z-index:3;width:46px;height:46px;border-radius:50%;font-size:30px;line-height:1;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);color:#fff;cursor:pointer}.flb__x:hover{background:var(--f-accent,#ff5a1f);border-color:transparent}
.flb__a{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:54px;height:54px;border-radius:50%;font-size:34px;line-height:1;padding:0 0 5px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);color:#fff;cursor:pointer;transition:.25s}.flb__a:hover{background:var(--f-accent,#ff5a1f);border-color:transparent}.flb__a--p{left:18px}.flb__a--n{right:18px}
.flb__bar{padding:10px 20px 20px;display:flex;flex-direction:column;align-items:center;gap:12px}.flb__c{font:600 12px var(--f-body);letter-spacing:.16em;color:#a39d93}
.flb__t{display:flex;gap:8px;max-width:100%;overflow-x:auto;padding:2px}.flb__t button{flex:0 0 64px;height:64px;border-radius:10px;overflow:hidden;border:2px solid transparent;opacity:.5;transition:.2s;cursor:pointer;padding:0;background:none}.flb__t button.is-on,.flb__t button:hover{opacity:1;border-color:var(--f-accent,#ff5a1f)}.flb__t img{width:100%;height:100%;object-fit:cover}
@media(max-width:700px){.flb__stage{padding:60px 10px 6px}.flb__a{width:42px;height:42px;font-size:28px}.flb__a--p{left:8px}.flb__a--n{right:8px}.flb__t button{flex-basis:52px;height:52px}}