/** Shopify CDN: Minification failed

Line 134:0 Unexpected "}"

**/
@charset "UTF-8";
[xo-pfs] {
  --pfs-min: 10; /* default */
  --pfs-max: 60; /* default */
  --min-viewport: 40; /* default */
  --max-viewport: 120; /* default */
  /* calculator */
  --m: (var(--pfs-max) - var(--pfs-min)) /
    (var(--max-viewport) - var(--min-viewport));
  --size: clamp(
    calc(var(--pfs-min) * 1rem),
    calc(
      var(--m) * 100vw + var(--pfs-min) * 1rem - var(--m) * var(--min-viewport) *
        1rem
    ),
    calc(var(--pfs-max) * 1rem)
  );
}

/* =============================================================================
   section-image-with-text-2
   Layout: image left + text right on desktop; heading → image → text on mobile.
   Figma ref: PC node 24288:4719, Mobile node 24284:4536
   ============================================================================= */
/* ----- Outer container ----- */
.image-with-text-2__inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  width: 100%;
  max-width: var(--width);
  margin: 0 auto;
}
@media (min-width: 768px) {
  .image-with-text-2__inner {
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 44px;
  }
}

/* ----- Media column ----- */
.image-with-text-2__media {
  width: 100%;
  flex-shrink: 0;
}
@media (min-width: 768px) {
  .image-with-text-2__media {
    width: var(--image-width, 30%);
  }
}

@media (min-width: 768px) {
  .image-with-text-2__inner--reverse {
    flex-direction: row-reverse;
  }
}

.image-with-text-2__image {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 4px;
  aspect-ratio: var(--ratio, 1/1);
}

.image-with-text-2__image--desktop {
  display: none;
}
@media (min-width: 768px) {
  .image-with-text-2__image--desktop {
    display: block;
  }
}

.image-with-text-2__image--mobile {
  display: block;
}
@media (min-width: 768px) {
  .image-with-text-2__image--mobile {
    display: none;
  }
}

.image-with-text-2__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ----- Text column ----- */
.image-with-text-2__content {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  gap: 16px;
}
@media (min-width: 768px) {
  .image-with-text-2__content {
    gap: 23px;
  }
}

.image-with-text-2__heading {
  font-family: var(--font-body-medium-family);
  font-size: 32px;
  line-height: 40px;
  letter-spacing: -0.02em; /* -0.72px on 36px = -0.02em */
  color: var(--color-heading);
  width: 100%;
  margin-bottom: 0;
}

.image-with-text-2__heading--desktop {
  display: none;
}
@media (min-width: 768px) {
  .image-with-text-2__heading--desktop {
    display: block;
    font-size: 36px;      /* desktop */
    line-height: 40px;    /* desktop */
  }
  }
}

.image-with-text-2__heading--mobile {
  display: block;
}
@media (min-width: 768px) {
  .image-with-text-2__heading--mobile {
    display: none;
  }
}

.image-with-text-2__description {
  width: 100%;
  /* Target the paragraphs generated by the richtext setting so .xo-content doesn't override the size */
}
.image-with-text-2__description,
.image-with-text-2__description p {
  font-family: var(--font-body-family);
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -0.02em; /* -0.4px on 20px = -0.02em */
  color: var(--color-text);
}