/* Hero promise: three typeset lines, one size, no wrapping. */
.hero h1#promise { white-space:nowrap; hyphens:manual; overflow-wrap:normal; }
.hero h1#promise > .promise-line { display:inline-block; position:relative; color:var(--ink); vertical-align:top; }
.hero h1#promise > .promise-when { letter-spacing:-.05em; }
/* The site greys every span inside a heading: the faces must follow their line instead. */
.hero h1#promise .promise-face { display:inline-block; color:inherit; }
.hero h1#promise .promise-ghost { position:absolute; left:0; top:0; pointer-events:none; }
@media(max-width:767px) { .hero h1#promise .promise-ghost { left:50%; translate:-50% 0; } }