:root{--site-header-height:106px;--header-base-height:106px}
body{padding-top:var(--site-header-height)}
.header,.career-page .header,.saas-page .header{position:fixed;inset:0 0 auto;z-index:30;height:auto;min-height:var(--header-base-height);background:#101211f5;backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
html{scroll-padding-top:calc(var(--site-header-height) + 20px)}
.chapter-sidebar,.role-gallery{top:calc(var(--site-header-height) + 24px)}
.skip-link{z-index:60}
@media(max-width:800px){:root{--site-header-height:88px;--header-base-height:88px}.header nav{gap:23px}.header,.career-page .header,.saas-page .header{gap:20px}}
@media(max-width:560px){:root{--site-header-height:132px;--header-base-height:132px}.header,.career-page .header,.saas-page .header{height:auto;min-height:var(--header-base-height);padding:16px 6% 12px;gap:8px;align-content:center;flex-wrap:wrap}.header nav,.career-page .header nav{width:100%;order:2;justify-content:space-between;gap:8px;flex-wrap:wrap}.header nav a,.career-page .header nav a{font-size:13px}.header .wordmark{margin-right:auto}.header .nav-contact{display:none}}
