#hero {
  height: unset;
}
#hero > div {
  position: absolute;
  margin: auto;
  background-color: #fffb;
  text-shadow:
    0 0 20px var(--shadowcolor),
    0 0 20px var(--shadowcolor);

  justify-content: center;
  font-size: 28px;
  padding: 0 100px;
}
[data-theme="dark"] #hero > div {
  background-color: #0009;
  box-shadow: 5px 0 30px 30px #fffb;
}
#hero > div > h2 {
  font-weight: 700;
}

#hero > img {
  padding: unset;
  width: 100%;
  max-width: unset;
  margin-left: unset;
  position: relative;
  align-content: end;
  max-height: 500px;
  object-fit: cover;
}

@media (max-width: 900px) {
  #hero > div {
    font-size: 22px;
    padding: 0;
  }
}

.infodiv > h2 {
  color: var(--mainblue);
}
.infodiv > p {
  font-size: 16px;
  margin-bottom: 30px;
}
.infodiv > p > a {
  color: darkcyan;
}
.infodiv > div {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 10px;
}

/* ── servicepages image-set backgrounds ──────────────────────────────────── */

/* Hero header: mobile-first (header-mobile), overridden at md */
.service-hero-bg {
  background-image: url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/servicepages/header-mobile.png");
  background-image: -webkit-image-set(
    url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/servicepages/header-mobile.avif")
      type("image/avif") 1x,
    url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/servicepages/header-mobile.webp")
      type("image/webp") 1x,
    url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/servicepages/header-mobile.png")
      1x
  );
  background-image: image-set(
    url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/servicepages/header-mobile.avif")
      type("image/avif") 1x,
    url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/servicepages/header-mobile.webp")
      type("image/webp") 1x,
    url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/servicepages/header-mobile.png")
      1x
  );
}

@media (min-width: 768px) {
  .service-hero-bg {
    background-image: url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/servicepages/header-hero.png");
    background-image: -webkit-image-set(
      url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/servicepages/header-hero.avif")
        type("image/avif") 1x,
      url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/servicepages/header-hero.webp")
        type("image/webp") 1x,
      url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/servicepages/header-hero.png")
        1x
    );
    background-image: image-set(
      url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/servicepages/header-hero.avif")
        type("image/avif") 1x,
      url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/servicepages/header-hero.webp")
        type("image/webp") 1x,
      url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/servicepages/header-hero.png")
        1x
    );
  }
}

/* About / Send Us Your Stones: mobile-first with gradient, overridden at md */
.service-about-bg {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image:
    linear-gradient(to right, rgba(30, 41, 59, 0), rgba(30, 41, 59, 0.3)),
    url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/servicepages/about-mobile.png");
  background-image:
    linear-gradient(to right, rgba(30, 41, 59, 0), rgba(30, 41, 59, 0.3)),
    -webkit-image-set(
        url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/servicepages/about-mobile.avif")
          type("image/avif") 1x,
        url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/servicepages/about-mobile.webp")
          type("image/webp") 1x,
        url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/servicepages/about-mobile.png")
          1x
      );
  background-image:
    linear-gradient(to right, rgba(30, 41, 59, 0), rgba(30, 41, 59, 0.3)),
    image-set(
      url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/servicepages/about-mobile.avif")
        type("image/avif") 1x,
      url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/servicepages/about-mobile.webp")
        type("image/webp") 1x,
      url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/servicepages/about-mobile.png")
        1x
    );
}

@media (min-width: 768px) {
  .service-about-bg {
    background-image:
      linear-gradient(to right, rgba(30, 41, 59, 0), rgba(30, 41, 59, 0.3)),
      url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/servicepages/about.png");
    background-image:
      linear-gradient(to right, rgba(30, 41, 59, 0), rgba(30, 41, 59, 0.3)),
      -webkit-image-set(
          url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/servicepages/about.avif")
            type("image/avif") 1x,
          url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/servicepages/about.webp")
            type("image/webp") 1x,
          url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/servicepages/about.png")
            1x
        );
    background-image:
      linear-gradient(to right, rgba(30, 41, 59, 0), rgba(30, 41, 59, 0.3)),
      image-set(
        url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/servicepages/about.avif")
          type("image/avif") 1x,
        url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/servicepages/about.webp")
          type("image/webp") 1x,
        url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/servicepages/about.png")
          1x
      );
  }
}

/* Cast card tiles — gradient overlay preserved */
.service-cast1-bg,
.service-cast2-bg {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.service-cast1-bg {
  background-image:
    linear-gradient(
      to bottom,
      rgb(28 25 23 / 0),
      rgb(24 24 27 / 0.2),
      rgb(15 23 42 / 0.4)
    ),
    url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/servicepages/Cast-1.png");
  background-image:
    linear-gradient(
      to bottom,
      rgb(28 25 23 / 0),
      rgb(24 24 27 / 0.2),
      rgb(15 23 42 / 0.4)
    ),
    -webkit-image-set(
        url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/servicepages/Cast-1.avif")
          type("image/avif") 1x,
        url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/servicepages/Cast-1.webp")
          type("image/webp") 1x,
        url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/servicepages/Cast-1.png")
          1x
      );
  background-image:
    linear-gradient(
      to bottom,
      rgb(28 25 23 / 0),
      rgb(24 24 27 / 0.2),
      rgb(15 23 42 / 0.4)
    ),
    image-set(
      url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/servicepages/Cast-1.avif")
        type("image/avif") 1x,
      url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/servicepages/Cast-1.webp")
        type("image/webp") 1x,
      url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/servicepages/Cast-1.png")
        1x
    );
}

.service-cast2-bg {
  background-image:
    linear-gradient(
      to bottom,
      rgb(28 25 23 / 0),
      rgb(24 24 27 / 0.2),
      rgb(15 23 42 / 0.4)
    ),
    url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/servicepages/Cast-2.png");
  background-image:
    linear-gradient(
      to bottom,
      rgb(28 25 23 / 0),
      rgb(24 24 27 / 0.2),
      rgb(15 23 42 / 0.4)
    ),
    -webkit-image-set(
        url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/servicepages/Cast-2.avif")
          type("image/avif") 1x,
        url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/servicepages/Cast-2.webp")
          type("image/webp") 1x,
        url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/servicepages/Cast-2.png")
          1x
      );
  background-image:
    linear-gradient(
      to bottom,
      rgb(28 25 23 / 0),
      rgb(24 24 27 / 0.2),
      rgb(15 23 42 / 0.4)
    ),
    image-set(
      url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/servicepages/Cast-2.avif")
        type("image/avif") 1x,
      url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/servicepages/Cast-2.webp")
        type("image/webp") 1x,
      url("https://overnightmountings.s3.us-east-1.amazonaws.com/development_static/assets/image/servicepages/Cast-2.png")
        1x
    );
}

.servicepages-container {
  max-width: 1400px;
  width: 100%;
  margin: 0 auto;
  padding-left: 24px;
  padding-right: 24px;
}
@media (min-width: 768px) {
  .servicepages-container {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (min-width: 1024px) {
  .servicepages-container {
    padding-left: 64px;
    padding-right: 64px;
  }
}