/* "freeeme" inside running text: the logo, with the same pen swash as the nav wordmark */
.fm{font-family:"Newsreader",Georgia,serif;font-weight:700;letter-spacing:-.03em;font-style:normal;position:relative;display:inline-block;padding-bottom:.08em;line-height:1;white-space:nowrap}
.fm::after{content:"";position:absolute;left:-.03em;bottom:-.14em;width:3.6em;height:.34em;background:currentColor;pointer-events:none;
  -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%20224%2022%27%3E%3Cpath%20d%3D%27M2%2018%20C64%204%20144%202%20222%2013%27%20stroke%3D%27black%27%20stroke-width%3D%273.4%27%20fill%3D%27none%27%20stroke-linecap%3D%27round%27/%3E%3C/svg%3E") no-repeat 0 0/100% 100%;
  mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%20224%2022%27%3E%3Cpath%20d%3D%27M2%2018%20C64%204%20144%202%20222%2013%27%20stroke%3D%27black%27%20stroke-width%3D%273.4%27%20fill%3D%27none%27%20stroke-linecap%3D%27round%27/%3E%3C/svg%3E") no-repeat 0 0/100% 100%}

/* hover: it lifts and the pen stroke redraws, it's clickable */
.fm{cursor:pointer;transition:transform .3s cubic-bezier(.2,.7,.1,1)}
.fm::after{transform-origin:left;transition:transform .45s cubic-bezier(.2,.7,.1,1)}
.fm:hover{transform:translateY(-2px)}
.fm:hover::after{animation:fm-draw .55s cubic-bezier(.2,.7,.1,1)}
@keyframes fm-draw{from{transform:scaleX(0)}to{transform:scaleX(1)}}
/* the flock: straight up and away */
.fm-sky{position:fixed;inset:0;pointer-events:none;z-index:80;overflow:hidden}
.fm-b{position:absolute;top:100%;width:clamp(58px,5.4vw,90px);display:flex;flex-direction:column;align-items:center;animation:fm-fly 4s linear both}
.fm-b img{width:100%;height:auto;display:block;filter:drop-shadow(0 14px 18px rgba(26,25,22,.18))}
.fm-b svg{width:14px;height:120px;margin-top:-2px;overflow:visible}
.fm-b path{fill:none;stroke:#1a1916;stroke-width:1.3;vector-effect:non-scaling-stroke}
@keyframes fm-fly{from{transform:translate(0,0) rotate(0)}to{transform:translate(var(--dx),calc(-100vh - 100% - 40px)) rotate(var(--rot))}}
@media (prefers-reduced-motion:reduce){.fm:hover{transform:none}.fm:hover::after{animation:none}}