.photo-gallery{color:var(--ink);font-family:var(--font,sans-serif)}.photo-gallery .photo-gallery__grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:clamp(24px,4vw,70px);display:grid}.photo-gallery .photo-gallery__item{grid-column:span 6;min-width:0;margin:0}.photo-gallery .photo-gallery__item:nth-child(5n+1){grid-column:span 8}.photo-gallery .photo-gallery__item:nth-child(5n+2){grid-column:span 4;margin-top:clamp(40px,9vw,150px)}.photo-gallery .photo-gallery__item:nth-child(5n+3){grid-column:span 5}.photo-gallery .photo-gallery__item:nth-child(5n+4){grid-column:span 7;margin-top:clamp(30px,6vw,90px)}.photo-gallery .photo-gallery__item:nth-child(5n){grid-column:1/-1;justify-self:end;width:86%}.photo-gallery .photo-gallery__trigger{aspect-ratio:1.28;background:var(--paper);cursor:zoom-in;border:0;border-radius:0;width:100%;padding:0;display:block;position:relative;overflow:hidden}.photo-gallery .photo-gallery__item:nth-child(5n+2) .photo-gallery__trigger,.photo-gallery .photo-gallery__item:nth-child(5n+3) .photo-gallery__trigger{aspect-ratio:.78}.photo-gallery .photo-gallery__item:nth-child(5n) .photo-gallery__trigger{aspect-ratio:1.65}.photo-gallery .photo-gallery__trigger>img{object-fit:cover;width:100%;height:100%;transition:transform .65s cubic-bezier(.2,.7,.3,1);display:block}.photo-gallery .photo-gallery__trigger:hover>img{transform:scale(1.025)}.photo-gallery .photo-gallery__open-mark{background:var(--paper);width:44px;height:44px;color:var(--ink);font:26px/1 var(--mono,monospace);border:1px solid var(--rule);place-items:center;display:grid;position:absolute;bottom:14px;right:14px}.photo-gallery .photo-gallery__trigger:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.photo-gallery .photo-gallery__dialog{box-sizing:border-box;background:var(--paper);width:min(1440px,100vw - 32px);max-width:calc(100vw - 32px);height:min(92dvh,1100px);max-height:92dvh;color:var(--ink);border:1px solid var(--rule);border-radius:0;margin:auto;padding:22px;overflow:hidden}.photo-gallery .photo-gallery__dialog[open]{flex-direction:column;gap:18px;display:flex}.photo-gallery .photo-gallery__dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#141e26d6}.photo-gallery .photo-gallery__header{flex-shrink:0;justify-content:space-between;align-items:center;gap:20px;display:flex}.photo-gallery .photo-gallery__header h2{font:12px/1.5 var(--mono,monospace);letter-spacing:.06em;margin:0}.photo-gallery .photo-gallery__close{min-width:84px;min-height:44px;color:var(--ink);font:13px/1.5 var(--font,sans-serif);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:18px;padding:4px 8px;display:inline-flex}.photo-gallery .photo-gallery__close>span{font-size:27px;line-height:1}.photo-gallery .photo-gallery__frame{flex:1;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex}.photo-gallery .photo-gallery__frame img{object-fit:contain;width:100%;height:100%;max-height:100%;display:block}.photo-gallery .photo-gallery__footer{flex-shrink:0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;display:grid}.photo-gallery .photo-gallery__caption{max-width:62ch;font:14px/1.55 var(--font,sans-serif);margin:0}.photo-gallery .photo-gallery__controls{align-items:center;gap:16px;display:flex}.photo-gallery .photo-gallery__controls button{border:1px solid var(--rule);min-height:44px;color:var(--ink);font:13px/1.4 var(--font,sans-serif);cursor:pointer;background:0 0;border-radius:0;padding:8px 15px}.photo-gallery .photo-gallery__controls button:hover:not(:disabled){background:var(--ink);color:var(--paper)}.photo-gallery .photo-gallery__controls button:disabled{opacity:.4;cursor:default}.photo-gallery .photo-gallery__count{font:11px/1.5 var(--mono,monospace);white-space:nowrap}.photo-gallery .photo-gallery__dialog button:focus-visible{outline:2px solid var(--blue);outline-offset:3px}@media (width<=600px){.photo-gallery .photo-gallery__grid{grid-template-columns:minmax(0,1fr);gap:25px}.photo-gallery .photo-gallery__item:nth-child(n){grid-column:auto;justify-self:stretch;width:100%;margin-top:0}.photo-gallery .photo-gallery__item:nth-child(n) .photo-gallery__trigger{aspect-ratio:1.2}.photo-gallery .photo-gallery__item:nth-child(3n) .photo-gallery__trigger{aspect-ratio:.86}.photo-gallery .photo-gallery__dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;padding:calc(14px + env(safe-area-inset-top)) 14px calc(14px + env(safe-area-inset-bottom));border:0;margin:0}.photo-gallery .photo-gallery__dialog[open]{gap:12px}.photo-gallery .photo-gallery__footer{grid-template-columns:1fr;gap:14px}.photo-gallery .photo-gallery__caption{font-size:12px;line-height:1.5}.photo-gallery .photo-gallery__controls{justify-content:space-between;width:100%}.photo-gallery .photo-gallery__controls button{min-width:84px}}@media (width<=320px){.photo-gallery .photo-gallery__dialog{padding-left:10px;padding-right:10px}.photo-gallery .photo-gallery__controls{gap:10px}.photo-gallery .photo-gallery__header h2{font-size:11px}}@media (prefers-reduced-motion:reduce){.photo-gallery .photo-gallery__trigger>img{transition:none}.photo-gallery .photo-gallery__trigger:hover>img{transform:none}}