.startup-brand{
  position:fixed;
  inset:0;
  z-index:1000;
  display:grid;
  place-items:center;
  background:
    radial-gradient(circle at 50% 46%,rgba(199,167,106,.055),transparent 28%),
    #141515;
  color:#f2eee5;
  opacity:1;
  transition:opacity .18s ease;
  pointer-events:auto;
}
.startup-brand.is-leaving{opacity:0;pointer-events:none}
.startup-brand-lockup{
  display:grid;
  justify-items:center;
  gap:14px;
  transform:translateY(-2vh);
}
.startup-brand-mark{
  width:clamp(74px,12vw,96px);
  height:auto;
  overflow:visible;
  filter:drop-shadow(0 16px 28px rgba(0,0,0,.22));
}
.startup-brand-pillars{
  opacity:0;
  transform-box:fill-box;
  transform-origin:center bottom;
  animation:startupPillarsIn .34s cubic-bezier(.22,1,.36,1) .02s forwards;
}
.startup-brand-arrow{
  opacity:0;
  transform-box:fill-box;
  transform-origin:center bottom;
  clip-path:inset(100% 0 0 0);
  animation:startupArrowRise .72s cubic-bezier(.16,1,.3,1) .1s forwards;
}
.startup-brand-wordmark{
  opacity:0;
  transform:translateY(3px);
  font-family:Georgia,"Times New Roman",serif;
  font-size:1rem;
  font-weight:500;
  letter-spacing:-.02em;
  animation:startupWordmarkIn .32s ease .28s forwards;
}
.startup-brand-wordmark span{color:#c7a76a}
@keyframes startupPillarsIn{
  from{opacity:0;transform:translateY(3px) scale(.985)}
  to{opacity:1;transform:none}
}
@keyframes startupArrowRise{
  0%{opacity:.18;transform:translateY(13px) scaleY(.9);clip-path:inset(100% 0 0 0)}
  36%{opacity:1}
  100%{opacity:1;transform:none;clip-path:inset(0 0 0 0)}
}
@keyframes startupWordmarkIn{
  to{opacity:1;transform:none}
}
@media(prefers-reduced-motion:reduce){
  .startup-brand{transition:none}
  .startup-brand-pillars,.startup-brand-arrow,.startup-brand-wordmark{
    animation:none;
    opacity:1;
    transform:none;
    clip-path:none;
  }
}