/* Birthday photographs and a clear single-person title hierarchy. */
.entry .entry-content{position:relative;z-index:5}
.hero .hero-copy{position:absolute;top:10%;left:0;width:100%;z-index:5}
.hero h1{line-height:1.1;margin:18px auto;font-size:clamp(70px,8vw,110px)}
.hero .hero-date{margin-top:20px}
.hero .scroll-cue{top:auto;bottom:165px}
.hero-shade{background:linear-gradient(180deg,#26140f88,#26140f15 55%,#26140f66)}
.hero-photo,.closing>img{object-position:center}
.entered .hero-photo{animation:heroZoom 20s ease-in-out infinite alternate}
.entry h1{font-size:clamp(62px,10vw,100px)}
/* Retain the model's calm decorative treatment. */
.entry-roses{animation:none!important}
.reveal{opacity:1;transform:none}
@media(max-width:700px){
 .hero .hero-copy{top:10%;padding:0 24px}
 .hero h1{font-size:clamp(56px,16vw,74px);max-width:100%;line-height:1.1}
 .hero .hero-date{margin-top:16px;font-size:14px}
 .hero .scroll-cue{bottom:140px}
 .entry h1{font-size:clamp(60px,17vw,85px)}
}
@media(prefers-reduced-motion:reduce){.entered .hero-photo{animation:none}}

/* Keep the wider, high-resolution header composition centered at every size. */
.hero .hero-photo{object-position:center center}
@media(min-width:701px){.hero .hero-photo{object-position:center 18%}}
