/* Veracity's supplied emblem, unchanged. CSS supplies color and motion. */
.hero{--stamp-delay:1600ms;--stamp-duration:900ms;--impact-delay:2095ms}
.hero h1>.build-line{display:inline-flex;align-items:center;gap:.12em;position:relative;white-space:nowrap;color:inherit;-webkit-text-stroke:0;max-width:100%}
.build-words{display:inline-block;position:relative}
.build-solid{display:inline-block}
.hero h1 .outline-word{color:transparent;-webkit-text-stroke:1px #fff}
.hero h1 .build-words em{color:var(--paper);-webkit-text-stroke:0}
.brand-impact{position:relative;display:inline-block;width:.36em;height:.765em;flex:0 0 .36em;align-self:center;margin-top:.055em;isolation:isolate}
.emblem-stamp{position:absolute;inset:0;background:var(--paper);-webkit-mask:url('assets/redesign/veracity-emblem.png') center/contain no-repeat;mask:url('assets/redesign/veracity-emblem.png') center/contain no-repeat;transform-origin:50% 85%;z-index:2}
.impact-ring{position:absolute;left:50%;top:80%;width:.4em;height:.4em;border:1px solid #c1ccc566;border-radius:50%;opacity:0;transform:translate(-50%,-50%);pointer-events:none}
.impact-dust{position:absolute;left:50%;top:82%;z-index:3;pointer-events:none}
.stamp-particle{position:absolute;display:block;width:var(--size);height:calc(var(--size)*.55);background:var(--dust);opacity:0;clip-path:polygon(0 0,83% 13%,100% 80%,20% 100%);will-change:transform,opacity}
.type-fracture{position:absolute;inset:0;opacity:0;pointer-events:none;white-space:nowrap}
.fracture-top{clip-path:polygon(0 38%,38% 43%,55% 34%,80% 39%,100% 30%,100% 48%,77% 52%,53% 47%,38% 55%,0 48%)}
.fracture-bottom{clip-path:polygon(0 65%,23% 69%,49% 59%,75% 68%,100% 58%,100% 74%,76% 78%,51% 70%,22% 80%,0 75%)}


@media(prefers-reduced-motion:no-preference){
 .brand-sequence .emblem-stamp{animation:veracity-stamp var(--stamp-duration) cubic-bezier(.22,.75,.2,1) var(--stamp-delay) both}
 .brand-sequence .build-solid{animation:veracity-type-impact 720ms ease-out var(--impact-delay) both}
 .brand-sequence .fracture-top{animation:veracity-fracture-top 620ms ease-out var(--impact-delay) both}
 .brand-sequence .fracture-bottom{animation:veracity-fracture-bottom 720ms ease-out var(--impact-delay) both}
 .brand-sequence .impact-ring{animation:veracity-ring 950ms cubic-bezier(.12,.65,.22,1) var(--impact-delay) both}
 .brand-sequence .stamp-particle{animation:veracity-dust var(--flight) cubic-bezier(.1,.55,.25,1) calc(var(--impact-delay) + var(--lag)) both}
}
@keyframes veracity-stamp{
 0%{opacity:0;transform:translate3d(.45em,-.9em,0) rotate(-23deg) scale(3.2);filter:blur(5px)}
 26%{opacity:1;filter:blur(1px)}
 55%{opacity:1;transform:translate3d(0,.035em,0) rotate(3deg) scale(.86,1.08);filter:blur(0)}
 70%{transform:translate3d(-.018em,-.04em,0) rotate(-4deg) scale(1.06)}
 86%{transform:translate3d(0,.005em,0) rotate(.5deg) scale(.99)}
 100%{opacity:1;transform:translate3d(0,0,0) rotate(0) scale(1);filter:blur(0)}
}
@keyframes veracity-type-impact{
 0%{transform:translate3d(0,0,0)}
 10%{transform:translate3d(-.035em,.023em,0) skewX(-1deg)}
 25%{transform:translate3d(.018em,-.012em,0) skewX(.5deg)}
 46%{transform:translate3d(-.004em,0,0)}
 100%{transform:translate3d(0,0,0)}
}
@keyframes veracity-fracture-top{
 0%{opacity:0;transform:translate(0,0)}
 9%{opacity:.85;transform:translate(-.065em,-.013em)}
 24%{opacity:.45;transform:translate(-.09em,.02em)}
 100%{opacity:0;transform:translate(-.09em,.04em)}
}
@keyframes veracity-fracture-bottom{
 0%{opacity:0;transform:translate(0,0)}
 10%{opacity:.7;transform:translate(.04em,.027em)}
 30%{opacity:.3;transform:translate(.065em,.05em)}
 100%{opacity:0;transform:translate(.07em,.075em)}
}
@keyframes veracity-ring{
 0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}
 10%{opacity:.65}
 100%{opacity:0;transform:translate(-50%,-50%) scale(8)}
}
@keyframes veracity-dust{
 0%{opacity:0;transform:translate3d(var(--start-x),var(--start-y),0) rotate(0) scale(.4)}
 8%{opacity:.85}
 65%{opacity:.25}
 100%{opacity:0;transform:translate3d(var(--end-x),var(--end-y),0) rotate(var(--turn)) scale(.12)}
}

@media(max-width:780px){.hero h1>.build-line{gap:.1em}}
@media(prefers-reduced-motion:reduce){.impact-ring,.impact-dust,.type-fracture{display:none!important}.emblem-stamp{opacity:1;transform:none;filter:none}.build-solid{transform:none}}

/* A fast departure-board cadence: world, build, then the impact. */
.hero h1>.world-line{display:inline-block;white-space:nowrap;color:var(--paper);-webkit-text-stroke:0;perspective:800px}
.flip-glyph{display:inline-block;position:relative;transform-origin:50% 51%;backface-visibility:hidden;transform-style:preserve-3d}
.flip-space{display:inline-block;width:.18em}
.flip-glyph:after{content:'';position:absolute;left:0;right:0;top:51%;height:1px;background:currentColor;opacity:0;pointer-events:none}
@media(prefers-reduced-motion:no-preference){
 .brand-sequence .world-line .flip-glyph{animation:veracity-flip 520ms cubic-bezier(.25,.65,.3,1) calc(80ms + var(--glyph)*36ms) both}
 .brand-sequence .build-solid .flip-glyph{animation:veracity-flip 430ms cubic-bezier(.25,.65,.3,1) calc(900ms + var(--glyph)*25ms) both}
 .brand-sequence .world-line .flip-glyph:after{animation:veracity-flip-seam 520ms ease-out calc(80ms + var(--glyph)*36ms) both}
 .brand-sequence .build-solid .flip-glyph:after{animation:veracity-flip-seam 430ms ease-out calc(900ms + var(--glyph)*25ms) both}
 .brand-sequence .world-line{animation:veracity-world-impact 580ms ease-out var(--impact-delay) both}
}
@keyframes veracity-flip{
 0%{opacity:0;transform:perspective(700px) rotateX(-90deg) translateY(-.05em)}
 27%{opacity:1;transform:perspective(700px) rotateX(0deg) translateY(0)}
 44%{opacity:.65;transform:perspective(700px) rotateX(80deg) translateY(0)}
 45%{opacity:.3;transform:perspective(700px) rotateX(-90deg) translateY(0)}
 76%{opacity:1;transform:perspective(700px) rotateX(8deg) translateY(0)}
 90%{opacity:1;transform:perspective(700px) rotateX(-4deg) translateY(0)}
 100%{opacity:1;transform:perspective(700px) rotateX(0deg) translateY(0)}
}
@keyframes veracity-flip-seam{0%,100%{opacity:0}25%,65%{opacity:.28}}
@keyframes veracity-world-impact{
 0%,100%{transform:translate3d(0,0,0)}
 14%{transform:translate3d(-.012em,.015em,0)}
 34%{transform:translate3d(.006em,-.004em,0)}
 58%{transform:translate3d(-.002em,.002em,0)}
}
@media(prefers-reduced-motion:reduce){.flip-glyph,.world-line{opacity:1;transform:none!important}.flip-glyph:after{display:none}}