/* Images keeps the approved Media hero and closing sections, with folder albums. */
.images-gallery{padding:clamp(2.5rem,4vw,4rem) var(--gutter);background:#000000;color:#F4F4F5;scroll-margin-top:9rem}
.images-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3rem 2rem}
.images-album-card{display:flex;flex-direction:column;width:100%;min-width:0;text-align:left;color:#F4F4F5;background:#000000;text-decoration:none}
.images-album-visual{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:16/9;overflow:hidden;background:#000000}
.images-album-visual>img{display:block;width:100%;height:100%;object-fit:contain}
.images-album-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.6rem;width:100%;margin:1.1rem 0 .65rem;font:400 .66rem/1.5 "IBM Plex Mono",monospace;text-transform:uppercase;letter-spacing:.06em}
.images-album-card>strong{font:600 clamp(1.4rem,1.65vw,2rem)/1.15 "Barlow Condensed",sans-serif;color:#FFFFFF;overflow-wrap:anywhere}
.images-album-card:hover>strong{color:#FA080D}
.images-album-card>p{margin:.6rem 0 0;font:400 1rem/1.5 "Barlow",Arial,Helvetica,sans-serif;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.images-gallery-filters{display:flex;gap:.75rem;flex-wrap:wrap;margin:0 0 2rem}
.images-gallery-filters button{border:0;background:#000000;color:#F4F4F5;padding:.7rem 1rem;font:500 .75rem/1.4 "IBM Plex Mono",monospace;cursor:pointer}
.images-gallery-filters button[aria-pressed=true]{background:#B0060A;color:#FFFFFF}
.images-gallery-filters button:not([aria-pressed=true]):hover{color:#FA080D}
.images-gallery-lock{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;padding:1rem;text-align:center;background:rgba(0,0,0,.78);color:#FFFFFF;font:500 .75rem/1.5 "IBM Plex Mono",monospace}
.images-gallery-status{max-width:42rem;margin:1rem 0 0;font:400 1.15rem/1.65 "Barlow",Arial,Helvetica,sans-serif}
.images-back,.images-retry{display:inline-block;color:#FA080D;background:#000000;border:0;font:500 .8rem/1.5 "IBM Plex Mono",monospace;padding:.8rem 0;cursor:pointer;text-decoration:none}
.images-album-view>header{max-width:65rem;margin:1.5rem 0 2.5rem}
.images-album-view h2{font:700 clamp(2rem,3vw,3rem)/1.1 "Barlow Condensed",sans-serif;margin:.6rem 0;color:#FFFFFF;overflow-wrap:anywhere}
.images-album-description{font:400 1.15rem/1.65 "Barlow",Arial,Helvetica,sans-serif;margin:1rem 0;white-space:pre-line}
.images-photo-grid{columns:3;column-gap:2rem}
.images-photo{display:block;break-inside:avoid;width:100%;margin:0 0 2rem;padding:0;border:0;background:#000000;cursor:zoom-in}
.images-photo img{display:block;width:100%;height:auto}
.images-album-gate{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem 0 2rem}
.images-album-gate p{font:400 1.15rem/1.65 "Barlow",Arial,Helvetica,sans-serif;margin:0}
.images-album-gate .button{font-size:.75rem}
.images-gallery [hidden]{display:none}
.images-gallery a:focus-visible,.images-gallery button:focus-visible,.images-lightbox button:focus-visible{outline:2px solid #BC13FE;outline-offset:5px}
.images-lightbox{box-sizing:border-box;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:1rem clamp(1rem,3vw,3rem);border:0;background:#000000;color:#FFFFFF;overflow:hidden}
.images-lightbox[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:1rem}
.images-lightbox::backdrop{background:rgba(0,0,0,.96)}
body:has(.images-lightbox[open]){overflow:hidden}
.images-lightbox-toolbar,.images-lightbox-controls{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.images-lightbox-toolbar p{font:400 .75rem/1.5 "IBM Plex Mono",monospace;margin:0}
.images-lightbox button{border:0;background:#000000;color:#FFFFFF;padding:.7rem 1rem;cursor:pointer;font:500 .8rem/1.5 "IBM Plex Mono",monospace}
.images-lightbox button:hover{color:#FA080D}.images-lightbox button:disabled{opacity:.4;cursor:default}
.images-lightbox figure{display:flex;flex-direction:column;min-height:0;margin:0;gap:.8rem}
.images-lightbox figure>img{display:block;object-fit:contain;width:100%;flex:1;min-height:0}
.images-lightbox figcaption{flex:0 0 auto;text-align:center;font:400 1rem/1.4 "Barlow",Arial,Helvetica,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.images-lightbox-status{margin:0;text-align:center;font:400 1rem/1.4 "Barlow",Arial,Helvetica,sans-serif}
.images-lightbox-status:empty{display:none}
@media(max-width:1020px){.images-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.images-photo-grid{columns:2}}
@media(max-width:720px){.images-gallery-grid{grid-template-columns:1fr;gap:2.5rem}.images-photo-grid{columns:1}.images-lightbox{padding:.75rem}.images-album-view>header{margin-bottom:1.5rem}}