.portfolio-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-bottom:72px;display:grid}.portfolio-item{aspect-ratio:3/4;background:#e5e5df;display:block;position:relative;overflow:hidden}.portfolio-item[hidden],.portfolio-pagination[hidden],.portfolio-more[hidden]{display:none}.portfolio-pagination{text-align:center;padding-bottom:44px}.portfolio-progress{font:400 12px/1.5 var(--sans);color:#5c6159;font-variant-numeric:tabular-nums;margin:0}.portfolio-more{margin-top:16px}.portfolio-item img{object-fit:cover;width:100%;height:100%;transition:transform .7s cubic-bezier(.16,1,.3,1);display:block}.portfolio-item:has(img[data-landscape]){aspect-ratio:auto;grid-column:span 2}.portfolio-item:focus-visible{outline-offset:4px}.portfolio-item.is-unavailable:after{content:"View original image";font:400 14px var(--sans);background:#e5e5df;place-items:center;display:grid;position:absolute;inset:0}.portfolio-lightbox{color:#f3f2ee;background:#191c19;border:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:auto;padding:20px 32px;position:fixed;inset:0}.portfolio-lightbox[open]{flex-direction:column;gap:16px;display:flex}.portfolio-lightbox::backdrop{background:#191c19}.portfolio-toolbar{flex-shrink:0;align-items:center;gap:12px;display:flex}.portfolio-counter{font:400 12px var(--sans);font-variant-numeric:tabular-nums;margin-right:auto}.portfolio-lightbox .icon-button{width:44px;height:44px}.portfolio-stage{flex:1;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:24px;min-height:0;display:grid}.portfolio-full{object-fit:contain;width:100%;height:100%;min-height:0}.portfolio-full.is-loading{opacity:0}.portfolio-caption{max-width:850px;font:400 13px/1.5 var(--sans);text-align:center;margin:0 auto}.portfolio-error{text-align:center;font:400 14px/1.5 var(--sans)}.portfolio-error a{text-decoration:underline}html.portfolio-open{overflow:hidden}@media (hover:hover) and (prefers-reduced-motion:no-preference){.portfolio-item:hover img{transform:scale(1.04)}}@media (width<=1000px){.portfolio-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}@media (width<=600px){.portfolio-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-bottom:24px}.portfolio-item:has(img[data-landscape]){aspect-ratio:3/4;grid-column:auto}.portfolio-lightbox{padding:max(12px, env(safe-area-inset-top)) 12px max(18px, env(safe-area-inset-bottom))}.portfolio-stage{display:block;position:relative}.portfolio-prev,.portfolio-next{z-index:1;background:#191c19bf;position:absolute;top:50%}.portfolio-prev{left:0}.portfolio-next{right:0}.portfolio-caption{font-size:12px}}@media (prefers-reduced-motion:reduce){.portfolio-item img{transition:none}}