.phero{text-align:center}.phero h1,.phero .lead{margin-left:auto;margin-right:auto}.gal{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.gcard{display:flex;flex-direction:column;border:3px solid var(--ink);border-radius:24px;background:var(--card);overflow:hidden;transition:transform .2s,box-shadow .2s}.gcard:hover{transform:translate(-3px,-3px);box-shadow:6px 6px 0 var(--ink)}.gcard[hidden]{display:none}.g-th{background:var(--bg);padding:26px 30px 0;border-bottom:3px solid var(--ink);position:relative;height:300px;overflow:hidden}.g-th .mini{box-shadow:0 8px 22px #1c171238;transition:transform .3s}.gcard:hover .g-th .mini{transform:translateY(-14px)}.g-tags{position:absolute;left:12px;top:12px;display:flex;gap:6px;z-index:2}.g-tags span{font:700 10px/1 var(--f-mono);text-transform:uppercase;border:2px solid var(--ink);border-radius:7px;padding:5px 7px;background:var(--card)}.g-tags .plus{background:var(--ink);color:var(--yellow)}.g-tags .free{background:var(--green)}.g-b{padding:18px 20px 20px;display:flex;flex-direction:column;gap:4px;flex:1}.g-b h3{font-size:22px}.g-b p{font-size:14.5px;color:var(--ink-2);margin-bottom:14px}.g-b .btn{margin-top:auto;width:100%}.dots{display:flex;gap:6px;margin-bottom:12px}.dots button{width:20px;height:20px;border-radius:50%;border:2px solid var(--ink);cursor:pointer;padding:0}.dots button[aria-pressed=true]{outline:2px solid var(--ink);outline-offset:2px}.info-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:70px}.empty{text-align:center;padding:40px;display:none}.empty.on{display:block}@media(max-width:1100px){.gal{grid-template-columns:repeat(3,1fr)}}@media(max-width:820px){.gal{grid-template-columns:repeat(2,1fr)}.info-row{grid-template-columns:1fr}}@media(max-width:560px){.gal{grid-template-columns:1fr}.g-th{height:260px}}