/* The native compass image remains editable; its face stays still as it turns. */
.lk-cta .lk-compass,
.lk-page-intro .lk-compass {
  position: relative;
  isolation: isolate;
  box-sizing: border-box;
  width: 100%;
  aspect-ratio: 1;
  padding: 14%;
  border: 1px solid #d9ba68;
  border-radius: 50%;
  background: radial-gradient(circle at 38% 30%, #fffdf7 0, #f7f3ea 65%, #eee4cc 100%);
  box-shadow: 0 0 0 7px #d9ba681c, 0 16px 35px #080e2426;
}

.lk-page-intro .lk-compass {
  max-width: 245px;
  margin-left: auto;
  box-shadow: 0 0 0 7px #a9862e0b, 0 14px 30px #1c253f0a;
}

.lk-cta .lk-compass::before,
.lk-page-intro .lk-compass::before {
  content: "";
  position: absolute;
  inset: 7px;
  border: 1px solid #a9862e60;
  border-radius: inherit;
  pointer-events: none;
}

.lk-cta .lk-compass > .elementor-widget-container,
.lk-page-intro .lk-compass > .elementor-widget-container {
  display: grid;
  height: 100%;
  place-items: center;
}

.lk-cta .lk-compass img,
.lk-page-intro .lk-compass img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  object-fit: contain;
  filter: none;
  transform-origin: 50% 50%;
}

/* A wayfinding emblem leads the invitation, close to the directions button. */
.lk-cta {
  background: #f7f3ea;
  color: #1c253f;
  border-top: 1px solid #d8d4c8;
}

.lk-cta > .elementor-container {
  width: min(100%, 1000px);
  align-items: center;
}

.lk-cta > .elementor-container > .elementor-column:first-child {
  width: 76%;
  padding-left: 44px;
}

.lk-cta > .elementor-container > .elementor-column:last-child {
  order: -1;
  display: flex;
  width: 24%;
}

.lk-cta > .elementor-container > .elementor-column:last-child > .elementor-widget-wrap {
  justify-content: center;
}

.lk-cta .lk-compass {
  width: 190px;
  max-width: 100%;
  padding: 24px;
  margin-inline: auto;
  border-color: #a9862e65;
  background: radial-gradient(circle at 38% 30%, #fffdf7, #f7f3ea 75%);
  box-shadow: 0 0 0 7px #a9862e08;
}

.lk-cta .lk-eyebrow,
.lk-cta em {
  color: #a9862e;
}

body .elementor :where(.lk-cta) .elementor-widget-text-editor {
  color: #626570;
  max-width: 600px;
}

@media (max-width: 767px) {
  .lk-cta > .elementor-container {
    flex-wrap: wrap;
    gap: 32px;
  }

  .lk-cta > .elementor-container > .elementor-column:first-child,
  .lk-cta > .elementor-container > .elementor-column:last-child {
    width: 100%;
    padding: 0;
  }

  .lk-cta .elementor-widget {
    text-align: center;
  }

  .lk-cta .lk-compass {
    width: 144px;
    max-width: 144px;
    padding: 18px;
  }

  body .elementor :where(.lk-cta) .elementor-widget-text-editor {
    margin-inline: auto;
  }
}

/* Preserve reduced-motion behavior and a still editing canvas. */
body.elementor-editor-active .lk-compass img {
  animation: none;
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  .lk-compass img {
    animation: none;
    transform: none;
  }
}