:root{--ac-header-height:93px;--ac-admin-height:0px}
html{scroll-padding-top:0!important}
body .wp-site-blocks>header.wp-block-template-part{position:sticky!important;top:var(--ac-admin-height)!important;left:auto!important;right:auto!important;width:100%!important;z-index:100!important;margin:0!important;align-self:start}
body .ado-header{background:#172024!important;color:#f5f2eb}
body .ado-header-row{border-bottom:1px solid #71827c66!important}
body .ado-main [id],#ac-help [id],#ac-work [id],#ac-about [id]{scroll-margin-top:calc(var(--ac-header-height) + var(--ac-admin-height) + 24px)!important}
body.ado-page-help #ac-help .ah-hero{padding-top:72px!important}
body:has(#ac-work) #ac-work .aw-hero{padding-top:64px!important}
body .ado-mobile-panel:not([hidden]){max-height:calc(100vh - var(--ac-header-height) - var(--ac-admin-height));max-height:calc(100dvh - var(--ac-header-height) - var(--ac-admin-height));overflow-y:auto;overscroll-behavior:contain;background:#172024}
@media(max-width:782px){:root{--ac-header-height:81px}body.ado-page-help #ac-help .ah-hero{padding-top:40px!important}body:has(#ac-work) #ac-work .aw-hero{padding-top:40px!important}}

/* About: transparent over its own cover at the top; opaque while scrolling. */
html:not(.ac-header-scrolled) body:has(#ac-about) .ado-header{background:transparent!important}
body .ado-header{transition:background-color .18s ease}
@media(prefers-reduced-motion:reduce){body .ado-header{transition:none}}