.photo{display:block;width:100%;height:auto;border-radius:16px}
.photo-stage{position:relative;isolation:isolate;margin:0 14px 14px 0}
.photo-stage::before{content:'';position:absolute;inset:0;z-index:-1;background:var(--photo-method);border-radius:50% 50% 16px 50%;transform:translate(14px,14px)}
.photo-stage .photo{position:relative;z-index:1}
@media(prefers-reduced-motion:reduce){
.photo-stage::before{opacity:1!important}
}
.photo-mask{overflow:clip;border-radius:50% 50% 16px 50%}
.photo-reveal{transform-origin:50% 75%}
@media(prefers-reduced-motion:reduce){
.photo-reveal{transform:none!important}
}
.motion-enabled .photo-stage::before{opacity:0;transform:translate(0,0);transition:transform 1s cubic-bezier(.2,.7,.2,1) .18s,opacity .85s ease .18s}
.motion-enabled .photo-stage.is-visible::before{opacity:1;transform:translate(14px,14px)}
.motion-enabled .photo-stage.reveal-ready{opacity:1;transform:none;transition:none}
.motion-enabled .photo-stage .photo-reveal{transform:translate(-56px,48px) rotate(-9deg);transition:transform 2.2s cubic-bezier(.075,.82,.165,1)}
.motion-enabled .photo-stage .photo-mask{clip-path:polygon(0 100%,100% 78%,100% 100%,0 100%);transition:clip-path 1.85s cubic-bezier(.19,1,.22,1)}
.motion-enabled .photo-stage.is-visible .photo-reveal{transform:translate(0,0) rotate(0)}
.motion-enabled .photo-stage.is-visible .photo-mask{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
.motion-enabled .photo-stage::before{transition:transform 1.6s cubic-bezier(.16,1,.3,1) .35s,opacity 1.2s ease .35s}
@media(max-width:760px){
.motion-enabled .photo-stage .photo-reveal{transform:translate(0,22px) rotate(-3deg);transition-duration:1.65s}
.motion-enabled .photo-stage.is-visible .photo-reveal{transform:none}
.motion-enabled .photo-stage .photo-mask{transition-duration:1.4s}
}
@media print{
.photo-reveal{transform:none!important}
}