/* photo27 (27 Oct 2026): system v3.1, type on the photo, for /contact and /book.
   Wordmark mode: oversized caps in Zalando Sans Expanded 800, tracking -.055em, line height .8, bleeding off one edge.
   Captions sit only around the wordmark. Never on the frame: panels, boxes, cards, shades or tints. Ink is bone, because
   both frames are dark where the type sits (checked at 1440 and 390). The Sand Rose 40 px rule is the one accent. */
.ph{position:relative;min-height:max(100svh,640px);overflow:hidden;color:var(--bone);isolation:isolate}
.ph-img{position:absolute;inset:0;z-index:-1;background:var(--off)}
.ph-img img{width:100%;height:100%;object-fit:cover}
.ph-ticks{position:absolute;inset:40px;z-index:1;pointer-events:none}
.ph-ticks i{position:absolute;width:20px;height:20px;border:0 solid var(--bone)}
.ph-ticks i:nth-child(1){top:0;left:0;border-width:2px 0 0 2px}
.ph-ticks i:nth-child(2){top:0;right:0;border-width:2px 2px 0 0}
.ph-ticks i:nth-child(3){bottom:0;left:0;border-width:0 0 2px 2px}
.ph-ticks i:nth-child(4){bottom:0;right:0;border-width:0 2px 2px 0}
.wm{font-family:var(--d);font-weight:800;letter-spacing:-.055em;line-height:.8;text-transform:uppercase;white-space:nowrap;color:var(--bone);margin:0}
.wm>span{display:block}
.ph .lab{color:var(--bone)}
.ph-plate{position:absolute;top:calc(var(--hdr) + 24px);right:64px;text-align:right}
.ph-cred{position:absolute;left:64px;bottom:64px}
.ph-cred2{position:absolute;right:64px;bottom:64px;text-align:right}
.ph-rule{display:block;width:40px;height:3px;background:var(--rose);margin-bottom:24px}
@media (max-width:760px){
  .ph-ticks{inset:16px}
  .ph-ticks i{width:16px;height:16px}
  .ph-plate{right:32px;top:calc(var(--hdr) + 16px)}
  .ph-cred{left:32px;bottom:40px}
  .ph-cred2{display:none}
}
/* a bright frame takes off black ink: type, captions and ticks together (the header follows through .ground) */
.ph--lite,.ph--lite .wm,.ph--lite .lab{color:var(--off)}
.ph--lite .ph-ticks i{border-color:var(--off)}