/* Swaps the built-in mark for the Vanxy "V".
   Layered on top of the compiled stylesheet, so the mirrored bundle stays
   untouched and removing this one <link> reverts the brand. */

/* --- flat marks: header, footer, the $WARE badge ------------------------- */
svg[viewBox="0 0 120 120"] {
  background-image: url("/assets/logo-mark.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
svg[viewBox="0 0 120 120"] > * {
  display: none;
}

/* The V is 540x365 — wider than tall — so the square 28px boxes are widened
   to keep it at the same optical size as the mark it replaces. */
header svg[viewBox="0 0 120 120"].h-7,
footer svg[viewBox="0 0 120 120"].h-7 {
  width: 2.35rem;
}

/* --- hero: one floating mark instead of the extruded stack --------------- */
/* The hero was ~90 copies of the old path at stepped translateZ, swaying to
   rotateY(34deg). A flat mark at that angle just looks squashed, so the hero
   keeps the float and the ground shadow and drops the rotation. */
.logo3d-sway {
  animation: none !important;
  transform: none !important;
}
.logo3d-sway > * {
  display: none !important;
}
.logo3d-sway::after {
  content: "";
  position: absolute;
  inset: 0;
  background: url("/assets/logo-mark.png") center / contain no-repeat;
  filter: drop-shadow(0 22px 26px rgba(10, 40, 120, 0.22));
}