/* Gentle photographic movement, without moving the surrounding content. */
.hero-photo,.story-photo{overflow:hidden;isolation:isolate}
.hero-photo{border-radius:130px 8px 8px 8px}
.story-photo{border-radius:7px 100px 7px 7px}
.hero-photo img,.story-photo img{border-radius:0;transform-origin:62% 64%;animation:photo-drift 15s ease-in-out infinite alternate}
.story-photo img{animation-duration:24s;animation-delay:-7s;transform-origin:40% 60%}
.photo-stamp{left:16px;z-index:2;animation:stamp-sway 8s ease-in-out infinite alternate}
.hero-photo small,.story-photo small{z-index:2}
@keyframes photo-drift{from{transform:scale(1.015) translate3d(0,0,0)}to{transform:scale(1.095) translate3d(-1%,-.6%,0)}}
@keyframes stamp-sway{from{transform:rotate(-10deg) translateY(0)}to{transform:rotate(-6deg) translateY(-5px)}}
.motion-ready .story-photo{opacity:0;translate:0 22px;transition:opacity .9s ease,translate 1.2s cubic-bezier(.2,.7,.2,1)}
.motion-ready .story-photo.in-view{opacity:1;translate:0 0}
.photo-paused img,.photo-paused .photo-stamp{animation-play-state:paused}
.waffle-steam{position:absolute;left:42%;top:12%;width:34%;height:40%;pointer-events:none;z-index:1;overflow:visible}
.waffle-steam span{position:absolute;bottom:0;left:25%;width:25%;height:65%;border-left:5px solid rgba(255,250,238,.68);border-radius:48% 18% 60% 30%;filter:blur(4px);opacity:0;transform-origin:center bottom;animation:warm-steam 4.8s ease-in-out infinite;animation-delay:-1s}
.waffle-steam span:nth-child(2){left:49%;height:78%;animation-delay:-2.8s;animation-duration:5.8s;filter:blur(5px)}
.waffle-steam span:nth-child(3){left:66%;width:20%;height:57%;animation-delay:-4.3s;animation-duration:6.4s}
@keyframes warm-steam{0%{opacity:0;transform:translate3d(0,22px,0) scale(.65) rotate(-12deg)}22%{opacity:.68;transform:translate3d(10px,-8px,0) scale(.85) rotate(8deg)}48%{opacity:.52;transform:translate3d(-14px,-44px,0) scale(1.05) rotate(-10deg)}73%{opacity:.32;transform:translate3d(12px,-83px,0) scale(1.25) rotate(13deg)}100%{opacity:0;transform:translate3d(-18px,-125px,0) scale(1.5) rotate(-6deg)}}
.photo-paused .waffle-steam span{animation-play-state:paused}
@media(max-width:700px){.hero-photo{border-radius:90px 6px 6px 6px}.photo-stamp{left:10px}}
@media(prefers-reduced-motion:reduce){.hero-photo img,.story-photo img,.photo-stamp{animation:none;transform:none}.photo-stamp{transform:rotate(-10deg)}.motion-ready .story-photo{opacity:1;translate:none;transition:none}}
@media(prefers-reduced-motion:reduce){.waffle-steam{display:none}.waffle-steam span{animation:none}}