/* Give the wordmark and navigation equal breathing room above and below. */
html:root{--fresh-header-height:80px}
#navbar_ #main_nav{min-height:var(--fresh-header-height);padding-top:15px;padding-bottom:15px;align-items:center}
#navbar_ #main_nav .navbar-brand{display:flex;align-items:center;margin-top:0;margin-bottom:0}
@media(max-width:1100px){
 html:root{--fresh-header-height:72px}
 #navbar_ #main_nav{padding-top:11px;padding-bottom:11px}
 #navbar_ #main_nav .navbar-collapse{max-height:calc(100svh - var(--fresh-header-height));overflow-y:auto}
}

/* Keep the opening content below the taller fixed navigation. */
#main-content > .fresh-film-opening{margin-top:var(--fresh-header-height)!important}
#main-content > .contact-conversion-page{padding-top:var(--fresh-header-height)}
#main-content > .fresh-project-story{padding-top:calc(var(--fresh-header-height) - 62px)}
#main-content.fresh-office-page{padding-top:calc(32px + var(--fresh-header-height) - 62px)}