.archive-grid{display:grid;grid-template-columns:1.55fr 1fr 1fr 1fr;gap:clamp(12px,2vw,32px);margin-top:30px}.archive-grid figure{margin:0;min-width:0}.archive-picture{position:relative;display:block;overflow:hidden;background:#d6d1c5}.archive-picture img{display:block;width:100%;height:clamp(200px,23vw,365px);object-fit:cover;object-position:center 35%;transition:transform .4s ease}.archive-picture:hover img,.archive-picture:focus-visible img{transform:scale(1.035)}.archive-picture span{position:absolute;bottom:10px;right:10px;display:grid;place-items:center;background:#fcfaf2eb;color:#253e37;width:32px;height:32px;border-radius:50%;font:22px/1 Georgia,serif}.archive-grid figcaption{font:italic 17px/1.35 Georgia,serif;padding-top:12px}.archive-view{border:0;padding:0;background:#14251f;color:#faf6eb;max-width:min(94vw,1250px);max-height:94dvh}.archive-view::backdrop{background:#101c17dd}.archive-view img{display:block;max-width:100%;max-height:76dvh;object-fit:contain;margin:auto}.archive-view p{padding:12px 22px;margin:0;font:italic 18px/1.4 Georgia,serif}.archive-view button{position:absolute;right:10px;top:10px;border:0;border-radius:50%;background:#faf7ee;color:#213a32;font-size:25px;cursor:pointer;width:38px;height:38px;line-height:1}.archive-view button:focus-visible{outline:3px solid #d49b43}@media(max-width:800px){.archive-grid{grid-template-columns:1fr 1fr}.archive-picture img{height:clamp(180px,41vw,300px)}}@media(prefers-reduced-motion:reduce){.archive-picture img{transition:none}}