.pg-grid{list-style:none;padding:0;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(18rem,1fr))}
.pg-card a{display:flex;flex-direction:column;gap:.4rem;text-decoration:none;color:inherit;border:1px solid currentColor;border-color:rgba(127,127,127,.3);border-radius:.5rem;overflow:hidden;padding-bottom:1rem;height:100%}
.pg-card a>*:not(img){padding-inline:1rem}.pg-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.pg-card a:hover{border-color:currentColor}
.pg-hero{width:100%;max-height:28rem;object-fit:cover;border-radius:.5rem;margin:1.5rem 0}
.pg-gallery{list-style:none;padding:0;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));margin:1.5rem 0}.pg-gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:.4rem}
.pg-body{max-width:48rem}.pg-lb{position:fixed;inset:0;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;z-index:999}.pg-lb[hidden]{display:none}.pg-lb img{max-width:94vw;max-height:90vh}.pg-lb button{position:absolute;top:1rem;right:1rem;font-size:2rem;background:none;color:#fff;border:0;cursor:pointer}