/* Match the footer cream, with the gradient centered vertically on the film. */
.framer-8FTJs .framer-ilna9d,
.framer-kvKTQ .framer-fhw47o {
  isolation: isolate;
}

.framer-8FTJs .framer-ilna9d::before,
.framer-kvKTQ .framer-fhw47o::before {
  content: "";
  position: absolute;
  z-index: -1;
  pointer-events: none;
  left: 50%;
  top: 90px;
  bottom: 0;
  width: 100vw;
  transform: translateX(-50%);
  background: linear-gradient(
    180deg,
    rgba(248, 249, 244, 0) 0%,
    rgb(249, 242, 226) 50%,
    rgba(248, 249, 244, 0) 100%
  );
}

@media (max-width: 609px) {
  .framer-8FTJs .framer-ilna9d::before,
.framer-kvKTQ .framer-fhw47o::before {
    top: 50px;
  }
}

/* Scale the philosophy artwork continuously instead of jumping at breakpoints. */
.framer-8FTJs .framer-1b0kg9q.framer-1b0kg9q {
  height: auto;
  padding: clamp(40px, 5vw, 80px) 0;
}

.framer-8FTJs .framer-w7j6nq.framer-w7j6nq {
  width: min(82vw, 800px) !important;
}

/* Mask the decorative G where it crosses into the leadership gradient. */
.framer-8FTJs .framer-3gq4xj {
  background-color: rgb(248, 249, 244);
  isolation: isolate;
  z-index: 1;
}

/* Keep the complete film inside the available horizontal space. */
.framer-8FTJs .framer-124h2eh-container {
  max-width: 100%;
}

/* Preserve the film's existing aspect ratio when resizing desktop windows. */
@media (min-width: 1200px) {
  .framer-8FTJs .framer-124h2eh-container.framer-124h2eh-container {
    width: min(100%, calc((94vh - 90px) * 1.88316));
    height: auto;
    aspect-ratio: 1.88316;
    flex: none;
  }
}

/* The international About film follows the same desktop sizing as Sobre. */
.framer-kvKTQ .framer-sg461r-container {
  max-width: 100%;
}

@media (min-width: 1200px) {
  .framer-kvKTQ .framer-sg461r-container.framer-sg461r-container {
    width: min(100%, calc((94vh - 90px) * 1.88316));
    height: auto;
    aspect-ratio: 1.88316;
    flex: none;
  }
}