/* STNW brand — wordmark treatments
   ----------------------------------
   Three locked variants:
     .stnw-logo--long                       Option 6  — plain wordmark (no divider)
     .stnw-logo--long  + __divider span     Option C2 — wordmark with iron divider
     .stnw-logo--short + __divider span     Option B2 — short "ST | NW" mark

   Tokens (must stay in sync with the design system):
     rubber  #2C2926  — primary text ("Same Time" / "ST")
     clay    #DB8061  — accent text  ("Next Week" / "NW")
     iron    #5A5856  — divider only

   Font requirement: Manrope 700. Load it once per page, e.g.
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Manrope:wght@700&display=swap" rel="stylesheet">

   All sizes are em-relative — set font-size on the parent and everything scales.
   Use min-width on the divider so it never falls below 1 device pixel.
*/

.stnw-logo {
  font-family: 'Manrope', system-ui, -apple-system, sans-serif;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1;
  white-space: nowrap;
  display: inline-block;
}

.stnw-logo__primary { color: #2C2926; }
.stnw-logo__accent  { color: #DB8061; }

.stnw-logo__divider {
  display: inline-block;
  background: #5A5856;
  width: 0.05em;
  min-width: 1px;
  vertical-align: -0.08em;
}

/* Long form — Option C2 */
.stnw-logo--long .stnw-logo__divider {
  height: 0.85em;
  margin: 0 0.12em;
}

/* Short form — Option B2 */
.stnw-logo--short {
  letter-spacing: -0.03em;
}
.stnw-logo--short .stnw-logo__divider {
  height: 0.9em;
  margin: 0 0.08em;
  vertical-align: -0.1em;
}