:root {
 --header-height: 94px;
 --hero-top: 155px;
 --safe-top: env(safe-area-inset-top, 0px);
}
html { scroll-padding-top: calc(var(--header-height) + var(--safe-top) + 16px); }
.header {
 position: fixed;
 inset: 0 0 auto;
 z-index: 40;
 height: calc(var(--header-height) + var(--safe-top));
 padding-top: var(--safe-top);
 background: #0b0e10;
 border: 0;
 box-shadow: none;
 backdrop-filter: none;
 -webkit-backdrop-filter: none;
 opacity: 1;
}
.header nav { display: none; }
.header-cta { margin-left: auto; background: transparent; }
.header .brand, .header .menu-toggle { background: transparent; }
.home { padding-top: calc(var(--hero-top) + var(--safe-top)); }
.mobile-menu:not([hidden]) {
 position: fixed;
 top: calc(var(--header-height) + var(--safe-top));
 z-index: 39;
 max-height: calc(100dvh - var(--header-height) - var(--safe-top) - env(safe-area-inset-bottom, 0px) - 16px);
}
@media (max-width: 800px) {
 :root { --header-height: 82px; --hero-top: 132px; }
}
@media (max-width: 600px) {
 :root { --header-height: 76px; --hero-top: 134px; }
}