.archive-group{margin:38px 0 44px}
.archive-heading{font:800 clamp(18px,1.8vw,25px)/1.35 'Archivo',Arial,sans-serif;letter-spacing:-.025em;margin:0 0 18px}
.archive-description{font:400 14px/1.75 'Archivo',Arial,sans-serif;margin:0 0 22px;max-width:780px}
.archive-canvas{position:relative;isolation:isolate;width:100%;overflow:hidden;background:transparent}
.archive-canvas.archive-ink{background:var(--ink)}
.archive-placement{position:absolute;margin:0;min-width:0;transform-origin:center}
.archive-media-link{position:relative;display:block;width:100%;height:100%;overflow:hidden;background:transparent}
.archive-canvas img{display:block;position:absolute;max-width:none;max-height:none;aspect-ratio:auto;object-fit:fill;transition:none}
.archive-media-link:focus-visible{outline:3px solid var(--pink-ink);outline-offset:-3px}
.archive-open{position:absolute;right:6px;bottom:6px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;font:14px/1 Arial,sans-serif;background:var(--paper);color:var(--ink);opacity:0;pointer-events:none}
.archive-play{opacity:1;width:clamp(22px,3vw,38px);height:clamp(22px,3vw,38px);font-size:12px;right:50%;bottom:50%;transform:translate(50%,50%);box-shadow:0 1px 12px #0002}
.archive-media-link:hover .archive-open,.archive-media-link:focus-visible .archive-open{opacity:1}
.archive-placement figcaption{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.archive-filter{position:absolute;pointer-events:none}
#archive-viewer{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:65px 22px 22px;background:var(--ink);color:var(--paper)}
#archive-viewer .archive-close{position:fixed;right:22px;top:12px;z-index:1;width:44px;height:44px;border:1px solid #fff5;border-radius:50%;background:var(--ink);color:var(--paper);font-size:28px}
#archive-viewer>img,#archive-viewer>video{display:block;width:100%;height:calc(100svh - 150px);object-fit:contain;background:transparent}
#archive-viewer>[hidden]{display:none}
#archive-viewer>p{font:400 12px/1.7 'Archivo',Arial,sans-serif;text-align:center;max-width:1000px;margin:16px auto 0}
#archive-viewer .archive-original{display:block;font:400 11px/1.6 'Archivo',Arial,sans-serif;text-align:center;margin:8px auto;text-decoration:underline}

@media(max-width:800px){.archive-group{margin:30px 0}.archive-description{font-size:14px}}