.gif-intro{max-width:780px;margin:36px 0}.gif-intro h2{font-size:clamp(30px,5vw,46px);line-height:1.15;margin:12px 0 20px}.gif-intro p{line-height:1.8}.gif-toolbar{display:flex;justify-content:space-between;gap:18px;align-items:center;flex-wrap:wrap;border-block:1px solid var(--rule);padding:20px 0;margin-bottom:28px}.gif-filters{display:flex;gap:8px;flex-wrap:wrap}.gif-filters button{font:13px/1.5 Arial,sans-serif;padding:9px 14px;border:1px solid var(--accent);background:transparent;color:var(--ink);cursor:pointer}.gif-filters button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.gif-count,.gif-meta,.gif-number,.gif-note{font:12px/1.7 Arial,sans-serif;color:var(--muted)}.gif-count{margin:0}.gif-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.gif-card{border:1px solid var(--rule);background:var(--panel);min-width:0;display:flex;flex-direction:column}.gif-stage{height:250px;display:flex;align-items:center;justify-content:center;padding:22px;background:radial-gradient(ellipse at center,#ecdab4,#cdb989);border-bottom:1px solid var(--rule);overflow:hidden;box-sizing:border-box}.gif-stage img{width:var(--gif-width);max-width:100%;max-height:208px;height:auto;object-fit:contain;image-rendering:pixelated;transition:transform .18s}.gif-stage:hover img{transform:translateY(-3px)}.gif-card-body{padding:20px;display:flex;flex:1;flex-direction:column}.gif-number{letter-spacing:.16em;color:var(--accent)}.gif-card h3{font-size:23px;line-height:1.3;margin:10px 0}.gif-meta{margin:0 0 20px}.gif-card-actions{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:auto;font:12px/1.7 Arial,sans-serif}.gif-card-actions a{padding-block:5px}.gif-note{padding:22px;border-left:3px solid var(--accent);margin:30px 0}.gif-card[hidden]{display:none!important}.gif-dialog{background:var(--paper);color:var(--ink);border:1px solid var(--accent);width:min(780px,calc(100vw - 42px));max-height:90vh;padding:26px;box-sizing:border-box;overflow:auto}.gif-dialog::backdrop{background:rgba(9,23,25,.86)}.gif-dialog h2{font-size:28px;line-height:1.2;margin:20px 0}.gif-close{display:block;margin-left:auto;padding:8px 12px;background:transparent;color:var(--ink);border:1px solid var(--accent);font:13px Arial;cursor:pointer}.gif-dialog-stage{min-height:280px;display:flex;justify-content:center;align-items:center;background:radial-gradient(ellipse,#ecdab4,#cdb989);padding:30px}.gif-dialog-stage img{image-rendering:pixelated;max-width:100%;max-height:50vh;object-fit:contain}.gif-dialog-links{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-top:22px;font:14px/1.7 Arial}.gif-gallery button:focus-visible,.gif-gallery a:focus-visible,.gif-dialog button:focus-visible,.gif-dialog a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}@media(max-width:1000px){.gif-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.gif-grid{grid-template-columns:1fr}.gif-stage{height:240px}.gif-card h3{font-size:25px}.gif-dialog{padding:18px}.gif-dialog-stage{min-height:210px;padding:18px}}@media(prefers-reduced-motion:reduce){.gif-stage img{transition:none}.gif-stage:hover img{transform:none}}