/* Keep mobile browser chrome changes from resizing invitation content while scrolling. */
html{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}
.page-shell{
  width:100%;
  max-width:480px;
}
.hero h1{
  font-size:34px;
}
.photo-placeholder--image::before,
.photo-placeholder--image::after{
  display:none;
}
.photo-placeholder--image img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center 30%;
}
.photo-placeholder--image img,
.gallery__item img,
.lightbox #lightbox-image img{
  opacity:0;
  transition:opacity .28s ease-out;
}
.photo-placeholder--image img.is-loaded,
.gallery__item img.is-loaded,
.lightbox #lightbox-image img.is-loaded{
  opacity:1;
}
.reveal{
  opacity:1;
  transform:none;
  transition:opacity .52s cubic-bezier(.22,1,.36,1),transform .52s cubic-bezier(.22,1,.36,1);
}
.reveal.reveal-ready:not(.is-visible){
  opacity:0;
  transform:translateY(12px);
}
.reveal.reveal-ready.is-visible{
  opacity:1;
  transform:none;
}
@media(prefers-reduced-motion:reduce){
  .photo-placeholder--image img,
  .gallery__item img,
  .lightbox #lightbox-image img{
    transition:none;
  }
}
@media(max-width:380px){
  .hero h1{font-size:30px}
  .hero__wash{width:350px;height:350px;right:-165px}
}