/* TEMPLATE PREVIEW ONLY. Not part of an agent site. */
mark.tag { background: #FFF1B8; color: #5A3E00; padding: 0 .2em; border-radius: 3px; font: inherit; font-weight: 600; }
.ph { display: grid; place-items: center; gap: 6px; padding: 16px; text-align: center; border: 2px dashed #C98A00; background: #FFF8E6; color: #6B4A00; font: 700 .8rem/1.3 var(--sans); letter-spacing: .06em; border-radius: 6px; }
.ph small { display: block; font-weight: 500; letter-spacing: 0; font-size: .72rem; }
.ph--logo { width: 190px; padding: 4px 8px; gap: 2px; font-size: .7rem; }
.site-foot__logo .ph--logo { width: 170px; }
.ph--headshot { width: 100%; aspect-ratio: 4 / 5; }
.ph-note { display: inline-block; max-width: 520px; margin: 0 0 18px; padding: 8px 12px; border: 2px dashed #C98A00; background: #FFF8E6; color: #6B4A00; font: 600 .85rem/1.4 var(--sans); border-radius: 6px; text-align: left; }
.img-slot { display: grid; place-items: center; padding: 24px; }
.initials { font-size: .5rem; line-height: 1.1; overflow: hidden; word-break: break-all; text-align: center; }
.hero .ph-note, .cta .ph-note { color: #6B4A00; margin-inline: auto; }