.forest-rain-office-bg,
.forest-rain-office {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

.forest-rain-office-bg.is-ready,
.forest-rain-office.is-ready {
  background: transparent;
}

.forest-rain-office-bg.is-fallback,
.forest-rain-office.is-fallback {
  background:
    linear-gradient(180deg, rgba(13, 21, 18, 0.18), rgba(7, 10, 9, 0.64)),
    var(--forest-rain-image) center center / cover no-repeat;
}

.forest-rain-office-bg {
  min-height: var(--forest-rain-min-height, 420px);
}

.forest-rain-office-bg > *,
.forest-rain-office > * {
  position: relative;
  z-index: 2;
}

.forest-rain-office-bg canvas,
.forest-rain-office canvas,
.forest-rain-office-bg .forest-rain-office__canvas,
.forest-rain-office__canvas,
.forest-rain-office-bg .forest-rain-office__plane,
.forest-rain-office__plane {
  position: absolute;
  inset: 0;
}

.forest-rain-office-bg .forest-rain-office__canvas,
.forest-rain-office__canvas {
  z-index: 1;
  pointer-events: none;
}

.forest-rain-office-bg .forest-rain-office__plane,
.forest-rain-office__plane {
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
}

.forest-rain-office-bg .forest-rain-office__plane img,
.forest-rain-office__plane img {
  display: none;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.forest-rain-office-bg .forest-rain-office__overlay,
.forest-rain-office__overlay {
  position: relative;
  z-index: 2;
  display: grid;
  align-items: end;
  min-height: 100%;
  padding: clamp(28px, 5vw, 56px);
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.36)),
    radial-gradient(circle at top left, rgba(172, 210, 192, 0.14), transparent 40%);
}

.forest-rain-office-bg .forest-rain-office__content,
.forest-rain-office__content {
  max-width: min(720px, 100%);
  color: #f4efe6;
  text-shadow: 0 2px 18px rgba(0, 0, 0, 0.32);
}

.forest-rain-office-bg .forest-rain-office__content > :first-child,
.forest-rain-office__content > :first-child {
  margin-top: 0;
}

.forest-rain-office-bg .forest-rain-office__content > :last-child,
.forest-rain-office__content > :last-child {
  margin-bottom: 0;
}

.forest-rain-office-bg .forest-rain-office__content h1,
.forest-rain-office-bg .forest-rain-office__content h2,
.forest-rain-office-bg .forest-rain-office__content h3,
.forest-rain-office__content h1,
.forest-rain-office__content h2,
.forest-rain-office__content h3 {
  margin-bottom: 0.35em;
  color: inherit;
}

.forest-rain-office-bg .forest-rain-office__content p,
.forest-rain-office-bg .forest-rain-office__content li,
.forest-rain-office-bg .forest-rain-office__content a,
.forest-rain-office__content p,
.forest-rain-office__content li,
.forest-rain-office__content a {
  color: inherit;
}

.forest-rain-office-bg.is-fallback .forest-rain-office__overlay,
.forest-rain-office.is-fallback .forest-rain-office__overlay {
  backdrop-filter: none;
}

.forest-rain-office-bg .fl-row-content-wrap,
.forest-rain-office-bg .fl-row-content,
.forest-rain-office-bg .fl-row-bg-photo,
.forest-rain-office-bg .fl-row-bg-overlay {
  position: relative;
  z-index: 2;
}

.forest-rain-office-bg .fl-row-bg-photo,
.forest-rain-office-bg .fl-row-bg-overlay {
  opacity: 0 !important;
}

@media (max-width: 768px) {
  .forest-rain-office-bg,
  .forest-rain-office {
    min-height: var(--forest-rain-min-height, 320px);
  }

  .forest-rain-office-bg .forest-rain-office__overlay,
  .forest-rain-office__overlay {
    padding: 24px;
    align-items: end;
  }
}