.m-in{opacity:0;transform:translateY(18px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
.m-in.m-shown{opacity:1;transform:none}
.m-lift{transition:transform .18s ease,box-shadow .18s ease,opacity .7s cubic-bezier(.2,.7,.2,1)}
.m-lift.m-shown:hover,.m-lift:not(.m-in):hover{transform:translateY(-4px);box-shadow:0 0 0 1px rgba(10,10,10,.06),0 2px 4px rgba(10,10,10,.08),0 30px 56px -18px rgba(10,10,10,.34)!important;cursor:pointer}
.m-window.m-in{transform:translateY(40px) scale(.985)}
.m-window.m-in.m-shown{transform:none;transition-duration:1s}
@media (prefers-reduced-motion:reduce){.m-in{opacity:1;transform:none}}
/* illustrated cards in "Ranking on Google doesn't get you cited" */
@keyframes illIn{0%{clip-path:inset(0 100% 0 0);transform:translateY(8px)}14%{clip-path:inset(0 0 0 0);transform:none}86%{clip-path:inset(0 0 0 0);transform:none}100%{clip-path:inset(0 0 0 100%);transform:translateY(-4px)}}
@keyframes illPulse{0%,100%{box-shadow:0 0 0 0 rgba(224,184,74,.55)}50%{box-shadow:0 0 0 6px rgba(224,184,74,0)}}
@keyframes illDraw{0%{stroke-dashoffset:1000}35%,85%{stroke-dashoffset:0}100%{stroke-dashoffset:0;opacity:0}}
.ill-i{animation:illIn 5.2s cubic-bezier(.2,.7,.2,1) infinite;animation-delay:calc(var(--i) * .28s)}
.ill [style*="E0B84A"]{animation:illPulse 2.4s ease-in-out infinite}
.ill path[stroke="#0A0A0A"]{stroke-dasharray:1000;animation:illDraw 5.2s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.ill-i,.ill [style*="E0B84A"],.ill path{animation:none!important;clip-path:none!important;stroke-dasharray:none!important}}
/* paper grain on the page ground only, under the content */
#page > div{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.45  0 0 0 0 0.38  0 0 0 0 0.28  0 0 0 .16 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")!important;background-size:180px 180px!important}
/* gradient text: Safari still needs the prefixed clip */
[style*="background-clip:text"]{-webkit-background-clip:text}
