/* Extra rules shared by the separate pages (used-*.html): real photos on cards,
   empty state, and spacing under the site header. Design CSS stays inside each page. */
.pa-page .ph>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}
.pa-page .ph .year,.pa-page .ph .tag{z-index:2}
.pa-page .pa-empty{grid-column:1/-1;background:#fff;border:1px dashed #b9d2f5;border-radius:14px;padding:28px;text-align:center;color:#51627a}
.pa-page .brands:empty{display:none}
/* The site header is fixed + translucent, so heroes start underneath it: push the hero text down */
.pa-page.pa-page .hero .wrap{padding-top:176px}
@media(max-width:767px){.pa-page.pa-page .hero .wrap{padding-top:130px}}