/* ============================================================
   SECTIONS — ownership, businesses, your-day/FAQ brought onto the
   site's language. Loaded after ground.css. Values from the design
   language: #242424 dark card at 40px, #FFFFFA tiles at 20px, glass
   rgba(227,227,227,.45), no shadows, Manrope only.
   ============================================================ */

/* ---- ownership: now its own file, src/css/ownership.css (the fish and the
   rod told as three routes in the site's horizontal accordion). The dark
   selr-band it used to be is gone. Its neighbours still need their own
   ground so nothing leads into purple. ---- */
/* Schedule swells to the WARM CANVAS #F6F3EC, same value #businesses uses
   below, NOT the near-white #FCFCFA it had. The cards in this section are
   #FFFFFA: against near-white that is three points of difference, so the
   whole folding stack sat on a ground it could not be seen against and the
   section read as blank (Luke: "really bland", 2026-08-19). Nine points down
   and the cards, the deck edges and the roll all read.
   NOTE: this rule beats the one in ground.css, which loads earlier and is
   also !important. Edit the schedule's ground HERE, not there. */
#schedule {
  background: linear-gradient(180deg, #FAF9F5 0%, #F6F3EC 26%, #F6F3EC 64%, #FAF9F5 100%) !important;
}
#businesses {
  background: linear-gradient(180deg, #FAF9F5 0%, #F6F3EC 40%, #F6F3EC 60%, #FAF9F5 100%) !important;
}

/* ---- businesses: bigger, doubled, blended into the ground ---- */
#businesses.selr-businesses { padding: 110px 0 60px; overflow: hidden; }
#businesses .selr-businesses-inner {
  width: 100%;
  max-width: none;
  padding: 0;
  border-radius: 0;
  background: transparent;
  border: 0;
  display: flex; flex-direction: column; align-items: center; gap: 56px;
}
#businesses .selr-businesses-copy { text-align: center; padding: 0 20px; }
#businesses .selr-businesses-copy h2 {
  max-width: 100%;
  font-family: "Manrope Variable", "Manrope", sans-serif;
  font-weight: 400;
  font-variation-settings: "wght" 585;
  letter-spacing: -0.04em;
  line-height: 1.05;
}
#businesses .selr-businesses-rails { width: 100%; display: flex; flex-direction: column; gap: 16px; }
/* industries strip: one drifting line of the room's industries */
#businesses .selr-industries-rail.selr-rail {
  display: flex; align-items: center; gap: 0; padding: 0 20px;
  overflow-x: auto; scrollbar-width: none; width: 100%;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
          mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}
#businesses .selr-industries-rail.selr-rail::-webkit-scrollbar { display: none; }
#businesses .selr-industry {
  flex: none; display: inline-flex; align-items: center;
  font-family: "Manrope Variable", "Manrope", sans-serif;
  font-weight: 400; font-variation-settings: "wght" 585;
  font-size: 30px; line-height: 1.2; letter-spacing: -0.04em; color: #242424;
  white-space: nowrap;
}
#businesses .selr-industry::after {
  content: ""; display: inline-block; width: 8px; height: 8px; border-radius: 50%;
  background: #6736E2; margin: 0 22px;
}
@media (max-width: 809.98px) {
  #businesses .selr-industry { font-size: 20px; }
  #businesses .selr-industry::after { width: 6px; height: 6px; margin: 0 14px; }
}
#businesses .selr-businesses-rail.selr-rail {
  display: flex; gap: 16px; padding: 0 20px;
  overflow-x: auto; scrollbar-width: none;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
          mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}
#businesses .selr-businesses-rail.selr-rail::-webkit-scrollbar { display: none; }
#businesses .selr-businesses-rail.selr-rail > .selr-business-logo {
  flex: none;
  width: 260px; height: 150px;
  border-radius: 30px;
  background-color: #FFFFFA;
  border: 1px solid rgba(227,227,227,.45);
}
#businesses .selr-business-logo::after { inset: 40px 44px; }
/* second row runs the other way: mirror the rail, unmirror the tiles */
#businesses .selr-rail-b { transform: scaleX(-1); }
#businesses .selr-rail-b > .selr-business-logo { transform: scaleX(-1); }
@media (max-width: 809.98px) {
  #businesses.selr-businesses { padding: 70px 0 60px; }
  #businesses .selr-businesses-inner { gap: 34px; }
  #businesses .selr-businesses-rail.selr-rail > .selr-business-logo { width: 190px; height: 110px; border-radius: 20px; }
  #businesses .selr-business-logo::after { inset: 28px 30px; }
}

/* your-day / FAQ is owned by faq.css */