/* Real-alpha artwork grows from viewport edges, without a photographic backdrop. */
.cta-meadow {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: var(--forest);
  min-height: clamp(800px, 56vw, 1200px);
  padding-top: clamp(80px, 7vw, 140px);
  padding-bottom: clamp(360px, 30vw, 680px);
}
.cta-meadow > .shell { display: block; }
.cta-meadow .cta-story { position: relative; z-index: 2; max-width: 760px; margin-inline: auto; text-align: center; }
.cta-meadow .cta-story h2 { margin-inline: auto; }
.cta-meadow .cta-story p { margin-inline: auto; }
.cta-meadow .botanical-cta-flower {
  position: absolute;
  width: 100%;
  max-width: none;
  right: 0;
  bottom: 0;
  margin: 0;
  z-index: 0;
  -webkit-mask-image: none;
  mask-image: none;
}
.bloom-replay {
  display: inline-flex;
  align-items: center;
  margin: 28px 0 0 20px;
  padding: 12px 4px;
  min-height: 48px;
  border: 0;
  background: transparent;
  color: var(--text);
  font: inherit;
  font-size: 16px;
  text-decoration: underline;
  text-underline-offset: 5px;
  cursor: pointer;
}
.bloom-replay:hover { color: var(--green); }
.bloom-replay:disabled { opacity: .65; cursor: default; }
.bloom-replay[hidden] { display: none; }
@media (max-width: 640px) {
  .cta-meadow { min-height: 680px; padding-top: 64px; padding-bottom: 65vw; }
  .cta-meadow .botanical-cta-flower { width: 180%; right: -40%; }
  .bloom-replay { display: flex; margin-inline: auto; margin-top: 12px; }
}
.botanical-alpha { -webkit-mask-image: none; mask-image: none; }
#company-geo.company-scene {
  display: block;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: clamp(620px, 43vw, 920px);
  padding-block: clamp(88px, 8vw, 160px);
  border-bottom: 0;
}
.company-scene .company-story { width: 47%; max-width: 860px; z-index: 2; }
.company-scene .botanical-garden {
  position: absolute;
  width: 64vw;
  max-width: none;
  right: -12vw;
  bottom: -4vw;
  margin: 0;
  z-index: 0;
}
.service-section { overflow: hidden; }
.service-heading-with-plant {
  position: relative;
  display: block;
  min-height: clamp(260px, 22vw, 480px);
  padding-right: 40%;
  padding-block: 32px;
}
.service-heading-with-plant .section-heading { position: relative; z-index: 1; }
.service-heading-with-plant .botanical-service {
  position: absolute;
  width: 48vw;
  max-width: none;
  right: calc(-1 * var(--page-gutter) - 10vw);
  top: 50%;
  transform: translateY(-50%) scaleX(-1);
  margin: 0;
}
.faq-section { overflow: hidden; }
.faq-garden-heading { position: relative; }
.faq-garden-heading .botanical-faq {
  width: clamp(220px, 27vw, 580px);
  max-width: none;
  margin-left: calc(-1 * var(--page-gutter));
  margin-top: 32px;
}
@media (max-width: 900px) {
  #company-geo.company-scene { min-height: 650px; padding-bottom: 100px; }
  .company-scene .company-story { width: 63%; }
  .company-scene .botanical-garden { width: 73vw; right: -29vw; bottom: -12px; }
  .service-heading-with-plant { padding-right: 32%; min-height: 260px; }
  .service-heading-with-plant .botanical-service { width: 53vw; right: -24vw; }
  .faq-garden-heading .botanical-faq { width: 140px; margin: 0; }
}
@media (max-width: 640px) {
  #company-geo.company-scene { min-height: 0; padding-top: 64px; padding-bottom: 66vw; }
  .company-scene .company-story { width: 100%; }
  .company-scene .botanical-garden { width: 112vw; right: -24vw; bottom: -8vw; }
  .service-heading-with-plant { padding: 0 0 34vw; min-height: 0; }
  .service-heading-with-plant .botanical-service { width: 82vw; right: -28vw; top: auto; bottom: -8vw; transform: scaleX(-1); }
  .faq-garden-heading .botanical-faq { width: 100px; }
}