/* Shared treatment for editorial photography.
 * Keep brand marks, programme icons and functional imagery crisp and unframed. */
:root {
  --tayka-image-radius: clamp(1.5rem, 3vw, 3rem);
  --tayka-image-shadow: 0 1.5rem 3.5rem rgba(12, 77, 162, .16);
}

.home-story__image-wrap,
.elementor-widget-image:is(
  [data-id="e7344b8"],
  [data-id="136a254"],
  [data-id="4f3656f"],
  [data-id="eecf207"],
  [data-id="3530ae3"],
  [data-id="a4e8258"],
  [data-id="b52a2e9"]
) .elementor-widget-container {
  isolation: isolate;
  position: relative;
}

.home-story__image-wrap::before,
.elementor-widget-image:is(
  [data-id="e7344b8"],
  [data-id="136a254"],
  [data-id="4f3656f"],
  [data-id="eecf207"],
  [data-id="3530ae3"],
  [data-id="a4e8258"],
  [data-id="b52a2e9"]
) .elementor-widget-container::before {
  background: #30b8c4;
  border-radius: var(--tayka-image-radius) .75rem var(--tayka-image-radius) .75rem;
  content: "";
  inset: .8rem -.8rem -.8rem .8rem;
  opacity: .2;
  position: absolute;
  z-index: -1;
}

.home-story__image,
.elementor-widget-image:is(
  [data-id="e7344b8"],
  [data-id="136a254"],
  [data-id="4f3656f"],
  [data-id="eecf207"],
  [data-id="3530ae3"],
  [data-id="a4e8258"],
  [data-id="b52a2e9"]
) img {
  border-radius: var(--tayka-image-radius) .75rem var(--tayka-image-radius) .75rem;
  box-shadow: var(--tayka-image-shadow);
  display: block;
  overflow: hidden;
}

.home-story__image-wrap:nth-child(even)::before,
.elementor-widget-image:is([data-id="3530ae3"], [data-id="4f3656f"], [data-id="b52a2e9"]) .elementor-widget-container::before {
  background: #0c4da2;
  border-radius: .75rem var(--tayka-image-radius) .75rem var(--tayka-image-radius);
  inset: .8rem .8rem -.8rem -.8rem;
}

.elementor-widget-image:is([data-id="3530ae3"], [data-id="4f3656f"], [data-id="b52a2e9"]) img {
  border-radius: .75rem var(--tayka-image-radius) .75rem var(--tayka-image-radius);
}

/* The children-running photo appears on both Impact and What We Do. Treat it
 * as a standard standalone photograph rather than adding a coloured backing
 * panel, so it remains consistent wherever the shared asset is used. */
.elementor-widget-image:is([data-id="e7344b8"], [data-id="4f3656f"]) .elementor-widget-container::before {
  content: none;
}

.elementor-widget-image:is([data-id="e7344b8"], [data-id="4f3656f"]) img {
  border-radius: var(--tayka-image-radius);
}

/* Keep the Making Waves copy legible independently of the detail and colour in
 * its background photograph. The solid fallback also works when backdrop
 * filtering is unavailable. */
.elementor-157 [data-id="2dcfa06"] {
  background: rgba(7, 54, 111, .94);
  border-radius: .75rem var(--tayka-image-radius) .75rem var(--tayka-image-radius);
  box-shadow: 0 1rem 2.5rem rgba(0, 24, 60, .24);
  padding: clamp(1.5rem, 4vw, 3.5rem);
}

.elementor-157 [data-id="2dcfa06"] :is(.elementor-heading-title, .elementor-widget-text-editor) {
  color: #fff;
}

@media (max-width: 767px) {
  :root { --tayka-image-radius: 1.5rem; }

  .home-story__image-wrap::before,
  .elementor-widget-image:is(
    [data-id="e7344b8"], [data-id="136a254"], [data-id="4f3656f"],
    [data-id="eecf207"], [data-id="3530ae3"], [data-id="a4e8258"], [data-id="b52a2e9"]
  ) .elementor-widget-container::before {
    inset: .5rem -.35rem -.5rem .35rem;
  }
}