/* Approved 2026-10-18: full-width paint and proportional heroes; capped content.
 * Wrappers are inert at the existing mobile/desktop reference sizes. Keep
 * diagrams and live labels in the same 1920px frame; no JS background layers. */
.v2-bleed, .v2-content-frame { display: contents; }
@media (min-width: 1920px) {
    .v2-enroll .hx-nav-root { display: contents; }
}
@media (min-width: 1921px) {
    body.v2-fluid { max-width: none; }
    .v2-fluid .hx-header {
        padding-left: calc(max(0px, (100% - 1920px) / 2) + 58px);
        padding-right: calc(max(0px, (100% - 1920px) / 2) + 111px);
    }
    .v2-fluid .hx-header::before { left: max(0px, calc((100% - 1920px) / 2)); width: 595.2px; mask-image: linear-gradient(90deg, transparent, #000 80px); }
    .v2-fluid .v2-bleed { display: block; position: relative; isolation: isolate; background-position: center top; background-size: cover; background-repeat: no-repeat; }
    .v2-fluid .v2-bleed > :first-child, .v2-fluid .v2-content-frame { width: 1920px; max-width: 100%; margin-inline: auto; }
    .v2-fluid .v2-content-frame { display: block; }
    .v2-fluid .v2-bleed:not(.bleed-blueprint):not(.bleed-hero) > :first-child { background: transparent; }
    .v2-fluid .v2-bleed.bleed-hero > :first-child { width: 100%; }
    .v2-fluid .bleed-hero { container-type: inline-size; }

    /* The bar and backdrop fill the viewport; their contents retain reference geometry. */
    .v2-fluid .bleed-footer { background: linear-gradient(#34378c59, #34378c59), #1b3988 url('../images/footer-campus.webp') center top / cover no-repeat; }
    .v2-fluid .v2-bleed footer#footer.ft-footer { background: transparent; }

    .v2-index .hx-hero-v2 { min-height: 1021px; }
    .v2-index .hx-hero-v2 .hx-controls, .v2-index .hx-hero-v2 .hx-rankings { width: 1920px; max-width: 100%; margin-inline: auto; }
    .v2-index .bleed-why { background-image: url('../images/why-pixso-background.webp'), linear-gradient(90deg, #0c2049, #082d76); }
    .v2-index .bleed-faculty { background: #132f5b url('../../images/world_class_bg.png') center / cover no-repeat; }
    .v2-index .bleed-alumni { background: linear-gradient(90deg, rgba(9,33,70,.91), rgba(7,45,101,.89)), #0d2d59 url('../images/campus-atrium.webp') center / cover no-repeat; }
    .v2-index .bleed-alumni .tx-bg, .v2-index .bleed-alumni .tx-scrim { visibility: hidden; }
    .v2-index .bleed-schedule { background-image: linear-gradient(rgba(7,32,68,.22), rgba(7,32,68,.22)), url('../images/program-schedule-bg.webp'); }
    .v2-index .bleed-news { background: #123761 url('../images/news-campus.webp') center top / cover no-repeat; }
    .v2-fluid .bleed-blueprint { background-color: #0b2c60; }
    .v2-fluid .bleed-study { background-image: linear-gradient(#0d2246, #0a306b); }

    /* Extend the background without changing the artwork scale or live labels.
     * Blueprint edges fade over 96px only above the 1920px reference. */
    .v2-index .bleed-blueprint::before, .v2-index .bleed-blueprint::after,
    .v2-index .bleed-study::before, .v2-index .bleed-study::after,
    .v2-program .bleed-study::before, .v2-program .bleed-study::after,
    .v2-program .bleed-blueprint::before, .v2-program .bleed-blueprint::after {
        content: ''; position: absolute; top: 0; bottom: 0;
        width: max(0px, calc((100% - 1920px) / 2));
        background-size: 100% 943px; background-repeat: no-repeat;
        pointer-events: none; z-index: -1;
    }
    .v2-index .bleed-blueprint { --blueprint-color: #0e2c58; --blueprint-height: 943px; background-color: var(--blueprint-color); }
    .v2-program .bleed-blueprint { --blueprint-color: #0b2c60; --blueprint-height: 1024px; }
    /* Approved quiet texture; no generated gold rims or outgoing connectors. */
    .v2-index .bleed-blueprint::before, .v2-index .bleed-blueprint::after,
    .v2-program .bleed-blueprint::before, .v2-program .bleed-blueprint::after {
        background-image: linear-gradient(to bottom, var(--blueprint-color), transparent 120px), linear-gradient(to right, var(--blueprint-color), transparent 140px), url('../images/blueprint-ambient-extension.png');
        background-size: 100% 100%, 100% 100%, auto var(--blueprint-height);
        background-position: left top; background-color: var(--blueprint-color);
    }
    .v2-index .bleed-blueprint::before, .v2-program .bleed-blueprint::before { left: 0; transform: scaleX(-1); }
    .v2-index .bleed-blueprint::before { width: max(0px, calc((100% - 1920px) / 2 + 2px)); }
    .v2-index .bleed-blueprint::after, .v2-program .bleed-blueprint::after { right: 0; width: max(0px, calc((100% - 1920px) / 2 + 1px)); }
    .v2-index .bleed-blueprint > #blueprint.rx-roadmap {
        background-image: linear-gradient(to right, var(--blueprint-color), transparent 96px, transparent 1824px, var(--blueprint-color)), url('../images/blueprint-pixso-desktop.webp');
        background-size: 1920px 943px, 1917px 943px;
        background-position: left top, 2px top; background-repeat: no-repeat; background-color: transparent;
    }
    .v2-index .bleed-study::before, .v2-program .bleed-study::before { left: 0; background-image: url('../images/study-bleed-left.webp'); opacity: .66; }
    .v2-index .bleed-study::after, .v2-program .bleed-study::after { right: 0; background-image: url('../images/study-bleed-right.webp'); opacity: .66; }

    .v2-program .px-program .bleed-blueprint > #showClass.rx-roadmap {
        background-image: linear-gradient(to right, var(--blueprint-color), transparent 96px, transparent 1824px, var(--blueprint-color)), url('../images/program-blueprint-fade.webp'), url('../images/program-blueprint-desktop.webp');
        background-size: 1920px 1094.24px, 1920px 142.03px, 1919px 1023.23px;
        background-position: left top, 2px 952.21px, left top; background-repeat: no-repeat; background-color: transparent;
    }
    .v2-program .bleed-blueprint::before, .v2-program .bleed-blueprint::after {
        background-image: linear-gradient(to bottom, transparent 952.21px, #0b2c60 1094.24px), linear-gradient(to bottom, var(--blueprint-color), transparent 120px), linear-gradient(to right, var(--blueprint-color), transparent 140px), url('../images/blueprint-ambient-extension.png');
        background-size: 100% 100%, 100% 100%, 100% 100%, auto 1024px;
    }

    .v2-about .ax-intro { --hero-extra: max(0px, calc((100cqw - 1920px) * 995 / 1920)); min-height: calc(995px + var(--hero-extra)); }
    .v2-about .ax-intro::before { background-size: 100% auto; background-position: center top, calc(-100cqw / 1920) top; }
    .v2-about .ax-intro-inner { margin-left: calc(max(0px, (100% - 1920px) / 2) + 168px); padding-top: calc(169px + var(--hero-extra) / 2); }
    .v2-about .ax-values { margin-top: calc(166px + var(--hero-extra) / 2); }
    .v2-about .bleed-committee { background: url('../images/about-committee-background.webp') center top / cover no-repeat, linear-gradient(#102951, #0c2e65); }
    .v2-about .bleed-rankings { background: url('../images/about-rankings-background.webp') center top / cover no-repeat, linear-gradient(120deg, #10346a, #0c2145); }
    .v2-about .bleed-rankings::after { content: ''; position: absolute; inset: auto 0 0; height: 693px; z-index: -1; background: url('../images/about-skyline.webp') center bottom / cover no-repeat; pointer-events: none; }
    .v2-about .bleed-rankings .ax-skyline { visibility: hidden; }
    .v2-about .bleed-galleries { background: url('../images/about-gallery-background.webp') center top / cover no-repeat, linear-gradient(120deg, #102747, #0b3470); }

    .v2-admission .dx-hero, .v2-program .px-hero, .v2-admissions .ix-hero { height: auto; min-height: 943px; aspect-ratio: 1920 / 943; }
    .v2-admission .bleed-process { background: #0b2c60 url('../images/admission-process-background.webp') center top / cover no-repeat; }
    .v2-admission .bleed-faq { background-image: linear-gradient(105deg, #0d3064, #102344); }
    .v2-program .bleed-program-faculty { background: #102851; }
    .v2-program .px-faculty { min-height: calc(2609px + max(0px, (100cqw - 1920px) * 943 / 1920)); }
    .v2-program .px-curriculum.px-container { margin-left: calc(max(0px, (100% - 1920px) / 2) + 153px); }

    .v2-alumni .lx-hero { height: auto; }
    .v2-alumni .lx-statistics .lx-container { width: 1920px; max-width: 100%; margin-inline: auto; }
    .v2-alumni .bleed-alumni-stories { background: #0b2c60; }
    .v2-alumni .bleed-companies { background: url('../images/alumni-companies-background.webp') center / cover no-repeat; }
    .v2-alumni-story .bleed-stories { background: #0b2c60; }

    .v2-admissions .ix-admissions > .ix-interviews { width: 1103.2px; margin-left: auto; margin-right: auto; }
    .v2-admissions .ix-hero { background-image: linear-gradient(transparent 0 87.38%, #0e2755 87.38%), url('../images/admissions-hero-desktop.webp'); }
    .v2-admissions .bleed-consultation { background: url('../images/admissions-consultation-background.webp') center top / cover no-repeat, linear-gradient(#0e2755, #082d76); }
    .v2-admissions .bleed-events { background: url('../images/admissions-events-background.webp') center top / cover no-repeat, linear-gradient(#0e2755, #082d76); }
    .v2-enroll main { max-width: 1920px; margin-inline: auto; }
}