/* Gravity vector logo */
.logo svg{display:block;height:15px;width:auto}
footer .logo svg{height:17px}
.hero h1 .wordmark{display:block;width:3.7em;max-width:100%;height:auto}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:760px){.header .logo svg{height:12px}.hero h1 .wordmark{width:100%}}

/* letter-by-letter intro: SVG paths are stored Y,T,I,V,R,G,A — delays below put them in reading order G,R,A,V,I,T,Y */
@keyframes gv-letter{from{opacity:0}to{opacity:1}}
.hero h1 .wordmark path{opacity:0;animation:gv-letter .8s ease-out forwards}
.hero h1 .wordmark path:nth-child(6){animation-delay:.25s}
.hero h1 .wordmark path:nth-child(5){animation-delay:.4s}
.hero h1 .wordmark path:nth-child(7){animation-delay:.55s}
.hero h1 .wordmark path:nth-child(4){animation-delay:.7s}
.hero h1 .wordmark path:nth-child(3){animation-delay:.85s}
.hero h1 .wordmark path:nth-child(2){animation-delay:1s}
.hero h1 .wordmark path:nth-child(1){animation-delay:1.15s}
@media(prefers-reduced-motion:reduce){.hero h1 .wordmark path{animation:none;opacity:1}}