.intro-brand{transition:opacity 1.6s cubic-bezier(.25,.55,.25,1) .4s;}
.intro-loading .intro-brand{opacity:0}
.intro-loading .home-content{visibility:hidden}
.experience .intro-brand{opacity:0}
.experience .intro-brand.is-visible{opacity:1}
.experience .intro-brand.entrance-complete{opacity:1;transition:none}
.intro-letter-i{
  position:relative;
  display:inline-block;
  line-height:1;
}
.intro-i-stem{
  display:block;
  clip-path:inset(.32em -.1em 0);
}
.intro-i-dot{
  position:absolute;
  inset:0;
  clip-path:inset(0 -.1em .68em);
  pointer-events:none;
}
.experience .intro-brand.is-typing{
  opacity:0;
  transition:none;
  min-width:.02em;
  min-height:1em;
}
.experience .intro-brand.is-typing.typing-ready{opacity:1}
.intro-cursor{
  position:absolute;
  right:-.1em;
  top:.12em;
  width:.01em;
  min-width:1px;
  height:.78em;
  transform-origin:center;
  background:currentColor;
  pointer-events:none;
}
.experience .intro-brand.is-shuffling{opacity:1;transition:none}
.intro-shuffle{
  display:inline-block;
  position:relative;
  height:1em;
  vertical-align:top;
}
.intro-shuffle-letter,
.intro-shuffle-probe{
  position:absolute;
  top:0;
  left:0;
  white-space:pre;
}
.intro-shuffle-probe{visibility:hidden}
@media(prefers-reduced-motion:reduce){
  .intro-brand{transition:none}
}