/* Site-wide floating header: no full-width strip/background on public pages. */
.site-header{
    background:transparent!important;
    border-bottom:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
}

/* Inner pages float over the first hero instead of reserving a full-width bar. */
.inner-page .site-header{
    position:absolute;
    top:0;
    left:0;
    right:0;
    z-index:50;
    width:100%;
}
.inner-page .site-header .nav{
    background:transparent!important;
}

/* Keep only the navigation pill itself visible/readable. */
.inner-page .site-header .nav nav{
    background:rgba(244,248,251,.92);
    border:1px solid rgba(216,229,237,.82);
    box-shadow:0 14px 36px rgba(7,31,49,.12);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
}

/* Reserve comfortable content space under the floating header. */
.inner-page main > .page-hero:first-child{padding-top:170px}
.inner-page main > .page-hero.compact:first-child{padding-top:160px}
.inner-page main > .about-page-hero:first-child{padding-top:178px}
.inner-page main > .contact-page-hero:first-child{padding-top:168px}
.inner-page main > .concern-hero:first-child .concern-hero-inner{padding-top:128px}
.inner-page main > .company-hero:first-child{padding-top:160px}

/* If a page intentionally has no hero, don't let the floating header cover content. */
.inner-page main > .section:first-child,
.inner-page main > .stats:first-child,
.inner-page main > article:first-child > .page-hero:first-child{padding-top:160px}

@media(max-width:900px){
    .inner-page .site-header .nav nav{
        background:rgba(255,255,255,.97);
        backdrop-filter:blur(14px);
        -webkit-backdrop-filter:blur(14px);
    }
    .inner-page main > .page-hero:first-child,
    .inner-page main > .page-hero.compact:first-child,
    .inner-page main > .about-page-hero:first-child,
    .inner-page main > .contact-page-hero:first-child,
    .inner-page main > .company-hero:first-child{padding-top:145px}
    .inner-page main > .concern-hero:first-child .concern-hero-inner{padding-top:112px}
    .inner-page main > .section:first-child,
    .inner-page main > .stats:first-child,
    .inner-page main > article:first-child > .page-hero:first-child{padding-top:145px}
}

@media(max-width:600px){
    .inner-page main > .page-hero:first-child,
    .inner-page main > .page-hero.compact:first-child,
    .inner-page main > .about-page-hero:first-child,
    .inner-page main > .contact-page-hero:first-child,
    .inner-page main > .company-hero:first-child{padding-top:125px}
    .inner-page main > .concern-hero:first-child .concern-hero-inner{padding-top:96px}
    .inner-page main > .section:first-child,
    .inner-page main > .stats:first-child,
    .inner-page main > article:first-child > .page-hero:first-child{padding-top:125px}
}