/* Splash only: the author's circular mark forms from restrained particles.
   The original contour drawing and mono typewriter remain separate layers. */
.intro-center { gap:8px; transform:translateY(-1.5vh); }
.intro-logo-slot {
  position:relative;
  flex:none;
  width:clamp(92px,10.5vw,138px);
  height:clamp(92px,10.5vw,138px);
  margin-bottom:-20px;
  border-radius:50%;
  isolation:isolate;
}
.intro-logo-particles,
.intro-logo-final {
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  pointer-events:none;
  opacity:0;
}
.intro-logo-particles { z-index:2; }
.intro-logo-final {
  z-index:1;
  width:130%;
  height:130%;
  max-width:none;
  top:-15%;
  left:-15%;
  object-fit:contain;
  mix-blend-mode:multiply;
  clip-path:circle(38.46% at 50% 50%);
  /* The same greyscale-to-brand transfer used by the header logo. */
  filter:url(#hc-logo-greyblue);
}
.intro-word {
  width:min(78vw,1130px);
  margin-bottom:-55px;
}
@media(max-width:740px) {
  .intro-center { gap:7px; transform:translateY(-1.5vh); }
  .intro-logo-slot {
    width:clamp(78px,23vw,112px);
    height:clamp(78px,23vw,112px);
    margin-bottom:-15px;
  }
  .intro-word { width:min(98vw,680px); margin-bottom:calc(-28px - .4vw); }
}
@media(prefers-reduced-motion:reduce) {
  .intro-logo-particles { display:none; }
}