/* Scene navigation keeps the original landing sections and their shared sizing container. */
html:has(body.has-home-scenes) {
    scrollbar-gutter: stable;
}

#page-content.home-scenes {
    min-height: calc(100svh - var(--scene-chrome-height, 112px));
    overflow-anchor: none;
}

#page-content.home-scenes > [data-home-scene][hidden] {
    display: none !important;
}

#page-content.home-scenes.is-transitioning {
    pointer-events: none;
}

.has-home-scenes .development-banner {
    position: sticky;
    top: 0;
}

.has-home-scenes .site-header.site-header--landing {
    position: sticky;
    top: var(--scene-banner-height, 48px);
}

/* The home photo keeps its original overlap; other scenes begin below the header. */
.has-home-scenes[data-active-home-scene="owners"] .site-header.site-header--landing,
.has-home-scenes[data-active-home-scene="clinics"] .site-header.site-header--landing {
    margin-bottom: 0;
}

.has-home-scenes[data-active-home-scene="owners"] .landing-frame #page-content.home-scenes,
.has-home-scenes[data-active-home-scene="clinics"] .landing-frame #page-content.home-scenes {
    padding-top: 0;
}

.has-home-scenes .site-header--landing .header-nav {
    position: relative;
}

.has-home-scenes .site-header--landing .header-nav a[data-home-anchor][aria-current="page"] {
    color: var(--accent);
}

.has-home-scenes .header-nav a[data-home-anchor].active::after {
    content: none;
}

.home-scene-nav-indicator {
    position: absolute;
    left: 0;
    bottom: -6px;
    width: 0;
    height: 2px;
    border-radius: 999px;
    background: var(--accent);
    opacity: 0;
    pointer-events: none;
}

.home-scene-nav-indicator.is-positioned {
    transition: left .5s cubic-bezier(.22, .75, .18, 1),
        width .5s cubic-bezier(.22, .75, .18, 1),
        opacity .2s ease;
}

/* A brief warm bloom stays beneath the navigation and never receives input. */
.home-scene-light {
    position: fixed;
    z-index: 45;
    inset: var(--scene-chrome-height, 112px) 0 0;
    background:
        radial-gradient(ellipse at 72% 42%, rgba(255, 149, 72, .28), rgba(255, 192, 130, .13) 34%, transparent 70%),
        radial-gradient(ellipse at 38% 58%, rgba(255, 229, 191, .16), transparent 58%);
    opacity: 0;
    pointer-events: none;
}

@media (min-width: 1201px) {
    .has-home-scenes #ownersSection .owners-visual__sticky {
        top: var(--scene-chrome-height, 112px);
        height: calc(100svh - var(--scene-chrome-height, 112px));
    }
}

@media (max-width: 1024px) {
    .has-home-scenes .home-scene-nav-indicator {
        bottom: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .has-home-scenes .home-scene-nav-indicator {
        transition: none;
    }

    .home-scene-light {
        display: none;
    }
}