/* Section media is independent of the hero banner and leaves content geometry intact. */
.portal-section {
    --portal-section-min-height: 0px;
    --portal-section-vertical-align: stretch;
    min-height: var(--portal-section-min-height, 0px);
    --portal-section-background-image: initial;
    --portal-section-mask-opacity: 0;
    --portal-section-mask-color: #000000;
    --portal-section-video-fit: cover;
}
.portal-section > .portal-section__inner { align-self: var(--portal-section-vertical-align, stretch); }
.portal-page.TodayBottom > .portal-section.portal-section--portal {
    background-image: var(--portal-section-background-image, none);
    background-size: var(--portal-section-background-size, cover);
    background-repeat: var(--portal-section-background-repeat, no-repeat);
    background-position: var(--portal-section-background-position, center center);
}
.portal-section:has(> .portal-section-background-image),
.portal-section:has(> .portal-section-background-video),
.portal-section:has(> .portal-section-background-mask) { position: relative; isolation: isolate; }
.portal-section > .portal-section-background-image,
.portal-section > .portal-section-background-video,
.portal-section > .portal-section-background-mask {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
    border-radius: inherit;
    pointer-events: none;
}
.portal-section > .portal-section-background-image {
    z-index: -3;
    background-image: var(--portal-section-background-image, none);
    background-size: var(--portal-section-background-size, cover);
    background-repeat: var(--portal-section-background-repeat, no-repeat);
    background-position: var(--portal-section-background-position, center center);
}
.portal-section > .portal-section-background-video {
    z-index: -2;
    object-fit: var(--portal-section-video-fit, cover);
    object-position: var(--portal-section-background-position, center center);
}
.portal-section-background-video[hidden] { display: none; }
.portal-section > .portal-section-background-mask {
    z-index: -1;
    background-color: var(--portal-section-mask-color, #000000);
    opacity: calc(var(--portal-section-mask-opacity, 0) / 100);
}