/* Maps uses Shape's shared header unchanged; these rules wire its controls here. */
.shared-masthead #motion-toggle{min-height:44px;padding:7px 11px;border:1px solid #f1e4c873;background:transparent;color:#f1e4c8;font:400 .8rem/1.65 Companion,Arial,sans-serif;white-space:nowrap;cursor:pointer}
.shared-masthead #motion-toggle:hover,.shared-masthead #motion-toggle[aria-pressed=true]{border-color:#d6a45e;color:#d6a45e}
.shared-masthead #motion-toggle:disabled{cursor:default}
#top,#collections{scroll-margin-top:calc(var(--masthead-height,90px) + 18px)}
.atlas-stage{top:var(--masthead-height,90px);min-height:calc(90svh - var(--masthead-height,90px));padding-top:10svh;padding-bottom:8svh}
.surface-splash{top:max(8%,calc(var(--masthead-height,90px) + 24px))}
.skip{z-index:20}
.still *,.still *::before,.still *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.still .atmosphere>div{transform:none!important;will-change:auto}
@media(max-width:760px){.shared-masthead #motion-toggle{grid-row:1;grid-column:2;margin-left:auto;font-size:.8rem;padding:3px 9px;min-height:36px}}
@media(max-width:640px){.atlas-stage{min-height:calc(85svh - var(--masthead-height,110px));padding-top:7svh;padding-bottom:7svh}.surface-splash{top:max(6%,calc(var(--masthead-height,110px) + 24px))}}
@media(max-width:380px){.shared-masthead #motion-toggle{font-size:.75rem;padding-inline:7px}}