/* Final hero photo staging: each page gets its own scrapbook angle and weight. */
.boss-home .boss-hero-photo {
  transform: translate(14px, -8px) rotate(-1.15deg);
  transform-origin: 54% 44%;
}

.boss-home .boss-hero-photo::before {
  transform: rotate(1.4deg);
}

.boss-home .boss-hero-photo::after {
  transform: translate(12px, 10px) rotate(2.4deg);
}

.boss-home .boss-hero-photo img {
  transform: rotate(3deg) translateY(5px);
}

.page-hero-media.page-hero-media-services {
  width: min(100%, 560px);
  transform: translate(18px, -16px) rotate(-3.1deg);
  transform-origin: 36% 62%;
}

.page-hero-media.page-hero-media-services::before {
  inset: 20px 28px -18px -28px;
}

.page-hero-media.page-hero-media-services::after {
  inset: 60px 70px -46px -42px;
}

.page-hero-media.page-hero-media-services img {
  aspect-ratio: 6 / 5;
  object-position: 48% center;
}

.page-hero-media.page-hero-media-process {
  justify-self: center;
  width: min(100%, 455px);
  margin-top: 32px;
  transform: translate(-18px, 16px) rotate(4.2deg);
  transform-origin: 68% 38%;
}

.page-hero-media.page-hero-media-process::before {
  inset: -18px -20px 42px 34px;
}

.page-hero-media.page-hero-media-process::after {
  inset: 24px -34px 78px 86px;
}

.page-hero-media.page-hero-media-process img {
  aspect-ratio: 4 / 5;
  object-position: 58% center;
}

.page-hero-media.page-hero-media-maintenance {
  width: min(100%, 535px);
  transform: translate(34px, 14px) rotate(1.1deg);
  transform-origin: 44% 42%;
}

.page-hero-media.page-hero-media-maintenance::before {
  inset: 42px -30px -16px 16px;
}

.page-hero-media.page-hero-media-maintenance::after {
  inset: 78px -52px -46px 58px;
}

.page-hero-media.page-hero-media-maintenance img {
  aspect-ratio: 7 / 6;
  object-position: 54% center;
}

.page-hero-media.page-hero-media-about {
  justify-self: center;
  width: min(100%, 430px);
  transform: translate(-32px, -8px) rotate(-4.4deg);
  transform-origin: 35% 35%;
}

.page-hero-media.page-hero-media-about::before {
  inset: 34px 24px -28px -24px;
}

.page-hero-media.page-hero-media-about::after {
  inset: 70px 62px -54px -48px;
}

.page-hero-media.page-hero-media-about img {
  aspect-ratio: 4 / 5;
  object-position: 52% center;
}

.page-hero-media.page-hero-media-contact {
  width: min(100%, 505px);
  transform: translate(22px, 20px) rotate(3.4deg);
  transform-origin: 64% 58%;
}

.page-hero-media.page-hero-media-contact::before {
  inset: -22px -18px 36px 44px;
}

.page-hero-media.page-hero-media-contact::after {
  inset: 18px -38px 86px 86px;
}

.page-hero-media.page-hero-media-contact img {
  aspect-ratio: 1 / 1;
  object-position: 58% center;
}

.page-hero-media.page-hero-media-request {
  width: min(100%, 475px);
  transform: translate(-12px, 18px) rotate(-2.2deg);
  transform-origin: 42% 56%;
}

.page-hero-media.page-hero-media-request::before {
  inset: 24px -26px -18px 28px;
}

.page-hero-media.page-hero-media-request::after {
  inset: 62px -48px -48px 80px;
}

.page-hero-media.page-hero-media-request img {
  aspect-ratio: 5 / 6;
  object-position: 54% center;
}

.page-hero-media-request figcaption {
  top: 34px;
  right: -6px;
  left: auto;
  max-width: 310px;
  box-shadow: -9px 9px 0 var(--ice);
  transform: rotate(2.1deg);
}

@media (max-width: 980px) {
  .boss-home .boss-hero-photo {
    transform: translate(0, 4px) rotate(-0.8deg);
  }

  .boss-home .boss-hero-photo img {
    transform: rotate(1.8deg);
  }

  .page-hero-media.page-hero-media-services {
    width: min(100%, 520px);
    transform: translate(2px, 8px) rotate(-2.2deg);
  }

  .page-hero-media.page-hero-media-process {
    justify-self: end;
    margin-top: 18px;
    transform: translate(-10px, 12px) rotate(3.2deg);
  }

  .page-hero-media.page-hero-media-maintenance {
    width: min(100%, 520px);
    transform: translate(8px, 14px) rotate(1deg);
  }

  .page-hero-media.page-hero-media-about {
    justify-self: start;
    transform: translate(6px, 8px) rotate(-3.2deg);
  }

  .page-hero-media.page-hero-media-contact {
    width: min(100%, 500px);
    transform: translate(4px, 16px) rotate(2.4deg);
  }

  .page-hero-media.page-hero-media-request {
    transform: translate(4px, 14px) rotate(-1.8deg);
  }
}

@media (max-width: 680px) {
  .boss-home .boss-hero-photo {
    transform: translate(0, 0) rotate(-0.45deg);
  }

  .boss-home .boss-hero-photo::before {
    transform: rotate(0.8deg);
  }

  .boss-home .boss-hero-photo img {
    transform: rotate(1.2deg);
  }

  .page-hero-media.page-hero-media-services {
    transform: translate(0, 6px) rotate(-1.5deg);
  }

  .page-hero-media.page-hero-media-process {
    justify-self: start;
    margin-top: 10px;
    transform: translate(0, 8px) rotate(2.1deg);
  }

  .page-hero-media.page-hero-media-maintenance {
    transform: translate(0, 8px) rotate(0.8deg);
  }

  .page-hero-media.page-hero-media-about {
    transform: translate(0, 6px) rotate(-2.3deg);
  }

  .page-hero-media.page-hero-media-contact {
    transform: translate(0, 10px) rotate(1.6deg);
  }

  .page-hero-media.page-hero-media-request {
    transform: translate(0, 8px) rotate(-1.3deg);
  }

  .page-hero-media-request figcaption {
    top: 26px;
    right: 4px;
    left: auto;
    max-width: 260px;
    box-shadow: -6px 6px 0 var(--ice);
  }
}