/* Photo features (self-hosted stock photos) — loaded after styles.css on selected pages */
.pfeature{padding-block:clamp(34px,5vw,64px)}
.pfeature.paper{background:var(--paper)}
.pfig{position:relative;margin:0;overflow:hidden;background:var(--paper);border:1px solid var(--line);aspect-ratio:16/7}
.pfig img.pic{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(.35) contrast(1.05)}
.pfig figcaption{position:absolute;left:0;bottom:0;z-index:3;max-width:90%;padding:9px 14px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:var(--band)}
.pfig .tint{top:auto;bottom:0;height:38%;width:34%}
.pfig .art-label{top:clamp(12px,2vw,24px);right:clamp(12px,2vw,24px)}
.pfig.shot img.pic{object-fit:cover;object-position:top left;filter:none}
.pduo{display:grid;grid-template-columns:1.35fr 1fr;gap:clamp(12px,2vw,22px)}
.pduo .pfig{aspect-ratio:auto;min-height:clamp(220px,28vw,380px)}
.pduo .pfig img.pic{position:absolute;inset:0}
.pduo.even{grid-template-columns:1fr 1fr}
.pbanner{padding-block:0}
.pbanner .pfig{aspect-ratio:auto;height:clamp(150px,20vw,240px)}
.pfig.pfig-cat{grid-column:1/-1;aspect-ratio:auto;height:clamp(150px,20vw,250px)}
.pfig.tall img.pic{object-position:center 40%}
@media (max-width:760px){.pduo,.pduo.even{grid-template-columns:1fr}.pfig{aspect-ratio:16/9}.pduo .pfig{min-height:200px}.pfig figcaption{font-size:10px}}
html[data-mode="dark"] .pfig img.pic{filter:brightness(.8) contrast(1.05) grayscale(.2)}
html[data-mode="dark"] .pfig.shot img.pic{filter:brightness(.92)}
html[data-mode="dark"] .pfig{background:#23252d}
