/** Shopify CDN: Minification failed

Line 196:1 Expected "}" to go with "{"

**/
.about-panel {
  padding: 48px 0;
}

.about-panel__wrap {
  border-radius: 14px;
  padding: 36px;
}

.about-panel__grid {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 48px;
  align-items: start;
}

.about-panel__kicker {
  margin: 0 0 10px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 13px;
  opacity: 0.9;
}

.about-panel__heading {
  margin: 0 0 18px;
}

.about-panel__intro {
  margin: 0 0 14px;
  font-style: italic;
}

.about-panel__body {
  margin: 0 0 18px;
}

.about-panel__left-image img,
.about-panel__right-image img,
.about-panel__secondary img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 10px;
}

/* Allow overlap to render outside the panel padding */
.about-panel__wrap {
  overflow: visible;
}

/* LEFT image container must be the positioning anchor */
.about-panel__left-image {
  position: relative;
  max-width: 540px;
  padding-bottom: clamp(36px, 6vw, 72px); /* reserves space for overlap */
}

/* LEFT image container */
.about-panel__left-image {
  position: relative;
  max-width: 540px;
}

/* Make main image align left */
.about-panel__left-image img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 10px;
}

/* Secondary image */
/* Secondary image (overlap version) */
.about-panel__secondary--overlap {
  position: absolute;
  z-index: 2;

  /* controlled overlap bottom-right */
  right: clamp(-18px, -3vw, -40px);
  bottom: clamp(-30px, -4vw, -60px);

  width: min(340px, 62%);
  border-radius: 10px;
  box-shadow: 0 16px 40px rgba(0,0,0,0.12);
}

.about-panel__secondary--overlap img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 10px;
}

.about-panel__right-image {
  margin: 18px 0;
}

@media (max-width: 989px) {
  .about-panel__wrap {
    padding: 24px;
  }

  .about-panel__grid {
    grid-template-columns: 1fr;
    gap: 22px;
  }

/* Mobile: stop overlapping, just stack */
.about-panel__left-image {
  max-width: 100%;
  padding-bottom: 0;
}

.about-panel__secondary--overlap {
  position: static;
  width: 100%;
  max-width: 320px;
  margin-top: 14px;
  box-shadow: none;
}

.about-panel__secondary {
  margin-top: 16px;
  max-width: 340px;
}

.about-panel__cta {
  margin-top: 18px;
  position: relative;
  z-index: 5; /* ensures it stays clickable above overlap elements */
}

.about-panel,
.about-panel .page-width {
  overflow: visible;
}

.about-panel__secondary--overlap {
  pointer-events: none;
}

.about-panel__signature {
  margin: 24px 0 18px;
  max-width: 200px;   /* controls size */
}

.about-panel__signature img {
  display: block;
  width: 100%;
  height: auto;
  opacity: 0.95;
}

.about-panel__signature {
  max-width: 180px;
  opacity: 0.9;
}

/* About panel specific CTA styling */
.about-panel__cta .button {
  background-color: rgb(172, 204, 169);
  color: #000;
  border: none;
}

.about-panel__cta .button:hover {
  background-color: rgb(158, 192, 155); /* slightly darker for hover */
  color: #000;
}

.about-panel__cta .button:focus {
  outline: 2px solid #000;
  outline-offset: 2px;
}

.about-panel__cta .button {
  border-radius: 6px;
  padding: 14px 26px;
  font-weight: 600;
}

.about-panel .about-panel__cta a.button {
  background: rgb(172, 204, 169) !important;
  color: #000 !important;
  border-color: transparent !important;
}
.about-panel .about-panel__cta a.button:hover {
  background: rgb(158, 192, 155) !important;
  color: #000 !important;
}