.hero {
  background: url(https://s3.amazonaws.com/busites_www/bubbleup-net/bubbleup2025/images/hero_sky-bg--day.jpg) center top/cover no-repeat;
}

.hero--night {
  background-image: url(https://s3.amazonaws.com/busites_www/bubbleup-net/bubbleup2025/images/hero_sky-bg--night.jpg);
}

.hero_bg {
  width: 200% !important;
  background: url(https://s3.amazonaws.com/busites_www/bubbleup-net/bubbleup2025/images/hero_sky-clouds--day.jpg) center left/50% auto repeat-x;
  mask: url(https://s3.amazonaws.com/busites_www/bubbleup-net/bubbleup2025/images/hero_sky-clouds--mask.png) center left/50% auto repeat-x;
}

@media not all and (prefers-reduced-motion: reduce) {
  .hero_bg {
    animation: heroClouds 50s linear reverse infinite;
  }
}
.hero--night .hero_bg {
  background-image: url(https://s3.amazonaws.com/busites_www/bubbleup-net/bubbleup2025/images/hero_sky-clouds--night.jpg);
}

.hero_animation-toggle {
  position: absolute;
  bottom: max(1.5vw, 1rem);
  left: max(1.5vw, 1rem);
  background: transparent;
  padding: 0;
  border: 0;
  width: 2rem;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  color: inherit;
  font-size: 1.5rem;
}

.no-animation {
  animation-play-state: paused;
}

@keyframes heroClouds {
  0% {
    translate: 0% 0%;
  }
  100% {
    translate: -50% 0%;
  }
}
.hero_header {
  padding-top: 10vw;
  margin-bottom: -10vw;
}

@media (min-width: 768px) {
  .hero_header {
    padding-top: 5vw;
    padding-left: 3vw !important;
    padding-right: 0 !important;
    margin-bottom: calc(4rem + -30vw);
    z-index: 1;
  }
}
.hero_scene {
  display: grid;
  grid-template-areas: "image";
}

.hero_scene-image {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  grid-area: image;
  justify-self: center;
}

@media (max-width: 767.98px) {
  .hero_scene-image {
    width: 210%;
  }
}
.hero_scene-image--scene {
  mask: url(https://s3.amazonaws.com/busites_www/bubbleup-net/bubbleup2025/images/hero_mask.png) center center/100% 100% no-repeat;
}

@media not all and (prefers-reduced-motion: reduce) {
  .hero_scene-image--glow {
    animation: heroSceneGlow 1s linear alternate-reverse infinite;
  }
}
@keyframes heroSceneGlow {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.services_figure {
  transform-origin: 50% 100%;
}

.services_figure img {
  mask: url(https://s3.amazonaws.com/busites_www/bubbleup-net/bubbleup2025/images/dale_mask.png) center center/100% 100% no-repeat;
}

@media (max-width: 575.98px) {
  .services_figure {
    width: 120%;
    max-width: 30rem;
    margin-bottom: -30rem;
  }
}
@media (min-width: 576px) {
  .services_figure {
    min-width: 28rem;
    margin-left: -10%;
    margin-right: -0.75rem;
    margin-bottom: max(-155%, -62rem);
    max-width: 45rem;
  }
}
.services_figure-link {
  all: unset;
  position: absolute;
  top: 22%;
  left: 31%;
  display: block;
  width: 17%;
  aspect-ratio: 2.5/1;
  overflow: hidden;
  opacity: 0;
}

.services_figure-link {
  all: unset;
  position: absolute;
  top: 22%;
  left: 31%;
  display: block;
  width: 17%;
  aspect-ratio: 2.5/1;
  overflow: hidden;
  opacity: 0;
}

.services_modal-figure {
  mask: url("data:image/svg+xml,%0A%3Csvg preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect width='100' height='100'/%3E%3C/svg%3E") center center/100% 100% no-repeat;
  padding: 4%;
  clip-path: polygon(1.5% 1.5%, 100% 0, 98.5% 100%, 0 98.5%);
}

.services_modal-figure--1 {
  rotate: -3deg;
  margin-bottom: -4%;
}

.services_modal-figure--2 {
  rotate: 3deg;
}

@media not all and (prefers-reduced-motion: reduce) {
  .ticker {
    animation: ticker 20s linear infinite;
  }
}
@keyframes ticker {
  0% {
    translate: 0% 0%;
  }
  100% {
    translate: -50% 0;
  }
}
.team_title-logo {
  height: 1em;
  width: auto;
  margin: -0.3em -0.1em 0 0.1em;
}

/*# sourceMappingURL=home.css.map */