.home-about-backdrop{position:relative;width:100%;overflow:hidden}.home-about-backdrop>canvas{position:absolute;inset:0;pointer-events:none;width:100%;height:100%}.home-about-backdrop>div{position:relative;z-index:10;width:100%;height:100%}
.home-about-backdrop {
  color: #fff;
  background-image: radial-gradient(ellipse at 50% 45%, #444, #111 75%);
}
.home-about-backdrop .home-about, .home-about-backdrop .about-page { background: rgb(0 0 0 / 38%); }
.home-about-backdrop a:focus-visible { outline-color: #fff; }
.home-about-backdrop ::selection { background: #fff; color: #111; }

.home-about-backdrop .about-copy .secondary-copy { color: #c7c7c7; }

/* A reversible logo composition, cropped from the supplied emblem. */
.velaris-logo-parts { position: absolute; inset: 0; overflow: hidden; pointer-events: none; z-index: 0; }
.velaris-logo-part {
  position: absolute; top: 50%; width: auto; height: 88%; max-height: 740px;
  transform: translateY(-50%); opacity: .12; filter: invert(1); mix-blend-mode: screen;
}
.velaris-logo-part--left { left: -1.5%; }
.velaris-logo-part--right { right: -1.5%; }
.home-about-backdrop .home-about, .home-about-backdrop .about-page { position: relative; z-index: 1; }
@media (max-width: 640px) {
  .velaris-logo-part { height: 74%; opacity: .08; }
  .velaris-logo-part--left { left: -10%; }
  .velaris-logo-part--right { right: -10%; }
}