/* Replacements for behaviour Squarespace's JavaScript provided at runtime. */

/* Fluid images: Squarespace JS sized each image in px for the current screen. */
.fluid-image-container, .fluid-image-component-root, .sqs-image-content, .image-inset { position: relative; }
img[data-mode="cover"] {
  position: absolute !important; inset: 0; width: 100% !important; height: 100% !important;
  object-fit: cover; max-width: none;
}

/* Text highlights (hand-drawn marks), drawn per line so they follow wrapping. */
.sqsrte-text-highlight { -webkit-box-decoration-break: clone; box-decoration-break: clone; background: none; }
.sqsrte-text-highlight.hl-line {
  background: linear-gradient(var(--hl-color), var(--hl-color)) left 92% / 100% 0.08em no-repeat;
}
.sqsrte-text-highlight.hl-bottom {
  background: var(--hl-img) left bottom / 100% 0.3em no-repeat; padding-bottom: 0.12em;
}
.sqsrte-text-highlight.hl-around {
  background: var(--hl-img) center / 100% 100% no-repeat;
  padding: 0.05em 0.12em; margin: -0.05em -0.12em;
}

/* /relocation-gameplan hero: Squarespace placed the subtitle (rows 4–8) inside
   the heading's grid area (rows 2–8), which only works when the heading fits on
   one line (≥ ~1650px wide). Below that the heading wraps and "Call" overlapped
   the subtitle — on the live Squarespace page too. Give the heading its own rows
   so the subtitle always starts underneath it. */
@media (min-width: 768px) {
  .fluid-engine .fe-block-688737b9e5daeef91d1f { grid-area: 2/2/4/26; }  /* beats the page's own later rule */
}