.brand-backdrop{--bb-top:var(--sky-1,var(--soft));--bb-stop:72%;background:linear-gradient(to bottom, var(--bb-top) 0%, var(--bg) var(--bb-stop))}.dark .brand-backdrop{--bb-top:var(--sky-2,var(--soft))}.brand-backdrop[data-subtle]{--bb-stop:38%}.brand-backdrop-fade{-webkit-mask-image:linear-gradient(#000 0% 58%,#0000 96%);mask-image:linear-gradient(#000 0% 58%,#0000 96%)}.brand-backdrop[data-reading] .brand-backdrop-fade{-webkit-mask-image:linear-gradient(#000 0% 25%,#0000 55%);mask-image:linear-gradient(#000 0% 25%,#0000 55%)}.brand-backdrop-routes{transition:opacity 1s}.brand-backdrop[data-live] .brand-backdrop-routes{opacity:0}.brand-backdrop-dune{--bb-col:560px;-webkit-mask-image:linear-gradient(to right, #000 0, #000 calc(50% - var(--bb-col) - 96px), transparent calc(50% - var(--bb-col) - 8px), transparent calc(50% + var(--bb-col) + 8px), #000 calc(50% + var(--bb-col) + 96px), #000 100%);-webkit-mask-image:linear-gradient(to right, #000 0, #000 calc(50% - var(--bb-col) - 96px), transparent calc(50% - var(--bb-col) - 8px), transparent calc(50% + var(--bb-col) + 8px), #000 calc(50% + var(--bb-col) + 96px), #000 100%);mask-image:linear-gradient(to right, #000 0, #000 calc(50% - var(--bb-col) - 96px), transparent calc(50% - var(--bb-col) - 8px), transparent calc(50% + var(--bb-col) + 8px), #000 calc(50% + var(--bb-col) + 96px), #000 100%)}