:root{--topo-plain-image: url(/images/home/topographic-fallback.svg);--topo-trails-image: url(/images/home/topographic-trails.svg);--topo-art-width: clamp(960px, 100vw, 1920px);--topo-art-height: clamp(320px, 33.333333vw, 640px);--topo-wash: linear-gradient(90deg, rgba(6,18,27,.78), rgba(6,18,27,.24));--topo-fade: linear-gradient(to bottom, transparent calc(var(--topo-art-height) * .72), #07161d var(--topo-art-height));--header-topography: var(--topo-fade), var(--topo-wash), var(--topo-plain-image);--header-topography-trails: var(--topo-fade), var(--topo-wash), var(--topo-trails-image)}#root :is(.topo-surface,.support-verification-hero,.billing-hero,.conditions-hero,.route-task-header,.home-tools,.checklist-task-header,.peak-compact-hero__summary,.web-guide__layout,.trails-sign-in,.trail-render-header,.trails-quick-map__toolbar),#root .ios-promo-hero:before,#root .ios-promo-carousel:before,#root .ios-promo-final:before,#root .support-hero:before,#root .shell-footer:before{--topo-image: var(--topo-plain-image);background-color:#07161d;background-image:var(--topo-fade),var(--topo-wash),var(--topo-image);background-size:100% 100%,100% 100%,var(--topo-art-width) auto;background-position:center top;background-repeat:no-repeat}#root :is(.topo-surface--trails,.trails-sign-in,.trail-render-header,.trails-quick-map__toolbar){--topo-image: var(--topo-trails-image)}#root :is(.home-tools,.checklist-task-header,.peak-compact-hero__summary){--topo-wash: linear-gradient(110deg, rgba(7,22,29,.88), rgba(7,22,29,.62))}#root .web-guide__layout{--topo-wash: linear-gradient(rgba(7,22,29,.94), rgba(7,22,29,.94))}
