/* Watermark. The council's emblem drawn as a keyline only, sitting faintly
   at the right of every inner page head so the inner pages carry the same
   signature as the homepage hero. The markup (_project/blocks/watermark.html,
   the same eight outlines as the emblem) sits in an Elementor HTML widget
   whose CSS class is u-watermark, inside the .u-page-head container that
   clips it (base.css). Chosen by the client on 27 August 2026. All rules
   under .u-watermark. Tokens only. */

/* Elementor prints frontend.min.css after this file, and its own
   .elementor-widget rule sets position: relative, so the widget wrapper is
   named as well to outrank it (0,2,0 against 0,1,0). */
.u-watermark.elementor-widget {
  position: absolute;
  right: -40px;
  top: 50%;
  width: 360px;
  transform: translateY(-50%);
  pointer-events: none;
}

/* Phones: mostly off the edge and fainter, so the intro copy never sits on
   top of a line. */
@media (max-width: 40em) {
  .u-watermark.elementor-widget {
    right: -120px;
    width: 220px;
    opacity: 0.6;
  }
}

.u-watermark__svg {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
}

.u-watermark__wedge {
  fill: none;
  stroke: var(--u-green);
  stroke-width: 1.25;
  stroke-opacity: 0.55;
  stroke-linejoin: round;
}