/* New campaign imagery uses the supplied photos as visual references only.
   Return to the original editorial composition with more restrained image scale. */
.hero-photo img{object-position:50% 0%}
.hero-photo .photo-note{font-size:29px;bottom:53px}
.hero-photo figcaption,.ritual-photo figcaption{font-size:8px}
.moment{grid-template-columns:1fr 1fr;padding:0;gap:0;align-items:stretch}
.ritual-photo{width:100%;max-width:none;height:auto;min-height:0;max-height:none;aspect-ratio:auto;align-self:stretch;justify-self:stretch}
.ritual-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.ritual-photo figcaption{right:12px;bottom:10px;font-size:7px}
.moment-copy{padding:60px 13%}
.moment h2{font-size:clamp(42px,4.3vw,64px);line-height:1.1;margin:23px 0}
.moment-copy>p:not(.eyebrow){font-size:12px;line-height:1.75}
.mood-choices{margin:21px 0}
.mood-result{min-height:96px;padding-top:17px}
.moment .button{margin-top:20px}
@media(min-width:721px){
  .hero{min-height:620px;max-height:760px}
  .hero-copy{padding-top:40px}
}
@media(max-width:1050px) and (min-width:721px){
  .moment-copy{padding:48px 9%}
  .moment h2{font-size:43px}
}
@media(max-width:720px){
  .hero-copy{min-height:450px}
  .hero-photo{height:clamp(300px,86vw,430px);min-height:0;max-height:none}
  .hero-photo img{object-position:50% 0%}
  .hero-photo .photo-note{font-size:25px;bottom:45px}
  .moment{padding:0;gap:0}
  .moment h2{font-size:clamp(35px,8.7vw,49px);margin:22px 0}
  .moment-copy{padding:46px 6%;width:100%}
  .ritual-photo{height:75vw;min-height:260px;max-height:440px;max-width:none;aspect-ratio:auto;align-self:stretch}
  .mood-result{min-height:96px}
}