.archive-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px;margin-top:32px;display:grid}.archive-page .project-image img,.archive-page .gallery-grid img{object-fit:contain;background:#eaf2f5}.archive-page .project-image:hover img{transform:none}.archive-page .project-image{background:#eaf2f5;padding-bottom:48px}.archive-grid figure{min-width:0;margin:0}.archive-grid button{cursor:zoom-in;background:#eaf2f5;border:0;width:100%;padding:0;display:block}.archive-grid img{aspect-ratio:1.54;object-fit:contain;width:100%;height:auto;display:block}.archive-grid figcaption{margin-top:12px;font-size:14px;line-height:1.6}.archive-grid figcaption span{color:#00799c;margin-right:8px;font-weight:700}.archive-grid button:focus-visible,.archive-controls button:focus-visible{outline-offset:4px;outline:3px solid #00799c}.archive-viewer{color:#153d50;background:#fff;border:1px solid #cbdde5;border-radius:8px;width:min(960px,100vw - 32px);max-height:calc(100dvh - 32px);padding:20px}.archive-viewer::backdrop{background:#0f2330cc}.archive-viewer>img{object-fit:contain;background:#eaf2f5;width:100%;height:auto;max-height:68dvh;display:block}.archive-viewer>p{font-size:15px;line-height:1.5}.archive-controls{justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;display:flex}.archive-controls button{min-height:44px;font:inherit;color:#00799c;cursor:pointer;background:#fff;border:1px solid #00799c;border-radius:4px;padding:8px 12px}@media (max-width:800px){.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.archive-grid{grid-template-columns:1fr}.archive-viewer{padding:12px}.archive-controls{gap:4px;font-size:13px}.archive-controls button{padding:8px}}.archive-slider{max-width:1000px;margin:32px auto 0}.archive-slider figure{margin:0}.archive-slide-image{cursor:zoom-in;touch-action:pan-y;background:#eaf2f5;border:0;width:100%;padding:0;display:block}.archive-slide-image img{object-fit:contain;width:100%;height:clamp(280px,50vw,540px);display:block}.archive-slider figcaption{text-align:center;margin:16px 0;font-size:16px}.archive-slider-controls{max-width:480px;margin:20px auto 0}.archive-slider-hint{text-align:center;margin-top:14px;font-size:13px}.archive-slide-image:focus-visible{outline-offset:4px;outline:3px solid #00799c}