.ugc__header{text-align:center;max-width:56rem;margin:0 auto 3.2rem;padding:0 2rem;}
.ugc__label{font-size:1.1rem;letter-spacing:0.2em;text-transform:uppercase;opacity:0.8;margin:0 0 1rem;}
.ugc__heading{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-size:3.2rem;margin:0 0 1rem;}
.ugc__text{font-size:1.4rem;opacity:0.75;margin:0;}
.ugc__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;max-width:var(--page-width);margin:0 auto;padding:0 2rem;min-height:20rem;}
.ugc__tile{display:block;position:relative;width:100%;aspect-ratio:1/1;min-height:16rem;background-size:cover;background-position:center;background-color:rgba(23,16,18,0.08);border:1px solid rgba(23,16,18,0.15);}
.ugc__tile:after{content:"\2661";position:absolute;bottom:0.8rem;right:1rem;color:#fff;font-size:1.5rem;text-shadow:0 1px 4px rgba(0,0,0,.4);}
.ugc__tile--empty{background-color:rgba(23,16,18,0.05);border:1px dashed rgba(23,16,18,0.3);}
.ugc__tile--empty:after{content:none;}
@media screen and (max-width: 749px){
  .ugc__grid{grid-template-columns:repeat(2,1fr);}
}