/* Faithful vector tracing of the supplied logo; transparent background. */
.emblem .hourglass{width:104px;height:auto;color:#f5f7f7;overflow:visible;filter:drop-shadow(0 0 3px #d8faff25)}
.emblem .halo{opacity:.3}
.hourglass-frame{animation:none}
.sand-upper{transform-origin:66px 69px;animation:sand-settle-top 18s ease-in-out infinite}
.sand-lower{transform-origin:66px 151px;animation:sand-settle-bottom 18s ease-in-out infinite}
.grain{animation:grain-fall 3.6s linear infinite}
.grain-two{animation-delay:-.9s}.grain-three{animation-delay:-1.8s}.grain-four{animation-delay:-2.7s}
@keyframes grain-fall{0%{transform:translateY(0);opacity:0}12%{opacity:1}82%{opacity:1}100%{transform:translateY(42px);opacity:0}}
/* Subtle continuous settling instead of an emptying/reset flash. */
@keyframes sand-settle-top{0%,100%{transform:scale(1)}50%{transform:scale(.96,.91)}}
@keyframes sand-settle-bottom{0%,100%{transform:scale(1)}50%{transform:scale(1.015,1.06)}}
.paused .hourglass *{animation:none!important}
.paused .grain-one{transform:translateY(5px)}.paused .grain-two{transform:translateY(16px)}.paused .grain-three{transform:translateY(27px)}.paused .grain-four{transform:translateY(38px)}
@media(prefers-reduced-motion:reduce){.hourglass *{animation:none!important}.grain-one{transform:translateY(5px)}.grain-two{transform:translateY(16px)}.grain-three{transform:translateY(27px)}.grain-four{transform:translateY(38px)}}
@media(max-width:600px){.emblem .hourglass{width:85px}}