[data-block-type=callout] {
  text-wrap: balance;
  margin-bottom: 0;
}
[data-block-type=callout].contained {
  border-radius: var(--border-radius);
}
[data-block-type=callout]:has(> .photo) {
  display: grid;
  grid-template-columns: 100%;
}
[data-block-type=callout].text-center {
  text-align: center;
}
[data-block-type=callout].text-right {
  text-align: right;
}
[data-block-type=callout]:has(> .photo) .inner {
  grid-column: 1;
  grid-row: 1;
  z-index: 2;
}
[data-block-type=callout] .inner {
  --gap-row: var(--spacing-medium);
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: var(--base-grid);
  row-gap: var(--gap-row);
}
[data-block-type=callout] .inner:has(figure) {
  transition: background-color var(--base-speed);
}
[data-block-type=callout] .inner:has(figure) figure.is-svg {
  grid-row: 1/span 4;
  grid-column: 1/-1;
  position: relative;
  overflow: clip;
  z-index: 0;
}
[data-block-type=callout] .inner:has(figure) figure.is-svg svg {
  width: 150%;
  height: auto;
  justify-self: center;
  position: absolute;
  transform-origin: bottom center;
  animation: rotate 10s linear infinite alternate;
  transition: width var(--base-speed), transform var(--base-speed);
}
@keyframes rotate {
  0% {
    transform: rotate(0) scale(1);
  }
  50% {
    transform: rotate(10deg) scale(1.5);
  }
  100% {
    transform: rotate(-10deg) scale(1);
  }
}
@keyframes rotatehover {
  0% {
    transform: rotate(0) scale(1);
  }
  50% {
    transform: rotate(5deg) scale(1.1);
  }
  100% {
    transform: rotate(-5deg) scale(1);
  }
}
[data-block-type=callout] .inner:has(figure) figure.is-svg svg path {
  fill: hsl(from var(--color-accent) h s l/0.1);
  transition: fill var(--base-speed), filter var(--base-speed);
}
[data-block-type=callout] .inner:has(figure) figure.is-svg + .content {
  grid-row: 2;
  z-index: 2;
}
[data-block-type=callout] .inner:has(figure) figure.is-svg + .content + .cta-container {
  grid-row: 3;
  z-index: 2;
}
[data-block-type=callout] .inner:has(figure):has(.wp-block-button:hover) {
  background-color: hsl(from var(--section-background-color) h s calc(l + 5));
}
[data-block-type=callout] .inner:has(figure):has(.wp-block-button:hover) figure.is-svg svg {
  width: 15%;
  filter: blur(0);
  animation: rotatehover 10s linear infinite alternate;
}
[data-block-type=callout] .inner:has(figure):has(.wp-block-button:hover) figure.is-svg svg path {
  fill: hsl(from var(--color-white) h s l/0.1);
  filter: drop-shadow(3px 3px 2px rgba(0, 0, 0, 0));
}
[data-block-type=callout] > .photo {
  grid-row: 1;
  grid-column: 1;
  z-index: 1;
  position: relative;
  background-color: var(--section-background-color);
}
[data-block-type=callout] > .photo img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  mix-blend-mode: multiply;
  opacity: 0.5;
}
[data-block-type=callout] p.heading + p,
[data-block-type=callout] ul.ctas {
  margin-top: 0;
}
[data-block-type=callout] p.heading + p {
  margin-top: 0;
}
[data-block-type=callout] .acf-block-preview.wp-block-acf-callout-inner {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: var(--base-grid);
}
[data-block-type=callout] .content {
  grid-column: 2/span 12;
  display: grid;
  grid-template-columns: 100%;
  row-gap: var(--gap-column);
}
@media (min-width: 890px) {
  [data-block-type=callout] .content {
    grid-column: 2/span 12;
  }
}
@media (min-width: 1024px) {
  [data-block-type=callout] .content {
    grid-column: 3/span 10;
  }
}
[data-block-type=callout] .wp-block-acf-quote {
  grid-column: 2/span 12;
  display: grid;
  grid-template-columns: 100%;
  row-gap: var(--gap-column);
}
[data-block-type=callout] [data-block-type=cta-container] {
  grid-column: 1/-1;
  justify-content: center;
}
@media (min-width: 1024px) {
  [data-block-type=callout] [data-block-type=cta-container] {
    grid-column: 2/span 12;
  }
}