/*
 * Global rendered-media ceiling.
 * No image or video aperture may exceed 1920 × 1080 CSS pixels at any viewport.
 * More restrictive widths preserve portrait/square aspect ratios and natural pixels.
 */
.page-work-archive .preview-frame {
    width: min(100%, 1000px);
    margin-inline: auto;
}

.page-ai-landing .project-card--square .project-media {
    width: min(100%, 1080px);
    margin-inline: auto;
}

.page-ai-landing .project-grid .project-card:nth-child(2) .project-media {
    width: min(100%, 1214px);
    margin-inline: auto;
}

.page-ai-landing .project-grid .project-card:nth-child(3) .project-media {
    width: min(100%, 896px);
    margin-inline: auto;
}

.page-ai-archive .project--paladino .project-visual {
    width: min(100%, 1672px);
    justify-self: end;
}

.page-ai-archive .project--raimundo .project-visual {
    width: min(100%, 1000px);
    min-height: min(68vw, 750px);
    justify-self: end;
}

.page-ai-archive .project--hellmarch .project-visual {
    width: min(100%, 1680px);
    justify-self: end;
}

.page-ai-archive .project--microsoft .project-visual,
.page-ai-archive .project--thermos .project-visual {
    width: min(100%, 1800px);
    justify-self: end;
}

.page-ai-archive .project--coke .project-visual {
    width: min(100%, 1584px);
    justify-self: end;
}

.page-showreel .media-block.media-wide {
    width: min(100%, 1920px);
    margin-inline: auto;
}

.page-showreel .player-shell {
    width: min(100%, 1920px);
    margin-inline: auto;
}

.page-showreel .media-frame-03 {
    width: min(100%, 1400px);
    justify-self: center;
}

.page-form-function-fun .hero-image {
    width: min(100%, 1800px);
    min-height: min(calc(100svh - var(--header-h) - 12vh), 1080px);
    max-height: 1080px;
    align-self: center;
    justify-self: center;
}

.page-form-function-fun .framerate-player {
    max-width: 1080px;
}

.page-form-function-fun .system-image figure {
    width: min(100%, 864px);
}

.page-form-function-fun .pair .media-frame,
.page-form-function-fun .triptych .media-frame,
.page-form-function-fun .final-pair .media-frame {
    width: min(100%, 1080px);
    justify-self: center;
}

.page-paladino .media.media-wide {
    width: min(100%, 1536px);
    margin-inline: auto;
}

.page-raimundo-e-a-tela .hero-visual,
.page-raimundo-e-a-tela .story-grid .media,
.page-raimundo-e-a-tela .world-grid .media:not(:last-child) {
    width: min(100%, 1376px);
}

.page-raimundo-e-a-tela .approved-lead,
.page-raimundo-e-a-tela .world-grid .media:last-child {
    width: min(100%, 1678px);
}

.page-raimundo-e-a-tela .sheet-grid .media,
.page-raimundo-e-a-tela .environment-stack .media {
    width: min(100%, 1536px);
}

.page-raimundo-e-a-tela .environment-grid > .media {
    width: min(100%, 1678px);
}

.page-raimundo-e-a-tela .title-art {
    width: min(100%, 1672px);
}

.page-adidas-goodbye-gravity .hero-frame,
.page-adidas-goodbye-gravity .film-stage {
    width: min(100%, 1920px);
    max-height: 1080px;
    margin-inline: auto;
}

.page-adidas-goodbye-gravity .vertical-film,
.page-adidas-goodbye-gravity .vertical-stills .media {
    width: min(100%, 608px);
}

.page-toki-no-sumi .hero-image,
.page-toki-no-sumi .wide-feature {
    width: min(100%, 1421px);
}

  @media (min-width: 761px) {
    .page-hellmarch .hero-frame {
      min-height: min(78svh, 720px);
    }
}

  @media (min-width: 901px) {
    .page-ai-archive .project--coke .project-visual {
      min-height: min(58vw, 672px);
    }
  }