/* Mediatorius landing illustrations · 2026-09-22.
   Scoped to home; decorative vectors repeat no essential text or UI. */
.med-landing-hero .med-home-private-head,
.med-landing-hero .med-home-business-head {
  position: relative;
  max-width: none;
  isolation: isolate;
}
.med-landing-hero .med-home-private-head::after,
.med-landing-hero .med-home-business-head::after {
  content: "";
  display: block;
  background: center / contain no-repeat;
  pointer-events: none;
}
.med-landing-hero .med-home-private-head::after {
  background-image: url("/assets/img/mediatorius-personal-documents-v1.svg");
}
.med-landing-hero .med-home-business-head::after {
  background-image: url("/assets/img/mediatorius-business-core-v1.svg");
}
@media (min-width: 1000px) {
  .med-landing-hero .med-home-private-head,
  .med-landing-hero .med-home-business-head {
    padding-right: 36%;
    min-height: 260px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .med-landing-hero .med-home-private-head::after,
  .med-landing-hero .med-home-business-head::after {
    position: absolute;
    width: 36%;
    right: -8px;
    top: 50%;
    height: 270px;
    transform: translateY(-50%);
    z-index: -1;
  }
  .med-landing-hero .med-home-private-head h2,
  .med-landing-hero .med-home-business-head h2 { max-width: 30ch; }
}
@media (max-width: 999px) {
  .med-landing-hero .med-home-private-head::after,
  .med-landing-hero .med-home-business-head::after {
    width: min(100%, 430px);
    height: 190px;
    margin: 8px auto 0;
  }
}
@media (max-width: 480px) {
  .med-landing-hero .med-home-private-head::after,
  .med-landing-hero .med-home-business-head::after { height: 155px; margin-top: 6px; }
}
@media (forced-colors: active), print {
  .med-landing-hero .med-home-private-head::after,
  .med-landing-hero .med-home-business-head::after { display: none; }
  .med-landing-hero .med-home-private-head,
  .med-landing-hero .med-home-business-head { padding-right: 0; min-height: 0; }
}