/* Desktop-only PSD coordinate scene. No motion or shared component overrides. */
.hero-static-scene {
  display: none;
}

@media (min-width: 701px) {
  .hero.hero-static-enabled {
    --hero-header-height: 82px;
    --hero-safe-gap: clamp(12px, 1.2vw, 24px);
    --hero-scale-unit: 0.6px;
    display: block;
    height: auto;
    min-height: 100svh;
    padding: calc(var(--hero-header-height) + var(--hero-safe-gap)) 0 var(--hero-safe-gap);
    overflow: visible;
  }

  .hero-static-enabled::before,
  .hero-static-enabled > .hero-grid,
  .hero-static-enabled > .hero-media,
  .hero-static-enabled > .hero-topline {
    display: none;
  }

  /* Keep the existing heading accessible without duplicating the PSD lettering. */
  .hero-static-enabled > .hero-content {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }

  .hero-static-scene {
    position: relative;
    display: block;
    width: var(--hero-scene-width, min(91.18vw, 1668.4px));
    max-width: calc(100% - var(--hero-safe-gap) * 2);
    margin-inline: auto;
    /* Lift by 70px; protect the cards at PSD y=75 on narrower desktop widths. */
    margin-top: max(-40px, calc(12px - var(--hero-safe-gap) - 75 * var(--hero-scale-unit)));
    left: -12px;
    aspect-ratio: 1920 / 1080;
    background: transparent;
    overflow: hidden;
    isolation: isolate;
  }

  .hero-static-scene .hero-psd-group {
    position: absolute;
    inset: 0;
    z-index: var(--z);
    isolation: isolate;
  }

  .hero-static-scene .hero-psd-layer {
    position: absolute;
    display: block;
    left: calc(var(--x) * 100% / 1920);
    top: calc(var(--y) * 100% / 1080);
    width: calc(var(--w) * 100% / 1920);
    height: calc(var(--h) * 100% / 1080);
    z-index: var(--z);
  }

  .hero-static-scene img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
  }

  .hero-static-scene,
  .hero-static-scene * {
    pointer-events: none;
    animation: none;
    transition: none;
    transform: none;
    filter: none;
    mask-image: none;
    mix-blend-mode: normal;
    opacity: 1;
  }

  /* Alpha-following CSS approximations, in scaled PSD pixels. PNGs are untouched.
     Cards/text had no separate PSD effect; their gentle shadows are requested additions. */
  .hero-static-scene .hero-psd-layer img {
    filter: var(--hero-layer-shadow, none);
  }

  .hero-static-scene [data-psd-group-id="37"] {
    filter: drop-shadow(calc(4 * var(--hero-scale-unit)) calc(2 * var(--hero-scale-unit)) calc(14 * var(--hero-scale-unit)) rgb(0 0 0 / 10%));
  }

  .hero-static-scene [data-psd-id="17"] {
    --hero-layer-shadow: drop-shadow(calc(8 * var(--hero-scale-unit)) calc(6 * var(--hero-scale-unit)) calc(13 * var(--hero-scale-unit)) rgb(0 0 0 / 28%));
  }
  .hero-static-scene [data-psd-id="43"] {
    --hero-layer-shadow: drop-shadow(calc(10 * var(--hero-scale-unit)) calc(7 * var(--hero-scale-unit)) calc(15 * var(--hero-scale-unit)) rgb(0 0 0 / 30%));
  }
  .hero-static-scene [data-psd-id="19"] {
    --hero-layer-shadow: drop-shadow(calc(6 * var(--hero-scale-unit)) calc(5 * var(--hero-scale-unit)) calc(10 * var(--hero-scale-unit)) rgb(0 0 0 / 24%));
  }
  .hero-static-scene [data-psd-id="21"] {
    --hero-layer-shadow: drop-shadow(calc(4 * var(--hero-scale-unit)) calc(4 * var(--hero-scale-unit)) calc(8 * var(--hero-scale-unit)) rgb(0 0 0 / 22%));
  }
  .hero-static-scene [data-psd-id="4"] {
    --hero-layer-shadow: drop-shadow(calc(10 * var(--hero-scale-unit)) calc(3 * var(--hero-scale-unit)) calc(24 * var(--hero-scale-unit)) rgb(0 0 0 / 18%));
  }
  .hero-static-scene [data-psd-id="30"] {
    --hero-layer-shadow: drop-shadow(calc(6 * var(--hero-scale-unit)) calc(3 * var(--hero-scale-unit)) calc(14 * var(--hero-scale-unit)) rgb(0 0 0 / 16%));
  }
  .hero-static-scene [data-psd-id="36"] {
    --hero-layer-shadow: drop-shadow(calc(5 * var(--hero-scale-unit)) calc(2 * var(--hero-scale-unit)) calc(8 * var(--hero-scale-unit)) rgb(0 0 0 / 12%));
  }
  .hero-static-scene [data-psd-id="27"] {
    --hero-layer-shadow: drop-shadow(calc(2 * var(--hero-scale-unit)) calc(5 * var(--hero-scale-unit)) calc(12 * var(--hero-scale-unit)) rgb(0 0 0 / 12%));
  }
  .hero-static-scene [data-psd-id="47"] {
    --hero-layer-shadow: drop-shadow(calc(3 * var(--hero-scale-unit)) calc(4 * var(--hero-scale-unit)) calc(10 * var(--hero-scale-unit)) rgb(0 0 0 / 13%));
  }
  .hero-static-scene [data-psd-id="13"] {
    --hero-layer-shadow: drop-shadow(calc(5 * var(--hero-scale-unit)) calc(3 * var(--hero-scale-unit)) calc(13 * var(--hero-scale-unit)) rgb(0 0 0 / 22%));
  }
  .hero-static-scene [data-psd-id="41"] {
    --hero-layer-shadow: drop-shadow(calc(2 * var(--hero-scale-unit)) calc(4 * var(--hero-scale-unit)) calc(6 * var(--hero-scale-unit)) rgb(0 0 0 / 18%));
  }

  /* Retain the existing project link below, not over, the original composition. */
  .hero-static-enabled > .hero-footer {
    position: relative;
    inset: auto;
    margin-inline: var(--page-pad);
    padding-block: 22px;
  }
}