/* A brief gust loosens the letter edges, then carries their pixels to the right. */
.title-stage{position:relative;transform:skew(-7deg);isolation:isolate}
.title-stage h1{transform:none}
.title-word{position:relative;display:block;flex:none}
.title-ink{display:block}
.title-word::after{content:attr(data-text);position:absolute;inset:0;pointer-events:none;opacity:0;text-shadow:none;color:currentColor;clip-path:polygon(0 29%,100% 29%,100% 32%,0 32%,0 68%,100% 68%,100% 70%,0 70%)}
.title-stage.is-eroding .title-ink{filter:url('#title-wind-grain');animation:wind-letter-flicker 1.8s linear both}
.title-stage.is-eroding .title-word::after{animation:wind-scan-slip 1.8s linear both}
.title-particles{position:absolute;left:-6%;top:-15%;width:120%;height:140%;z-index:3;pointer-events:none}
.title-stage.is-eroding+.title-light{animation:wind-light-surge 1.8s ease-out both}
@keyframes wind-letter-flicker{0%,14%,25%,52%,70%,100%{opacity:1}16%{opacity:.88}18%{opacity:1}23%{opacity:.94}55%{opacity:.87}57%{opacity:1}72%{opacity:.95}}
@keyframes wind-scan-slip{0%,12%,24%,47%,59%,100%{opacity:0;transform:translateX(0)}15%{opacity:.5;transform:translateX(.055em)}18%{opacity:.25;transform:translateX(-.025em)}21%{opacity:.12;transform:translateX(.12em)}50%{opacity:.4;transform:translateX(.07em)}54%{opacity:.2;transform:translateX(.15em)}}
@keyframes wind-light-surge{0%,100%{opacity:.55}24%{opacity:.82}28%{opacity:.5}52%{opacity:.75}60%{opacity:.55}}
.brand-wordmark{display:block;width:15vw;height:auto;margin:0 0 .55vw;max-width:100%}
@media(max-aspect-ratio:13/10){.brand-wordmark{width:24.5vw;margin-bottom:.9vw}}
@media(max-width:600px){.brand-wordmark{width:30vw;margin-bottom:1.2vw}}
@media(prefers-reduced-motion:reduce){.title-word::after,.title-particles{display:none}.title-stage.is-eroding .title-ink{filter:none}}