/* One home header, with no enclosing panel, stays above every section. */
:root{--shared-header-height:58px;--shared-header-top:25px}
.header.shared-header{position:fixed!important;top:var(--shared-header-top);left:50%;transform:translateX(-50%);width:90%;max-width:1512px;z-index:1000;margin:0!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:#fafafa}
.shared-header-space{height:var(--shared-header-height);flex:none}
.client-header{visibility:hidden!important;pointer-events:none!important;height:var(--shared-header-height)!important;margin-bottom:20px!important}
#detail-dialog.with-shared-header>.detail-top{display:none!important}
#detail-dialog.with-shared-header:not(.client-detail):not(.professional-detail){padding-top:calc(var(--shared-header-height) + 50px)}
.pro-sheet.with-shared-header .bm-experience{padding-top:calc(var(--shared-header-height) + 70px)}
.pro-sheet.with-shared-header .pro-sheet-close{top:calc(var(--shared-header-height) + 35px)}
.xp-dialog.with-shared-header .xp-shell{padding-top:calc(var(--shared-header-height) + 40px)}
.xp-dialog.with-shared-header .xp-brand{visibility:hidden}
.info-dialog.with-shared-header{padding-top:calc(var(--shared-header-height) + 50px)}
.header.shared-header .availability{display:inline-block!important}
.header.shared-header .main-nav button:is(:hover,:focus-visible){transform:none}
@media(max-width:760px){:root{--shared-header-top:18px}.header.shared-header{width:90%}.header.shared-header .availability{font-size:9px;padding:8px 10px}.header.shared-header .header-right{gap:9px}.header.shared-header .wordmark{--logo-width:145px}.header.shared-header .main-nav{order:3;width:100%;margin-left:0;justify-content:space-around}.header.shared-header .main-nav button{flex:1;padding:10px 8px;font-size:12px}.header.shared-header{gap:12px;row-gap:14px;flex-wrap:wrap}}
/* The same readable copy measure is shared by home and explanatory pages. */
.hero-copy,.client-copy,.detail-copy,.bm-intro{max-width:560px}
@media(max-width:760px){.hero-copy,.client-copy,.detail-copy,.bm-intro{width:100%;max-width:100%;box-sizing:border-box}.hero-copy h1,.client-copy h2,.detail-copy h2,.bm-intro h3{max-width:100%;width:100%;overflow-wrap:normal}.hero-description,.hero-subline{white-space:normal}.bm-intro p{max-width:100%}}
/* Mobile app-style header sheet: content scrolls beneath one frosted surface. */
@media(max-width:760px){
.header.shared-header{isolation:isolate}
.header.shared-header:before{content:'';position:absolute;top:-18px;bottom:-13px;left:-5.56%;right:-5.56%;z-index:-1;border-radius:0 0 27px 27px;border:1px solid #ffffff32;border-top:0;background:linear-gradient(135deg,#393539a8,#1a171cc2);backdrop-filter:blur(30px) saturate(125%) brightness(.65);-webkit-backdrop-filter:blur(30px) saturate(125%) brightness(.65);box-shadow:inset 0 -1px 1px #ffffff35,0 10px 28px #0004;pointer-events:none}
}
/* Desktop uses the same fixed frosted sheet as the phone layout. */
@media(min-width:761px){.header.shared-header{isolation:isolate}.header.shared-header:before{content:'';position:absolute;top:calc(-1 * var(--shared-header-top));bottom:-14px;left:-5.56%;right:-5.56%;z-index:-1;border:1px solid #ffffff32;border-top:0;border-radius:0 0 27px 27px;background:linear-gradient(135deg,#393539a8,#1a171cc2);backdrop-filter:blur(30px) saturate(125%) brightness(.65);-webkit-backdrop-filter:blur(30px) saturate(125%) brightness(.65);box-shadow:inset 0 -1px 1px #ffffff35,0 10px 28px #0004;pointer-events:none}.header.shared-header .main-nav{background:#ffffff0b;border-color:#ffffff3c;backdrop-filter:blur(8px)}}
