/* Keep the existing illustrations inside their clipping and viewport bounds. */
body.edilup-demo-v6 .hero::before {
  left: max(24px, 4%);
  right: auto;
  width: min(clamp(200px, 30vw, 480px), calc(100% - 80px));
  height: auto;
  aspect-ratio: 1;
  max-height: calc(100% - 200px);
}
body.edilup-demo-v6 .hero::after {
  right: max(24px, 3%);
  width: min(clamp(200px, 27vw, 410px), calc(100% - 64px));
  height: auto;
  aspect-ratio: 1;
  max-height: calc(100% - 250px);
}
body.edilup-demo-v6 :is(.detail-hero, .edilup-page-scenery)::before {
  left: max(20px, 3%);
  right: auto;
  top: 100px;
  width: min(330px, 38%);
  height: auto;
  aspect-ratio: 1;
  max-height: calc(100% - 140px);
}
body.edilup-demo-v6 :is(.detail-hero, .edilup-page-scenery)::after {
  right: max(20px, 3%);
  top: 100px;
  width: min(280px, 34%);
  height: auto;
  aspect-ratio: 1;
  max-height: calc(100% - 140px);
}
.edilup-page-scenery {
  position: relative;
  isolation: isolate;
}
.edilup-page-scenery::before, .edilup-page-scenery::after {
  content: "";
  position: absolute;
  z-index: -1;
  pointer-events: none;
  background: center / contain no-repeat;
}
.edilup-page-scenery::before {
  background-image: url("crane.svg");
  opacity: .065;
  transform: rotate(-8deg);
}
.edilup-page-scenery::after {
  background-image: url("skyline.svg");
  opacity: .075;
  transform: rotate(3deg);
}
html[data-theme="dark"] .edilup-page-scenery::before {
  opacity: .11;
  filter: brightness(1.35) saturate(1.08);
}
html[data-theme="dark"] .edilup-page-scenery::after {
  opacity: .13;
  filter: brightness(1.35) saturate(1.08);
}
.eu-unify-destination > .eu-unify-full-logo {
  display: block;
  width: 190px;
  max-width: 100%;
  height: auto;
  object-fit: contain;
}
@media (max-width: 760px) {
  body.edilup-demo-v6 .hero::before {
    left: 20px;
    top: 140px;
    width: min(180px, calc(100% - 64px));
  }
  body.edilup-demo-v6 .hero::after {
    right: 20px;
    top: 290px;
    width: min(180px, calc(100% - 64px));
    max-height: calc(100% - 330px);
  }
  body.edilup-demo-v6 :is(.detail-hero, .edilup-page-scenery)::before,
  body.edilup-demo-v6 :is(.detail-hero, .edilup-page-scenery)::after {
    top: 115px;
    max-height: calc(100% - 150px);
  }
  .edilup-page-scenery::before { opacity: .045; }
  .edilup-page-scenery::after { opacity: .05; }
}
@media (max-width: 600px) {
  .eu-unify-destination > .eu-unify-full-logo { width: 112px; }
}
@media (max-width: 359px) {
  .eu-unify-destination > .eu-unify-full-logo { width: 104px; }
}