/* One header footprint, independent of the page's typography or product tools. */
:root{--ls-shared-header-height:88px;--ls-shared-header-gutter:min(6vw,115.2px)}
html:has(.ls-header),html:has(.site-header){scroll-padding-top:100px}
:is(header.ls-header,header.site-header,.about-navigation.ls-header){box-sizing:border-box!important;position:sticky!important;top:0!important;inset-inline:auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:nowrap!important;gap:32px!important;width:100%!important;height:88px!important;min-height:88px!important;max-height:88px!important;margin:0!important;padding:0 var(--ls-shared-header-gutter)!important;background:#000!important;color:#fff!important;border:0!important;border-bottom:1px solid #242424!important;z-index:100!important;font:16px/1.4 Arial,Helvetica,sans-serif!important;letter-spacing:0!important;transform:none!important;filter:none!important;backdrop-filter:none!important;mix-blend-mode:normal!important;opacity:1!important;pointer-events:auto!important;overflow:visible!important;transition:none!important;--ls-logo-width:clamp(320px,28vw,390px)}
:is(.ls-header,.site-header)>a:first-child{box-sizing:border-box!important;display:block!important;position:relative!important;flex:0 0 var(--ls-logo-width)!important;width:var(--ls-logo-width)!important;min-width:0!important;max-width:none!important;height:76px!important;margin:0 0 0 calc(var(--ls-logo-width)*-.1599317)!important;padding:0!important;line-height:0!important;overflow:hidden!important;transition:none!important;background:#000!important}
:is(.ls-header,.site-header)>a:first-child>img{position:absolute!important;left:13.5%!important;top:50%!important;transform:translateY(-50%)!important;width:73%!important;max-width:none!important;height:auto!important;margin:0!important;filter:invert(1)!important}
:is(.ls-header,.site-header)>.ls-navigation{position:static!important;display:block!important;flex:0 0 auto!important;margin:0 0 0 auto!important;padding:0!important}
:is(.ls-header,.site-header) .ls-primary{font:16px/1.4 Arial,Helvetica,sans-serif!important;letter-spacing:0!important;color:#fff!important;background:#000!important}
:is(.ls-header,.site-header) .ls-primary>a,:is(.ls-header,.site-header) .ls-nav-group>summary{font:inherit!important;font-weight:400!important;text-transform:none!important;letter-spacing:0!important;color:#fff!important;white-space:nowrap!important;box-sizing:border-box!important}
:is(.ls-header,.site-header) .ls-submenu{font:14px/1.5 Arial,Helvetica,sans-serif!important;background:#080808!important;color:#fff!important;border:1px solid #333!important;text-align:left!important}
:is(.ls-header,.site-header) .ls-submenu a{font:14px/1.5 Arial,Helvetica,sans-serif!important;letter-spacing:0!important;color:inherit!important;padding:12px 22px!important}
:is(.ls-header,.site-header) .ls-submenu a:hover,:is(.ls-header,.site-header) .ls-submenu a:focus{color:#172b25!important;background:#d2deda!important}
:is(.ls-header,.site-header) .ls-menu-toggle{font:15px/1.4 Arial,Helvetica,sans-serif!important;letter-spacing:0!important;color:#fff!important;background:none!important;border:0!important;min-height:44px!important;padding:8px 0 8px 12px!important}
:is(.ls-header,.site-header) :is(a,button,summary):focus-visible{outline:2px solid #fffef4!important;outline-offset:4px!important}
@media(min-width:1101px){
 :is(.ls-header,.site-header) .ls-menu-toggle{display:none!important}
 :is(.ls-header,.site-header) .ls-primary{position:static!important;display:flex!important;align-items:center!important;gap:44px!important;width:auto!important;max-height:none!important;overflow:visible!important;padding:0!important;margin:0!important;border:0!important;box-shadow:none!important}
 :is(.ls-header,.site-header) .ls-primary>a,:is(.ls-header,.site-header) .ls-nav-group>summary{display:block!important;position:relative!important;padding:16px 0!important;min-height:54px!important}
 :is(.ls-header,.site-header) .ls-nav-group{position:relative!important}
 :is(.ls-header,.site-header) .ls-nav-group>summary>span{position:absolute!important;left:100%!important;top:50%!important;transform:translateY(-50%)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:24px!important;min-width:24px!important;min-height:32px!important;margin:0 0 0 4px!important;font-size:10px!important}
 :is(.ls-header,.site-header) .ls-submenu{position:absolute!important;left:-22px!important;top:100%!important;min-width:235px!important;max-height:calc(100dvh - 110px)!important;overflow:auto!important;padding:12px 0!important;margin:0!important;box-shadow:0 12px 35px #0003!important;z-index:110!important}
}
@media(max-width:1100px){
 :is(.ls-header,.site-header) .ls-menu-toggle{display:flex!important;align-items:center!important;gap:12px!important}
 :is(.ls-header,.site-header) .ls-primary{display:none!important;position:absolute!important;inset:100% 0 auto!important;width:100%!important;max-height:calc(100dvh - 88px)!important;overflow:auto!important;padding:16px var(--ls-shared-header-gutter) 24px!important;margin:0!important;border-bottom:1px solid #333!important;box-shadow:0 15px 25px #0002!important;z-index:110!important;text-align:left!important}
 :is(.ls-header,.site-header) .ls-navigation.is-open .ls-primary{display:block!important}
 :is(.ls-header,.site-header) .ls-primary>a,:is(.ls-header,.site-header) .ls-nav-group>summary{display:block!important;min-height:48px!important;padding:13px 0!important}
 :is(.ls-header,.site-header) .ls-nav-group>summary>span{position:static!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;transform:none!important;width:32px!important;min-width:32px!important;min-height:22px!important;margin:0 0 0 4px!important}
 :is(.ls-header,.site-header) .ls-submenu{position:static!important;box-shadow:none!important;border:0!important;border-left:2px solid #59665d!important;max-height:none!important;margin:0 0 15px 4px!important;padding:0!important}
}
@media(max-width:700px){
 :root{--ls-shared-header-gutter:22px}
 :is(header.ls-header,header.site-header,.about-navigation.ls-header){--ls-logo-width:min(280px,calc(100vw - 110px));gap:12px!important}
 :is(.ls-header,.site-header)>a:first-child{height:64px!important}
}
/* The existing React buttons keep their handlers and accessibility semantics.
   Their floating container sits over the hero rather than consuming header width. */
header.site-header>nav[aria-label]{position:fixed!important;inset:auto max(22px,calc((100vw - 1920px)/2 + 28px)) 24px auto!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-wrap:nowrap!important;width:max-content!important;max-width:calc(100vw - 32px)!important;margin:0!important;padding:7px 10px!important;gap:18px!important;background:#fffffff2!important;backdrop-filter:blur(14px);color:#172b25!important;border:1px solid #d5d9d8!important;border-radius:8px;box-shadow:0 5px 24px #00000014;z-index:90;transition:opacity .15s,visibility .15s}
header.site-header>nav .properties-link{color:#172b25!important;background:transparent!important;border:0!important;padding:8px 4px!important;font:13px/1.4 Arial,sans-serif!important;min-height:40px!important}
header.site-header>nav .specify-link{font:13px/1.4 Arial,sans-serif!important;padding:11px 16px!important;min-width:0!important;min-height:40px!important;gap:0!important;justify-content:center!important;border-radius:3px}
header.site-header>nav .specify-link>span:empty{display:none}
header.site-header>nav .animation-toggle{font:12px/1.4 Arial,sans-serif!important;color:#172b25!important;min-height:40px!important;gap:8px!important;padding:8px 2px!important}
header.site-header>nav .animation-toggle:disabled{display:none!important}
header.site-header>nav .toggle-value{display:inline!important;width:20px!important}
header.site-header>nav :is(button,a):focus-visible{outline-color:#334b43!important}
header.site-header:has(.ls-navigation.is-open)>nav,body.ls-product-tools-hidden header.site-header>nav{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
@media(max-width:700px){header.site-header>nav[aria-label]{right:16px!important;bottom:16px!important;gap:10px!important;padding:5px 9px!important}header.site-header>nav .animation-toggle{font-size:10px!important;gap:6px!important}header.site-header>nav .properties-link,header.site-header>nav .specify-link{font-size:12px!important}}
/* Match scroll-animation offsets to the actual, stable header. */
.lsh-home{--home-header-height:88px!important}
.tour{--tour-header:88px!important;scroll-margin-top:88px!important}
.tour .scroll-scrub__stage,.tour .pending-stage,.tour .tour-overlay-inner{top:88px!important}
.lsa-page .about-navigation.ls-header{isolation:isolate}
.lsa-page .about-tools{top:var(--ls-shared-header-height,88px)!important}
@media print{:is(header.ls-header,header.site-header,.about-navigation.ls-header),header.site-header>nav{display:none!important}}
/* Pinned home showcases sit below the shared sticky header. */
.lsh .hs-enhanced .hs-stage,.lsh .hc-stage{top:88px!important;height:calc(100svh - 88px)!important}