/* SMOOTH.CSS (15 Nov 2026): makes scrolling smoother. Loaded last. Nothing changes in the look.
   1. The gold Colombo skyline used "background-attachment: fixed" on 7 big sections.
      Browsers must repaint all of those on EVERY scroll step, which made the page lag.
      Now the skyline is painted ONCE on a still layer behind the page (body::before),
      and those light sections are see-through, so you see the same picture without the repaints.
      Desktop only: phones already used a normal scrolling skyline (css/phone-fix.css). */
@media screen and (min-width:761px){
  html[data-sky] body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
    background:#F4F2EE var(--sky) center bottom/max(100vw,1100px) auto no-repeat}
  html[data-sky] body{background-image:none!important}
  html[data-sky] #stations,
  html[data-sky] #faq,
  html[data-sky] #franchise,
  html[data-sky] #packages.glassroom,
  html[data-sky] #packages #show{background-image:none!important;background-attachment:scroll!important;background-color:transparent!important}
  /* App slides OVER the packages, so it stays solid cream and gets its own still copy of the
     skyline (clip-path keeps that copy inside the App section) */
  html[data-sky] #app{background-image:none!important;background-attachment:scroll!important;background-color:#F4F2EE!important;clip-path:inset(0)}
  html[data-sky] #app::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
    background:var(--sky) center bottom/max(100vw,1100px) auto no-repeat}
}
/* 2. Locations: the extra station maps wait hidden behind the one you see */
#mapbox iframe.off{visibility:hidden}