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