/* Private portrait framing correction, 2026-09-06.
   One common scene keeps frame, opening, doors, interior and floor registered.
   Older browsers keep the previous sizing. Animation timing is unchanged. */
@supports (width: 100cqw) {
  @media (orientation: portrait) {
    .js .opening-gate .gate:not(.gate-static) {
      container-type: inline-size;
      --sw: 100cqw;
    }
    .js .opening-gate .gate:not(.gate-static) .gate-scene {
      top: clamp(min(0px, calc(var(--vh) - var(--sh))), calc(var(--vh)*var(--focus-y) - var(--fy)*var(--sh)), max(0px, calc(var(--vh) - var(--sh))));
      --gate-floor-fade: clamp(0px, calc(var(--vh) - var(--sh)), 120px);
      -webkit-mask-image: linear-gradient(180deg, transparent, #000 11%, #000 calc(100% - var(--gate-floor-fade)), transparent 100%);
      mask-image: linear-gradient(180deg, transparent, #000 11%, #000 calc(100% - var(--gate-floor-fade)), transparent 100%);
    }
  }
}