@charset "UTF-8";
/* ==========================================================================
   Block: Text and Image Shapes
   Scoped styles only — shared dot-link styles live in sass/base/elements.
   ========================================================================== */
.spektrix-text-and-image-shapes {
  --spektrix-text-image-shapes-gap: var(--wp--style--block-gap, 1.5rem);
  --spektrix-text-image-shapes-wide-size: var(--wp--style--global--wide-size, 1280px);
  --spektrix-text-image-shapes-content-size: 26rem;
  --spektrix-text-image-shapes-circle-size: 225px;
  --spektrix-text-image-shapes-rect-width: 370px;
  --spektrix-text-image-shapes-row-height: 225px;
  --spektrix-text-image-shapes-grid-gap: 24px;
  --spektrix-text-image-shapes-checklist-icon-size: 40px;
  --spektrix-text-image-shapes-shape-radius: var(--spektrix-radius-lg, 16px);
  background-color: var(--wp--preset--color--white);
  padding: calc(var(--spektrix-text-image-shapes-gap) * 2.75) var(--spektrix-text-image-shapes-gap);
  container-type: inline-size;
}
.spektrix-text-and-image-shapes.spektrix-block-spacing--pt-compact {
  padding-top: calc(var(--spektrix-text-image-shapes-gap) * 1.5);
}
.spektrix-text-and-image-shapes.spektrix-block-spacing--pt-comfortable {
  padding-top: calc(var(--spektrix-text-image-shapes-gap) * 2);
}
.spektrix-text-and-image-shapes.spektrix-block-spacing--pt-spacious {
  padding-top: calc(var(--spektrix-text-image-shapes-gap) * 4);
}
.spektrix-text-and-image-shapes.spektrix-block-spacing--pt-extra-spacious {
  padding-top: calc(var(--spektrix-text-image-shapes-gap) * 5);
}
.spektrix-text-and-image-shapes.spektrix-block-spacing--pt-maximum {
  padding-top: calc(var(--spektrix-text-image-shapes-gap) * 6);
}
.spektrix-text-and-image-shapes.spektrix-block-spacing--pt-none {
  padding-top: 0;
}
.spektrix-text-and-image-shapes.spektrix-block-spacing--pb-compact {
  padding-bottom: calc(var(--spektrix-text-image-shapes-gap) * 1.5);
}
.spektrix-text-and-image-shapes.spektrix-block-spacing--pb-comfortable {
  padding-bottom: calc(var(--spektrix-text-image-shapes-gap) * 2);
}
.spektrix-text-and-image-shapes.spektrix-block-spacing--pb-spacious {
  padding-bottom: calc(var(--spektrix-text-image-shapes-gap) * 4);
}
.spektrix-text-and-image-shapes.spektrix-block-spacing--pb-extra-spacious {
  padding-bottom: calc(var(--spektrix-text-image-shapes-gap) * 5);
}
.spektrix-text-and-image-shapes.spektrix-block-spacing--pb-maximum {
  padding-bottom: calc(var(--spektrix-text-image-shapes-gap) * 6);
}
.spektrix-text-and-image-shapes.spektrix-block-spacing--pb-none {
  padding-bottom: 0;
}
.spektrix-text-and-image-shapes__container {
  width: 100%;
  max-width: min(100%, var(--spektrix-text-image-shapes-wide-size));
  margin: 0 auto;
}
.spektrix-text-and-image-shapes__layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(2.5rem, 7vw, 5rem);
  align-items: center;
}
.spektrix-text-and-image-shapes__content {
  width: min(100%, var(--spektrix-text-image-shapes-content-size));
  max-width: var(--spektrix-text-image-shapes-content-size);
  margin: 0 auto;
}
.spektrix-text-and-image-shapes__header {
  margin-bottom: calc(var(--spektrix-text-image-shapes-gap) * 1.5);
}
.spektrix-text-and-image-shapes__heading {
  margin: 0 0 var(--spektrix-text-image-shapes-gap);
  color: var(--wp--preset--color--text-dark);
}
.spektrix-text-and-image-shapes__subtitle {
  margin: 0 0 calc(var(--spektrix-text-image-shapes-gap) * 1.25);
  color: var(--wp--preset--color--text-dark);
  opacity: 0.8;
}
.spektrix-text-and-image-shapes__checklist-wrap {
  margin-bottom: calc(var(--spektrix-text-image-shapes-gap) * 1.5);
}
.spektrix-text-and-image-shapes__checklist {
  display: grid;
  gap: calc(var(--spektrix-text-image-shapes-gap) * 0.85);
  margin: 0;
  padding: 0;
  list-style: none;
}
.spektrix-text-and-image-shapes__checklist-item {
  display: grid;
  grid-template-columns: var(--spektrix-text-image-shapes-checklist-icon-size) minmax(0, 1fr);
  gap: 1rem;
  align-items: flex-start;
}
.spektrix-text-and-image-shapes__checklist-icon {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: var(--spektrix-text-image-shapes-checklist-icon-size);
  height: var(--spektrix-text-image-shapes-checklist-icon-size);
  margin-top: 0;
  border-radius: var(--spektrix-radius-full);
  background-color: var(--wp--preset--color--pink);
  color: var(--wp--preset--color--white);
}
.spektrix-text-and-image-shapes__checklist-icon svg {
  display: block;
  width: 16px;
  height: auto;
}
.spektrix-text-and-image-shapes__checklist-text {
  margin: 0;
  color: var(--wp--preset--color--text-dark);
}
.spektrix-text-and-image-shapes__body {
  margin: 0 0 calc(var(--spektrix-text-image-shapes-gap) * 1.5);
  color: var(--wp--preset--color--text-dark);
}
.spektrix-text-and-image-shapes__link-wrap {
  margin-top: 0;
}
.spektrix-text-and-image-shapes__link {
  margin-top: 0;
}
.spektrix-text-and-image-shapes__placeholder {
  margin: 0;
  padding: var(--spektrix-text-image-shapes-gap);
  border: 1px dashed var(--wp--preset--color--border);
  border-radius: var(--spektrix-text-image-shapes-shape-radius);
  color: var(--wp--preset--color--text-dark);
  font-family: var(--wp--preset--font-family--satoshi);
  font-size: var(--wp--preset--font-size--small);
  font-weight: 500;
  line-height: 1.4;
  opacity: 0.55;
  text-align: center;
}
.spektrix-text-and-image-shapes__media-wrap {
  min-width: 0;
}
.spektrix-text-and-image-shapes__grid {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  overflow-x: clip;
}
.spektrix-text-and-image-shapes__list {
  display: grid;
  width: 100%;
  max-width: 100%;
  grid-template-columns: minmax(0, 225fr) var(--spektrix-text-image-shapes-grid-gap) minmax(0, 145fr) var(--spektrix-text-image-shapes-grid-gap) minmax(0, 225fr);
  grid-auto-rows: minmax(0, auto);
  row-gap: var(--spektrix-text-image-shapes-grid-gap);
  margin: 0;
  padding: 0;
  list-style: none;
}
.spektrix-text-and-image-shapes__item {
  min-width: 0;
}
.spektrix-text-and-image-shapes__item:nth-child(4n+1) {
  grid-column: 1/2;
}
.spektrix-text-and-image-shapes__item:nth-child(4n+2) {
  grid-column: 3/6;
}
.spektrix-text-and-image-shapes__item:nth-child(4n+3) {
  grid-column: 1/4;
}
.spektrix-text-and-image-shapes__item:nth-child(4n+4) {
  grid-column: 5/6;
}
.spektrix-text-and-image-shapes__shape {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  /* Clip via image border-radius so credit popovers are not masked. */
  overflow: visible;
  background-color: var(--wp--preset--color--border);
}
.spektrix-text-and-image-shapes__shape--placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 1px dashed var(--wp--preset--color--border);
  background-color: rgba(0, 0, 0, 0.04);
}
.spektrix-text-and-image-shapes__item--circle .spektrix-text-and-image-shapes__shape {
  border-radius: var(--spektrix-radius-full);
  aspect-ratio: 1;
  width: 100%;
  height: auto;
}
.spektrix-text-and-image-shapes__item--rectangle .spektrix-text-and-image-shapes__shape {
  border-radius: var(--spektrix-text-image-shapes-shape-radius);
  width: 100%;
  aspect-ratio: 370/225;
  height: auto;
}
.spektrix-text-and-image-shapes__item:has(.spektrix-image-credit.is-open), .spektrix-text-and-image-shapes__item:has(.spektrix-image-credit:hover), .spektrix-text-and-image-shapes__item:has(.spektrix-image-credit:focus-within) {
  z-index: 2;
}
.spektrix-text-and-image-shapes__image {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: inherit;
}
@container (width < 900px) {
  .spektrix-text-and-image-shapes {
    --spektrix-text-image-shapes-circle-size: min(225px, 22cqw);
    --spektrix-text-image-shapes-rect-width: min(370px, 36cqw);
    --spektrix-text-image-shapes-row-height: min(225px, 22cqw);
    --spektrix-text-image-shapes-grid-gap: clamp(0.625rem, 2.5cqw, 1.5rem);
    padding-inline: clamp(1rem, 5cqw, var(--spektrix-text-image-shapes-gap));
  }
  .spektrix-text-and-image-shapes__layout {
    gap: calc(var(--spektrix-text-image-shapes-gap) * 2);
  }
  .spektrix-text-and-image-shapes__content {
    order: 1;
    width: 100%;
    max-width: none;
  }
  .spektrix-text-and-image-shapes__media-wrap {
    order: 2;
  }
  .spektrix-text-and-image-shapes--mobile-images-first .spektrix-text-and-image-shapes__content {
    order: 2;
  }
  .spektrix-text-and-image-shapes--mobile-images-first .spektrix-text-and-image-shapes__media-wrap {
    order: 1;
  }
}
@container (min-width: 900px) {
  .spektrix-text-and-image-shapes__layout {
    grid-template-columns: fit-content(var(--spektrix-text-image-shapes-content-size)) minmax(0, 1fr);
    gap: clamp(2.5rem, 7cqw, 5rem);
    align-items: center;
  }
  .spektrix-text-and-image-shapes__content {
    justify-self: start;
    width: min(100%, var(--spektrix-text-image-shapes-content-size));
    max-width: var(--spektrix-text-image-shapes-content-size);
    min-width: 0;
    margin: 0;
  }
  .spektrix-text-and-image-shapes__media-wrap {
    justify-self: stretch;
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
  .spektrix-text-and-image-shapes__content, .spektrix-text-and-image-shapes__media-wrap {
    order: initial;
  }
}
@container (min-width: 900px) and (max-width: 1099px) {
  .spektrix-text-and-image-shapes {
    --spektrix-text-image-shapes-grid-gap: clamp(0.625rem, 1.5cqw, 1.35rem);
  }
  .spektrix-text-and-image-shapes__layout {
    gap: clamp(1.25rem, 2.5cqw, 2rem);
  }
  .spektrix-text-and-image-shapes__grid, .spektrix-text-and-image-shapes__list {
    width: 100%;
    max-width: 100%;
  }
}
@container (min-width: 1100px) {
  .spektrix-text-and-image-shapes__grid {
    width: fit-content;
    max-width: 100%;
    margin-inline-start: auto;
  }
  .spektrix-text-and-image-shapes__list {
    width: fit-content;
    max-width: 100%;
    grid-template-columns: var(--spektrix-text-image-shapes-circle-size) var(--spektrix-text-image-shapes-grid-gap) calc(var(--spektrix-text-image-shapes-rect-width) - var(--spektrix-text-image-shapes-circle-size)) var(--spektrix-text-image-shapes-grid-gap) var(--spektrix-text-image-shapes-circle-size);
    grid-auto-rows: var(--spektrix-text-image-shapes-row-height);
  }
  .spektrix-text-and-image-shapes__item--circle .spektrix-text-and-image-shapes__shape {
    width: var(--spektrix-text-image-shapes-circle-size);
    max-width: none;
    height: var(--spektrix-text-image-shapes-circle-size);
  }
  .spektrix-text-and-image-shapes__item--rectangle .spektrix-text-and-image-shapes__shape {
    width: var(--spektrix-text-image-shapes-rect-width);
    max-width: none;
    aspect-ratio: auto;
    height: var(--spektrix-text-image-shapes-row-height);
  }
  .spektrix-text-and-image-shapes__media-wrap {
    justify-self: end;
  }
}
@media (max-width: 899px) {
  .spektrix-text-and-image-shapes {
    --spektrix-text-image-shapes-circle-size: min(225px, 22vw);
    --spektrix-text-image-shapes-rect-width: min(370px, 36vw);
    --spektrix-text-image-shapes-row-height: min(225px, 22vw);
    --spektrix-text-image-shapes-grid-gap: clamp(0.625rem, 2.5vw, 1.5rem);
    padding-inline: clamp(1rem, 5vw, var(--spektrix-text-image-shapes-gap));
  }
  .spektrix-text-and-image-shapes__layout {
    gap: calc(var(--spektrix-text-image-shapes-gap) * 2);
  }
  .spektrix-text-and-image-shapes__content {
    order: 1;
    width: 100%;
    max-width: none;
  }
  .spektrix-text-and-image-shapes__media-wrap {
    order: 2;
  }
  .spektrix-text-and-image-shapes--mobile-images-first .spektrix-text-and-image-shapes__content {
    order: 2;
  }
  .spektrix-text-and-image-shapes--mobile-images-first .spektrix-text-and-image-shapes__media-wrap {
    order: 1;
  }
}

/*# sourceMappingURL=style.css.map */