/* Entradas suaves inspiradas en invitaciones editoriales. */
.reveal{opacity:1;transform:none;transition:none}
.motion-item{
  --motion-x:0px;
  --motion-y:38px;
  --motion-scale:1;
  opacity:0;
  transform:translate3d(var(--motion-x),var(--motion-y),0) scale(var(--motion-scale));
  filter:blur(2px);
  transition:
    opacity .95s cubic-bezier(.22,.61,.36,1),
    transform 1.05s cubic-bezier(.22,.61,.36,1),
    filter .9s ease;
  transition-delay:var(--motion-delay,0ms);
  will-change:opacity,transform,filter;
}
.motion-from-left{--motion-x:-46px;--motion-y:0px}
.motion-from-right{--motion-x:46px;--motion-y:0px}
.motion-from-down{--motion-x:0px;--motion-y:-34px}
.motion-zoom{--motion-y:18px;--motion-scale:.9}
.motion-group.is-motion-visible .motion-item{
  opacity:1;
  transform:translate3d(0,0,0) scale(1);
  filter:blur(0);
}
.site-content[aria-hidden="false"] .hero-monogram{animation:invite-fade-down .9s .08s both}
.site-content[aria-hidden="false"] .hero>.eyebrow{animation:invite-fade-left .95s .2s both}
.site-content[aria-hidden="false"] .hero>h1{animation:invite-zoom 1.15s .3s both}
.site-content[aria-hidden="false"] .hero-date{animation:invite-fade-right .95s .52s both}
.site-content[aria-hidden="false"] .photo-mat{animation:invite-zoom 1.15s .66s both}
.site-content[aria-hidden="false"] .hero-copy{animation:invite-fade-up 1s .82s both}
.site-content[aria-hidden="false"] .hero>.text-link{animation:invite-fade-up 1s 1s both}
@keyframes invite-fade-up{from{opacity:0;transform:translate3d(0,34px,0)}to{opacity:1;transform:none}}
@keyframes invite-fade-down{from{opacity:0;transform:translate3d(0,-28px,0)}to{opacity:1;transform:none}}
@keyframes invite-fade-left{from{opacity:0;transform:translate3d(-42px,0,0)}to{opacity:1;transform:none}}
@keyframes invite-fade-right{from{opacity:0;transform:translate3d(42px,0,0)}to{opacity:1;transform:none}}
@keyframes invite-zoom{from{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}
@media(max-width:760px){
  .motion-from-left{--motion-x:-28px}.motion-from-right{--motion-x:28px}
  .motion-item{--motion-y:28px;filter:blur(1.5px)}
}
@media(prefers-reduced-motion:reduce){
  .motion-item,.motion-group.is-motion-visible .motion-item{opacity:1;transform:none;filter:none;transition:none}
  .site-content[aria-hidden="false"] .hero-monogram,
  .site-content[aria-hidden="false"] .hero>.eyebrow,
  .site-content[aria-hidden="false"] .hero>h1,
  .site-content[aria-hidden="false"] .hero-date,
  .site-content[aria-hidden="false"] .photo-mat,
  .site-content[aria-hidden="false"] .hero-copy,
  .site-content[aria-hidden="false"] .hero>.text-link{animation:none}
}