/* Keep the approved desktop composition. Only fit when the viewport is too small. */
@media (min-width: 769px) {
  /* The photo is revealed after its first desktop sizing pass, before any oversized frame is shown. */
  html.r2-pc-hero-sizing body section.fv4ref.fv4ref--scene07 .fv07-art {
    visibility: hidden !important;
  }

  html body section.fv4ref.fv4ref--scene07.r2-pc-hero-contained {
    left: 0 !important;
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    height: calc(945px * var(--r2-pc-hero-scale)) !important;
    overflow: hidden !important;
    background: #e7f3ff !important;
  }

  html body section.fv4ref.fv4ref--scene07.r2-pc-hero-contained > .fv4ref-stage {
    transform: scale(var(--r2-pc-hero-scale)) !important;
    transform-origin: 50% 0 !important;
    background: transparent !important;
  }

  html body section.fv4ref.fv4ref--scene07.r2-pc-hero-contained > .fv4ref-stage,
  html body section.fv4ref.fv4ref--scene07.r2-pc-hero-contained .fv4ref-main {
    overflow: visible !important;
  }

  html body section.fv4ref.fv4ref--scene07.r2-pc-hero-contained .fv07-art {
    width: calc(var(--r2-pc-hero-width) / var(--r2-pc-hero-scale)) !important;
    min-width: 1440px !important;
  }

  /* Fill the additional side area only on a fitted viewport. Large screens keep the original photo. */
  html body section.fv4ref.fv4ref--scene07.r2-pc-hero-contained .fv07-art::before {
    content: "";
    position: absolute;
    inset: -32px;
    z-index: 0;
    pointer-events: none;
    background: url("pc-hero-background-natural-20261013-delivery-7b35bd449f.webp") center 50% / cover no-repeat;
    filter: blur(22px);
    transform: scale(1.035);
    opacity: .78;
  }

  html body section.fv4ref.fv4ref--scene07.r2-pc-hero-contained .fv07-canvas {
    z-index: 1;
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 4.5%, #000 95.5%, transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0, #000 4.5%, #000 95.5%, transparent 100%);
  }

  html body section.fv4ref.fv4ref--scene07.r2-pc-hero-contained .fv07-art::after {
    z-index: 2;
  }

  html body section.fv4ref.fv4ref--scene07.r2-pc-hero-contained .fv4ref-logo-card,
  html body section.fv4ref.fv4ref--scene07.r2-pc-hero-contained .fv4ref-functions {
    left: 50% !important;
    width: calc(var(--r2-pc-hero-width) / var(--r2-pc-hero-scale)) !important;
    max-width: none !important;
    transform: translateX(-50%) !important;
  }
}

/* Keep the device-free side background when desktop fitting is released on maximize. */
@media (min-width: 769px) {
  html body section.fv4ref.fv4ref--scene07 .fv07-art::before {
    background-image: url("pc-hero-background-natural-20261013-delivery-7b35bd449f.webp");
  }
}