.section-header--pinned{transform:translateY(0)}.section-header--unpinned{transform:translateY(-2.5rem);box-shadow:0 1px 2px 0 rgb(0 0 0/.05)}.section-header--unpinned .top-navigation-desktop{opacity:0;pointer-events:none}:not(:has([data-header-variant=transparent])) .section-header .bg-white{background:#141414}:not(:has([data-header-variant=transparent])) .section-header .text-brand-black{color:#fff}:not(:has([data-header-variant=transparent])) .section-header .bg-white\/10{background:#f2f2f2}:has([data-header-variant=transparent]) .section-header--scrolled .bg-white{background:#141414}:has([data-header-variant=transparent]) .section-header--scrolled .text-brand-black{color:#fff}:has([data-header-variant=transparent]) .section-header--scrolled .bg-white\/10{background:#f2f2f2}:has([data-header-variant=transparent]) .section-header{background:transparent;color:#fff}:has([data-header-variant=transparent]) .section-header--top img{filter:brightness(0) invert(1);transition:all .3s}:has([data-header-variant=transparent]) .section-header--top [data-role=logo]{--logo-color:255 255 255}:has([data-header-variant=transparent]) .section-header--scrolled{background:#fff;color:#141414}:has([data-header-variant=transparent]) .section-header--scrolled img{filter:none}