.pg{padding-bottom:var(--section-gap)}
.pg-cols{display:flex;gap:10px;align-items:flex-start}
.pg-col{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:10px}
.pg-item{display:block;width:100%;margin:0;padding:0;border:0;background:none;cursor:zoom-in}
.pg-item .w-img{opacity:.85;transition:opacity var(--dur-fast) var(--ease-editorial),transform var(--dur-slow) var(--ease-editorial)}
.pg-item:hover .w-img{opacity:1;transform:scale(1.02)}
.pg-item:focus-visible{outline:1px solid var(--text-primary);outline-offset:var(--focus-offset)}
@media (max-width:520px){.pg-cols,.pg-col{gap:8px}}
.lb{position:fixed;inset:0;z-index:100;background:var(--surface-page);display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:15px var(--page-margin);animation:lbIn var(--dur-base) var(--ease-editorial)}
@keyframes lbIn{from{opacity:0}to{opacity:1}}
.lb-top,.lb-bot{display:flex;justify-content:space-between;align-items:center;gap:20px}
.lb-stage{display:flex;align-items:center;justify-content:center;min-height:0;padding:10px 0}
.lb-img{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--radius-image);display:block;animation:lbIn var(--dur-slow) var(--ease-editorial)}
.lb-ph{height:100%;width:auto;max-width:100%}
.lb-btn{background:none;border:0;padding:0;min-height:44px;color:var(--text-primary);cursor:pointer;transition:opacity var(--dur-fast) var(--ease-editorial)}
.lb-btn:hover{opacity:var(--opacity-hover)}.lb-btn:active{opacity:var(--opacity-press)}
.st{display:flex;flex-direction:column;gap:var(--section-gap);padding-bottom:var(--section-gap)}
.st-block{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px;align-items:start}
.st-shot{margin:0;display:flex;flex-direction:column;gap:12px;min-width:0}
.st-full .st-shot{grid-column:1/-1}
.st-inset .st-shot{grid-column:2/span 10}
.st-pair .st-shot:nth-child(1){grid-column:1/span 6}
.st-pair .st-shot:nth-child(2){grid-column:7/span 6}
.st-asym{align-items:end}
.st-asym .st-shot:nth-child(1){grid-column:1/span 4}
.st-asym .st-shot:nth-child(2){grid-column:6/span 7}
.st-left .st-shot{grid-column:2/span 5}
.st-right .st-shot{grid-column:7/span 5}
.st-center .st-shot{grid-column:4/span 6}
@media (max-width:760px){
.st-block{grid-template-columns:minmax(0,1fr);gap:50px}
.st-block .st-shot{grid-column:1/-1!important}
.st-left .st-shot,.st-right .st-shot{width:84%}
.st-right .st-shot{justify-self:end}
}
