/* =========================================================
   eyebrow.css  (added 2026-11-13)
   The small labels above each homepage section, like
   "01 / ABOUT WASHTRON ........ NEXT CHAPTER ↓".
   Before, each section styled them a little differently
   (other colours, one had a short line in front, one had
   no line under it). This file makes them all the same.
   It loads LAST, so it wins over the older files.
   ========================================================= */

/* 1. One look for every label: same size, weight, spacing,
      grey-brown colour and a thin line underneath. */
body[data-page="home"] main .chap{
  display:flex;justify-content:space-between;align-items:center;gap:20px;
  padding-bottom:16px;
  border-bottom:1px solid rgba(25,23,21,.14);
  font-size:11px;font-weight:800;letter-spacing:.28em;text-transform:uppercase;
  color:#6f665d;
}
body[data-page="home"] main .chap span{color:inherit}
body[data-page="home"] main .chap .next{color:inherit;text-decoration:none;letter-spacing:.28em}
body[data-page="home"] main .chap .next:hover{color:var(--orange-ink,#d9480f)}

/* 2. On the dark film section (How it works) the same label
      is white, so it can be read on the dark video. */
body[data-page="home"] #how .chap{color:rgba(255,255,255,.75);border-color:rgba(255,255,255,.22)}

/* 3. Locations used a different label before. Now it is the
      same .chap label, so give it the same gap to its heading. */
body[data-page="home"] #locations .loc8-heading .chap{margin-bottom:6px}

/* 4. Phones: slightly smaller letters, like before. */
@media (max-width:760px){
  body[data-page="home"] main .chap{font-size:10px;letter-spacing:.12em}
  body[data-page="home"] main .chap .next{letter-spacing:.12em}
}

/* 5. Wash packages: remove the thin grey "floor" line that
      ran behind the package cards (it came from lux.css). */
body[data-page="home"] #packages .pkstage::after{content:none;display:none}