:root{--paper:#f7f7f5;--ink:#17162e;--pink:#f2a9c0;--line:#b6b5bd;--muted:#5d5b69;--sans:Arial,'Helvetica Neue','Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif;--serif:'Bodoni 72',Didot,'Times New Roman','Yu Mincho',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:76px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{border:0;background:none}a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:6px}::selection{background:var(--pink);color:#17162e}img{display:block;width:100%;height:auto}p{line-height:1.9}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}small,.micro{font-size:12px;letter-spacing:.05em}.skip{position:fixed;top:-70px;left:16px;z-index:100;background:#fff;padding:14px}.skip:focus{top:10px}.site-foot{display:flex;justify-content:space-between;gap:18px;padding:26px 4vw 90px;font-size:12px;border-top:1px solid var(--line)}.text-link{display:inline-block;border-bottom:1px solid currentColor;padding-bottom:6px}.role{font-size:14px;line-height:1.8}.role span{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}.work-open{display:block;width:100%;padding:0;text-align:left}.work-open img{transition:transform .7s cubic-bezier(.2,.7,.1,1)}.work-open:hover img{transform:scale(1.025)}.image-window{overflow:hidden}.project-meta{display:flex;justify-content:space-between;gap:18px;margin-top:18px}.project-meta h3{font-size:28px;line-height:1.2}.project-meta p{font-size:13px;margin-top:8px}.project-meta .number{font-size:12px;padding-top:4px}.project-description{font-size:14px;margin-top:14px}.project-scope{font-size:13px;border-top:1px solid var(--line);padding-top:14px;margin-top:20px;line-height:1.8}.project-scope span{margin-right:16px;color:var(--muted)}
/* A — ALFALFA's air, serif type, pink bands and asymmetry. */
.a-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px 4vw;position:absolute;z-index:10;width:100%}.a-logo{font-family:var(--serif);font-size:32px;line-height:.9;letter-spacing:-.04em}.a-logo span{display:block;font:10px var(--sans);letter-spacing:.13em;margin-top:10px}.a-header nav{display:flex;gap:28px;font:14px var(--serif)}.a-header nav a:hover{font-style:italic}.a-hero{min-height:900px;height:100svh;max-height:1120px;position:relative;padding:155px 4vw 30px;isolation:isolate}.a-edition{position:absolute;left:4vw;top:146px;font:italic 14px var(--serif);border-bottom:1px solid var(--ink);padding-bottom:8px}.a-title{font-family:var(--serif);font-size:clamp(140px,24vw,390px);font-weight:400;letter-spacing:.045em;line-height:.8;position:relative;margin-left:18vw;width:max-content;z-index:3;pointer-events:none}.a-title .serif-i{font-style:italic}.a-subtitle{font-family:var(--serif);font-size:clamp(18px,2.25vw,34px);letter-spacing:.13em;position:absolute;top:45%;left:57%;z-index:6}.a-ribbon{position:absolute;left:0;top:49%;width:83%;height:75px;background:var(--pink);z-index:1;transform:rotate(-3deg);transform-origin:left center;mix-blend-mode:multiply}.a-feature{position:absolute;left:23%;top:39%;width:38%;z-index:2;transform:rotate(-9deg);padding:0;box-shadow:0 18px 40px #17162e13;transition:transform 1s cubic-bezier(.2,.7,.1,1)}.a-feature:hover{transform:rotate(-3deg) translateY(-8px)}.a-feature img{filter:saturate(.65)}.a-feature small{position:absolute;bottom:-28px;left:0;font:12px var(--serif)}.a-hero-copy{position:absolute;left:63%;top:67%;font-family:var(--serif);font-size:20px;line-height:1.6;width:30%;z-index:5}.a-hero-copy p{font:14px/2 var(--sans);margin-top:16px}.a-side{position:absolute;left:4vw;bottom:100px;writing-mode:vertical-rl;transform:rotate(180deg);font:14px var(--serif);letter-spacing:.18em}.a-hero-bottom{position:absolute;left:23%;right:4vw;bottom:35px;display:flex;justify-content:space-between;align-items:end;font:12px var(--serif)}.a-ticker{border-block:1px solid var(--ink);overflow:hidden;font:italic 19px var(--serif);padding:14px 0;white-space:nowrap}.ticker-track{display:flex;width:max-content;animation:ticker 30s linear infinite}.ticker-track span{padding-right:40px}.a-section{padding:120px 4vw 130px}.a-section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:75px}.a-section-head h2{font:clamp(70px,10vw,160px)/.9 var(--serif);letter-spacing:.13em}.a-section-head p{font:italic 15px/1.7 var(--serif);max-width:230px}.a-works-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:10%;align-items:start;padding:0 8%}.a-project:nth-child(2){padding-top:235px}.a-project:nth-child(3){margin-top:65px;grid-column:1/3;width:59%;margin-left:8%}.a-project .project-meta h3{font-family:var(--serif);font-size:36px}.a-project .image-window{background:#e9e8e5}.a-works-more{margin:85px 0 0 12%;font-family:var(--serif)}.a-about{border-top:1px solid var(--ink)}.a-about-layout{display:grid;grid-template-columns:1fr 2fr;gap:8%;margin-left:12%}.a-about-layout .large-copy{font:clamp(25px,3vw,44px)/1.65 var(--serif);margin-bottom:40px}.a-about-layout .body-copy{font-size:15px;max-width:580px}.a-skills{margin-top:50px;border-top:1px solid var(--line);padding-top:20px;display:flex;gap:40px;font-size:14px}.a-skills p{line-height:2}.a-name{font:42px var(--serif)}.a-name span{display:block;font:12px var(--sans);margin-top:12px}.a-contact{padding:80px 4vw 100px;border-top:1px solid var(--ink);position:relative}.a-contact h2{font:clamp(75px,14vw,200px)/1 var(--serif);letter-spacing:-.05em;position:relative;z-index:2}.a-contact h2 a{border-bottom:1px solid var(--ink)}.a-contact h2 em{font-weight:400}.a-contact .contact-band{height:42px;background:var(--pink);width:70%;position:absolute;left:0;top:37%;transform:rotate(-3deg)}.a-contact p{margin:35px 0 0 45%;font-size:14px}
/* B — bleibtgleich's split grid, compressed type and moving work. */
.b{--paper:#fff;--ink:#090909;--line:#c9c9c9;--muted:#626262;letter-spacing:-.025em}.b h1,.b h2,.b h3{font-weight:700}.b-header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 28px;position:absolute;top:0;left:0;width:100%;z-index:15}.b-logo{font-size:27px;font-weight:800;letter-spacing:-.08em;line-height:.85}.b-logo small{display:block;font-size:9px;letter-spacing:0;margin-top:7px;font-weight:400}.menu-button{background:#0b0b0b;color:#fff;border-radius:100px;padding:9px 18px;font-size:13px;line-height:1}.b-corner{position:fixed;bottom:10px;font-size:clamp(50px,7vw,100px);font-weight:700;line-height:.8;color:#e8e8e8;pointer-events:none;z-index:0;letter-spacing:-.08em}.b-corner.left{left:16px}.b-corner.right{right:20px}.b main,.b footer{position:relative;z-index:1}.b-hero{padding:115px 9vw 70px 25vw;min-height:930px;position:relative}.b-identity{display:grid;grid-template-columns:28% 72%;min-height:310px}.b-identity .role{align-self:end;font-size:13px;font-weight:700;line-height:1.15;letter-spacing:-.02em;padding-bottom:8px}.b-person{border-left:1px solid #777;padding-left:22px;display:flex;flex-direction:column;justify-content:space-between}.b-person small{line-height:1.3;letter-spacing:0}.b-person p{font-size:clamp(65px,8vw,125px);font-weight:700;line-height:.85;letter-spacing:-.075em;margin-top:70px}.b-person p span{display:block}.b-headline{font-size:clamp(68px,8vw,125px);font-weight:700;line-height:.89;letter-spacing:-.075em;margin-top:26px}.b-headline span{display:block}.b-hero-bottom{display:grid;grid-template-columns:28% 72%;margin-top:50px}.b-hero-bottom p{font-size:14px;line-height:1.8;border-left:1px solid #777;padding:0 0 0 22px;max-width:420px}.b-hero-bottom a{align-self:end;font-size:13px;font-weight:700;margin-right:15px}.b-word-transition{padding:70px 5vw 100px 25vw;font-size:clamp(65px,8vw,120px);font-weight:700;line-height:.9;letter-spacing:-.075em}.b-word-transition span{display:block}.b-word-transition .offset{padding-left:28%}.b-work-stage{margin:0 4vw;min-height:670px;position:relative;display:flex;justify-content:center;align-items:center;border-block:1px solid var(--line);overflow:hidden}.b-fan{position:relative;width:min(620px,60vw);aspect-ratio:1.6;perspective:1400px}.fan-card{position:absolute;top:0;width:100%;padding:0;transition:transform .8s cubic-bezier(.2,.7,.1,1);transform:translate(var(--tx),var(--ty)) rotate(var(--rot));box-shadow:0 12px 30px #0002}.fan-card:nth-child(1){--tx:-120px;--ty:40px;--rot:-12deg;z-index:1}.fan-card:nth-child(2){--tx:120px;--ty:-15px;--rot:12deg;z-index:2}.fan-card:nth-child(3){--tx:0px;--ty:0px;--rot:-2deg;z-index:3}.fan-card:hover,.fan-card:focus-visible{z-index:5;transform:translate(var(--tx),calc(var(--ty) - 28px)) rotate(0deg) scale(1.02)}.stage-label{position:absolute;left:0;bottom:25px;font-size:13px;line-height:1.4;font-weight:700}.stage-hint{position:absolute;right:0;bottom:25px;font-size:12px}.b-work{padding:110px 4vw}.b-section-head{display:grid;grid-template-columns:23% 1fr;align-items:end;border-bottom:1px solid var(--ink);padding-bottom:28px;margin-bottom:70px}.b-section-head h2{font-size:clamp(55px,7vw,100px);line-height:.87;letter-spacing:-.07em}.b-section-head p{font-size:12px}.b-project{display:grid;grid-template-columns:23% 1fr;gap:0;margin-bottom:100px}.b-project-info{padding:8px 32px 0 0}.b-project-info .number{font-size:12px}.b-project-info h3{font-size:clamp(26px,3vw,45px);line-height:1;letter-spacing:-.055em;margin-top:35px;overflow-wrap:anywhere}.b-project-info .project-description{line-height:1.7}.b-project-info .project-scope{border:0;padding-top:0}.b-project-info .project-scope span{display:block;margin-bottom:5px}.b-project-info .view-detail{margin-top:30px;font-size:12px;border-bottom:1px solid var(--ink);padding:0 0 5px}.b-project-image{padding:4vw;background:#f2f2f2}.b-project:nth-child(3) .b-project-image{background:#eee9df}.b-project:nth-child(4) .b-project-image{background:#e7eaef}.b-work-more{margin-left:23%;font-size:14px}.b-about{padding:20px 4vw 130px}.b-about-body{display:grid;grid-template-columns:23% 1fr}.b-about-name{font-size:14px;font-weight:700}.b-about-text h3{font-size:clamp(34px,4.5vw,66px);line-height:1.2;letter-spacing:-.06em;margin-bottom:35px}.b-about-text>p{max-width:600px;font-size:15px}.b-skills{margin-top:50px}.b-skill{display:grid;grid-template-columns:45% 55%;border-top:1px solid var(--line);padding:20px 0;font-size:14px}.b-skill span:first-child{font-weight:700}.b-contact{margin:0 4vw;padding:55px 0 100px;border-top:1px solid var(--ink)}.b-contact h2{font-size:clamp(75px,12.5vw,180px);line-height:.85;letter-spacing:-.08em}.b-contact h2 span{display:block;margin-left:23%}.b-contact-bottom{margin:45px 0 0 23%;display:flex;justify-content:space-between;align-items:end;gap:30px}.b-contact-bottom p{font-size:14px}.b-contact-bottom a{font-size:20px;border-bottom:1px solid var(--ink);padding-bottom:7px}.menu-dialog{position:fixed;inset:0;margin:0;width:100%;height:100%;max-width:none;max-height:none;background:#111;color:#fff;border:0;padding:25px 5vw;z-index:80}.menu-head{display:flex;justify-content:space-between;align-items:center}.menu-dialog .close{font-size:14px;border:1px solid #777;border-radius:30px;padding:8px 18px;color:#fff}.menu-links{display:flex;flex-direction:column;margin:70px 0 30px 20%;gap:14px}.menu-links a{font-size:clamp(50px,8vw,110px);font-weight:700;line-height:1.1;letter-spacing:-.07em}.menu-links a small{font-size:12px;letter-spacing:0;margin-right:20px;vertical-align:middle}.menu-links a:hover{color:#bdbdbd}
/* Shared accessible case-study dialogs. */
body.dialog-open{overflow:hidden}.case-dialog{width:min(960px,calc(100% - 40px));max-height:90svh;padding:0;border:0;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#1119;backdrop-filter:blur(7px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;padding:20px 28px;background:var(--paper);position:sticky;top:0;z-index:3;border-bottom:1px solid var(--line)}.dialog-head .close{font-size:14px;border:1px solid var(--line);border-radius:40px;padding:8px 14px}.dialog-body{padding:35px 28px 50px}.dialog-body h2{font-size:clamp(38px,5vw,65px);letter-spacing:-.04em}.detail-intro{font-size:16px;margin:15px 0 28px;max-width:680px}.dialog-body figure{margin:30px 0}.dialog-body figcaption{font-size:12px;text-align:right;margin-top:10px}.detail-info{margin-top:35px}.detail-info>div{display:grid;grid-template-columns:160px 1fr;gap:20px;border-top:1px solid var(--line);padding:18px 0;font-size:14px;line-height:1.9}.detail-info dt{color:var(--muted)}.detail-info dd{margin:0}.detail-actions{display:flex;gap:24px;flex-wrap:wrap;font-size:14px;margin-top:35px}
@keyframes ticker{to{transform:translateX(-50%)}}
@media(min-width:1600px){.a-hero{min-height:1000px}.a-feature{width:35%;left:27%}.a-title{margin-left:22vw}.b-hero{min-height:1100px}}
@media(max-width:800px){.a-header{padding:22px 5vw}.a-header nav{gap:16px;font-size:13px}.a-hero{min-height:850px;max-height:1000px;padding-top:190px}.a-edition{top:120px;left:5vw}.a-title{font-size:32vw;margin-left:5vw}.a-subtitle{top:39%;left:42%;font-size:22px}.a-ribbon{top:46%;height:60px;width:95%}.a-feature{top:43%;left:16%;width:57%}.a-hero-copy{left:43%;top:70%;width:50%;font-size:18px}.a-hero-copy p{font-size:13px}.a-side{left:5vw;bottom:85px}.a-hero-bottom{left:17%;right:5vw;bottom:25px}.a-section{padding:80px 5vw}.a-section-head{margin-bottom:50px}.a-section-head h2{font-size:12vw}.a-section-head p{font-size:12px;width:130px}.a-works-grid{padding:0;column-gap:6%}.a-project:nth-child(2){padding-top:130px}.a-project:nth-child(3){width:70%;margin-left:5%;margin-top:30px}.a-project .project-meta h3{font-size:29px}.a-about-layout{margin-left:0;gap:6%;grid-template-columns:1fr 2fr}.a-about-layout .large-copy{font-size:27px}.a-skills{gap:20px;flex-wrap:wrap}.a-contact{padding:65px 5vw 85px}.a-contact p{margin-left:30%}.b-hero{padding:115px 5vw 60px 17vw;min-height:850px}.b-identity{min-height:295px;grid-template-columns:23% 77%}.b-person{padding-left:16px}.b-person p{font-size:12vw}.b-headline{font-size:12vw}.b-hero-bottom{grid-template-columns:23% 77%}.b-hero-bottom p{padding-left:16px}.b-hero-bottom a{font-size:11px}.b-word-transition{padding:35px 5vw 80px 17vw;font-size:12vw}.b-work-stage{min-height:480px}.b-fan{width:60vw}.fan-card:nth-child(1){--tx:-65px}.fan-card:nth-child(2){--tx:65px}.b-project,.b-section-head,.b-about-body{grid-template-columns:28% 72%}.b-project-info{padding-right:20px}.b-project-info h3{font-size:29px}.b-project-info .project-description,.b-project-info .project-scope{font-size:12px}.b-project-info .view-detail{margin-top:12px}.b-work-more{margin-left:28%}.b-about-name{font-size:12px}.b-about-text h3{font-size:35px}.b-contact-bottom{margin-left:23%;display:block}.b-contact-bottom a{margin-top:25px;display:inline-block}}
@media(max-width:540px){html{scroll-padding-top:25px}.a-header nav a:nth-child(2){display:none}.a-logo{font-size:26px}.a-header nav{padding-top:5px}.a-hero{min-height:790px;height:100svh;max-height:880px;padding-top:165px}.a-title{font-size:37vw;margin-left:0;letter-spacing:.015em}.a-edition{top:113px;font-size:12px}.a-subtitle{top:36%;left:33%;font-size:19px;letter-spacing:.09em}.a-feature{top:42%;left:15%;width:72%}.a-ribbon{top:48%;height:52px}.a-hero-copy{left:35%;top:69%;width:61%;font-size:18px}.a-hero-copy p{font-size:13px;margin-top:10px}.a-side{bottom:95px;font-size:12px}.a-hero-bottom{left:35%;bottom:26px;font-size:11px}.a-hero-bottom>span{display:none}.a-ticker{font-size:16px}.a-section{padding-block:70px}.a-section-head{display:block;margin-bottom:38px}.a-section-head h2{font-size:20vw;letter-spacing:.08em}.a-section-head p{width:auto;max-width:none;margin-top:18px;font-size:13px}.a-works-grid{display:block}.a-project:nth-child(n){padding:0;margin:0 0 55px;width:auto}.a-project:nth-child(2){margin-left:12%}.a-project:nth-child(3){margin-right:8%}.a-project .project-meta h3{font-size:34px}.project-meta{margin-top:15px}.project-meta p{margin-top:5px}.project-scope{margin-top:14px;padding-top:10px}.a-works-more{margin:0;font-size:14px}.a-about-layout{display:block}.a-name{font-size:35px;margin-bottom:35px}.a-about-layout .large-copy{font-size:26px}.a-about-layout .body-copy{font-size:14px}.a-contact{padding-top:55px}.a-contact h2{font-size:20vw}.a-contact .contact-band{top:29%;height:30px;width:95%}.a-contact p{margin-left:10%;font-size:13px}.site-foot{padding:20px 5vw 100px;flex-wrap:wrap;font-size:10px}.site-foot span{display:none}.b-header{padding:20px}.b-corner{font-size:50px;bottom:18px}.b-hero{padding:120px 20px 50px;min-height:790px}.b-identity{min-height:225px;grid-template-columns:24% 76%}.b-person p{font-size:17vw;margin-top:80px}.b-person small{font-size:11px}.b-identity .role{font-size:10px}.b-headline{font-size:19.7vw;margin-top:22px}.b-hero-bottom{margin-top:35px;grid-template-columns:24% 76%}.b-hero-bottom a{font-size:10px}.b-hero-bottom p{font-size:12px;line-height:1.9}.b-word-transition{padding:20px 20px 70px;font-size:19vw}.b-word-transition .offset{padding-left:24%}.b-work-stage{min-height:370px;margin-inline:20px}.b-fan{width:66vw}.fan-card:nth-child(1){--tx:-38px;--ty:20px}.fan-card:nth-child(2){--tx:38px;--ty:-10px}.stage-label{font-size:11px;bottom:18px}.stage-hint{font-size:10px;bottom:18px}.b-work{padding:70px 20px}.b-section-head{grid-template-columns:24% 76%;padding-bottom:20px;margin-bottom:40px}.b-section-head h2{font-size:17vw}.b-section-head p{font-size:10px}.b-project{display:flex;flex-direction:column-reverse;gap:20px;margin-bottom:55px}.b-project-info{padding:0}.b-project-info h3{font-size:36px;margin-top:10px}.b-project-info .project-description{font-size:14px}.b-project-info .project-scope{font-size:12px;margin-top:12px}.b-project-info .project-scope span{display:inline}.b-project-info .view-detail{font-size:12px;margin-top:20px}.b-project-image{padding:20px}.b-work-more{margin-left:0}.b-about{padding:0 20px 70px}.b-about-body{display:block}.b-about-name{margin-bottom:30px;font-size:13px}.b-about-text h3{font-size:37px}.b-about-text>p{font-size:14px}.b-skill{font-size:12px;gap:15px}.b-contact{margin-inline:20px;padding:40px 0 70px}.b-contact h2{font-size:18vw}.b-contact-bottom{margin-left:24%;margin-top:30px}.b-contact-bottom p{font-size:12px}.b-contact-bottom a{font-size:17px}.menu-links{margin:100px 0 30px 5%;gap:25px}.menu-links a{font-size:16vw}.case-dialog{width:calc(100% - 20px);max-height:94svh}.dialog-head{padding:15px}.dialog-body{padding:25px 18px 35px}.dialog-body h2{font-size:37px}.detail-info>div{grid-template-columns:1fr;gap:5px}.detail-intro{font-size:14px}.detail-info{margin-top:25px}.detail-actions{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.a-feature{transform:rotate(-9deg)}}
@media(max-width:540px){.a-hero-bottom{left:auto;right:5vw;bottom:32px}}
/* B original: let the statement lead, with a quieter one-line signature. */
.b-quiet-name .b-person p{font-size:clamp(30px,3.6vw,48px);font-weight:500;line-height:1.1;letter-spacing:-.045em;white-space:nowrap}

/* B hero: staggered letter turns, with a long reading pause on each word. */
.b-headline .b-word-switch{display:flex;width:max-content;perspective:900px}
.b-word-switch .b-letter{
  display:grid;
  width:var(--front-width, auto);
  transform-style:preserve-3d;
  transform-origin:50% 50%;
  animation:b-letter-turn 9s cubic-bezier(.65,0,.2,1) infinite;
  animation-delay:calc(var(--letter) * 85ms);
}
.b-letter .b-letter-face{
  display:block;
  grid-area:1 / 1;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}
.b-letter .b-letter-back{transform:rotateX(180deg)}
@keyframes b-letter-turn{
  0%,28%{transform:rotateX(0deg);width:var(--front-width)}
  40%,76%{transform:rotateX(-180deg);width:var(--back-width)}
  88%,100%{transform:rotateX(-360deg);width:var(--front-width)}
}
@media(prefers-reduced-motion:reduce){
  .b-word-switch .b-letter{animation:none;transform:none}
  .b-letter .b-letter-back{visibility:hidden}
}

/* NOI / Noise: an occasional ripple passes through the existing vertical rule. */
.b-quiet-name .has-noise-line{position:relative;border-left-color:transparent}
.b-noise-line{
  position:absolute;
  left:-26px;
  top:0;
  width:52px;
  height:100%;
  overflow:visible;
  pointer-events:none;
  fill:none;
  stroke:#777;
  stroke-width:1;
}

/* Brief monochrome signal breaks; the underlying phrase stays readable. */
.b-glitch{scroll-margin-top:70px;line-height:.82}
.b-word-transition .b-glitch-word{display:inline-block;position:relative;white-space:nowrap}
.b-glitch-word::before,.b-glitch-word::after{
  content:attr(data-text);
  position:absolute;
  inset:0;
  background:var(--paper);
  pointer-events:none;
  opacity:0;
}
.b-glitch.is-glitching .b-glitch-word::before{
  animation:b-glitch-upper 760ms steps(1,end) both;
  animation-delay:calc(var(--glitch-order) * 110ms);
}
.b-glitch.is-glitching .b-glitch-word::after{
  animation:b-glitch-lower 760ms steps(1,end) both;
  animation-delay:calc(var(--glitch-order) * 110ms);
}
@keyframes b-glitch-upper{
  0%,7%{opacity:0;transform:none}
  8%,19%{opacity:1;clip-path:inset(18% 0 69%);transform:translateX(-.075em)}
  20%,35%{opacity:0;transform:none}
  36%,49%{opacity:1;clip-path:polygon(0 12%,100% 12%,100% 20%,0 20%,0 39%,100% 39%,100% 45%,0 45%);transform:translateX(.055em)}
  50%,69%{opacity:0;transform:none}
  70%,81%{opacity:1;clip-path:inset(42% 0 53%);transform:translateX(-.11em)}
  82%,100%{opacity:0;transform:none}
}
@keyframes b-glitch-lower{
  0%,12%{opacity:0;transform:none}
  13%,25%{opacity:1;clip-path:inset(57% 0 30%);transform:translateX(.09em)}
  26%,41%{opacity:0;transform:none}
  42%,55%{opacity:1;clip-path:inset(71% 0 23%);transform:translateX(-.06em)}
  56%,73%{opacity:0;transform:none}
  74%,85%{opacity:1;clip-path:inset(63% 0 29%);transform:translateX(.045em)}
  86%,100%{opacity:0;transform:none}
}
@media(prefers-reduced-motion:reduce){
  .b-glitch-word::before,.b-glitch-word::after{display:none}
}