:root{--bg:#F9F6F0;--ink:#111111;--accent:#CC5500;--display:'Young Serif',Georgia,serif}
*{box-sizing:border-box;margin:0}
html,body{height:100%}
body{background:var(--bg);color:var(--ink)}
.wrap{display:flex;flex-direction:column;min-height:100svh}
h1{font:400 clamp(2.25rem,7.5vw,6.5rem)/1.15 var(--display);letter-spacing:-.01em;padding:clamp(1rem,3vw,2.25rem) clamp(1.25rem,4vw,3.5rem)}
.photo{flex:1;border-top:1px solid var(--ink);min-height:60svh;position:relative}
.photo img,.ph{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.ph{display:grid;place-items:center;text-align:center;padding:1rem;
  background:repeating-linear-gradient(45deg,transparent 0 10px,rgba(17,17,17,.08) 10px 11px)}
.ph span{font:1.25rem/1.4 var(--display);color:var(--accent)}