.splash-page .splash-lettering{
  position:absolute;
  z-index:2;
  top:auto;
  bottom:calc(clamp(24px,4vw,64px) + env(safe-area-inset-bottom,0px));
  left:calc(clamp(24px,4vw,64px) + env(safe-area-inset-left,0px));
  display:block;
  width:clamp(200px,28vw,440px);
  height:auto;
  max-width:calc(100% - 48px);
  pointer-events:none;
  opacity:0;
  animation:splash-lettering-in 1.2s ease .2s both;
}
@keyframes splash-lettering-in{
  from{opacity:0;transform:translateY(12px)}
  to{opacity:1;transform:none}
}
@media(max-width:600px){
  .splash-page .splash-lettering{
    top:auto;
    bottom:calc(24px + env(safe-area-inset-bottom,0px));
    left:calc(20px + env(safe-area-inset-left,0px));
    width:clamp(160px,48vw,230px);
    max-width:calc(100% - 40px);
  }
}
@media(prefers-reduced-motion:reduce){
  .splash-page .splash-lettering{animation:none;opacity:1;transform:none}
}

/* Discreet entry cue, aligned with the splash lettering. */
.splash-page .splash-project-link{
  position:fixed;
  z-index:3;
  right:calc(clamp(24px,4vw,64px) + env(safe-area-inset-right,0px));
  bottom:calc(clamp(24px,4vw,64px) + env(safe-area-inset-bottom,0px));
  display:inline-flex;
  align-items:center;
  gap:.85em;
  color:#f4eee1;
  font-family:var(--mono);
  font-size:clamp(11px,1vw,13px);
  font-weight:400;
  letter-spacing:.08em;
  line-height:1;
  text-transform:uppercase;
  white-space:nowrap;
  opacity:0;
  animation:splash-lettering-in 1.2s ease .35s both;
}
.splash-page .splash-project-link:hover{opacity:1}
.splash-page .splash-project-link:focus-visible{
  outline:1px solid currentColor;
  outline-offset:8px;
}
.splash-page .splash-project-arrow{
  display:inline-block;
  transition:transform .25s ease;
}
.splash-page .splash-project-link:hover .splash-project-arrow,
.splash-page .splash-project-link:focus-visible .splash-project-arrow{
  transform:translateX(4px);
}
@media(max-width:600px){
  .splash-page .splash-project-link{
    right:calc(20px + env(safe-area-inset-right,0px));
    bottom:calc(24px + env(safe-area-inset-bottom,0px));
    font-size:10px;
    letter-spacing:.045em;
    gap:.5em;
  }
}
@media(prefers-reduced-motion:reduce){
  .splash-page .splash-project-link{
    animation:none;
    opacity:1;
  }
  .splash-page .splash-project-arrow{transition:none}
}