/* The original sheep and pillow dream just beyond the last letter. */
.dream-wordmark{position:relative;display:block;isolation:isolate}
.brand.dream-wordmark>img{width:calc(100% - 44px)}
footer .dream-wordmark{width:200px;max-width:100%}
footer .dream-wordmark>img{width:calc(100% - 40px)}
.journal-brand.dream-wordmark{width:240px;max-width:calc(100vw - 120px)}
.journal-brand.dream-wordmark>img{width:calc(100% - 44px)}
.dream-motif{display:block;position:relative}
.dream-motif>img{display:block!important;width:100%!important;height:100%!important;max-width:none;object-fit:contain;animation:dream-drift 7s ease-in-out infinite;transform-origin:center}
.brand-dream{position:absolute;width:38px;height:25px;right:4px;top:-1px;z-index:1;animation:brand-dream-cycle 8s linear infinite}
.brand-dream[data-dream=pillow]{animation-delay:-4s}
.dream-motif[data-dream=pillow]>img{animation-name:pillow-drift;animation-duration:8s;animation-delay:-3s}
.dream-motif[data-following=true]>img{opacity:.2;animation-play-state:paused}
.heading-dream{display:inline-block;width:32px;height:24px;margin-left:12px;vertical-align:.08em;letter-spacing:0}
.heading-dream[data-dream=pillow]{width:28px;height:24px}
.dream-follower{position:fixed;left:0;top:0;max-width:none!important;object-fit:contain;pointer-events:none;z-index:100;transform-origin:top left;will-change:transform}
.dream-pause{grid-column:1/-1;justify-self:start;display:block;min-height:44px;padding:5px 0;background:none;border:0;color:inherit;font:inherit;font-size:12px;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.dream-pause:focus-visible{outline:3px solid #a24c60;outline-offset:4px}
.dream-motif[data-in-view=false]>img,html[data-dreams-paused=true] .dream-motif>img{animation-play-state:paused}
@keyframes dream-drift{0%,100%{transform:translateY(1px) rotate(-3deg)}50%{transform:translateY(-3px) rotate(3deg)}}
@keyframes pillow-drift{0%,100%{transform:translateY(-2px) rotate(5deg)}50%{transform:translateY(2px) rotate(-4deg)}}
@media(max-width:780px){footer .dream-wordmark{width:170px}.heading-dream{width:26px;height:20px;margin-left:9px}.heading-dream[data-dream=pillow]{width:24px;height:20px}}
@media(prefers-reduced-motion:reduce){.dream-motif>img{animation:none}.dream-pause{display:none}}

/* One little dream at a time: sheep, dissolve, pillow, dissolve. */
@keyframes brand-dream-cycle{
  0%{opacity:0;visibility:visible}
  12.5%,37.5%{opacity:1;visibility:visible}
  49.99%{opacity:0;visibility:visible}
  50%,100%{opacity:0;visibility:hidden}
}
.dream-wordmark[data-dream-following=true] .brand-dream,
.brand-dream[data-in-view=false],html[data-dreams-paused=true] .brand-dream{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){
 .brand-dream{animation:none;opacity:1;visibility:visible}
 .brand-dream[data-dream=pillow]{display:none}
}