/* Sitewide header wordmark: keep "Daylight" on ONE line on narrow phones.
   At 320px the compiled app.css (24px, 0.3em tracking) wrapped it onto two lines.
   Scoped override because the app.css SCSS build (node-sass) does not run on node 22;
   the same values belong in sass/components/_nav.scss when that build is restored. */
.daylight-wordmark__brand {
  font-size: clamp(1.05rem, 6vw, 1.5rem);
  letter-spacing: clamp(0.08em, 0.9vw + 0.02em, 0.3em);
}
/* Phones: brand and sub-line (e.g. "Luxury Division") stack deliberately, one line each. */
@media (max-width: 767.98px) {
  .daylight-wordmark { white-space: nowrap; min-width: 0; }
  .daylight-wordmark__brand, .daylight-wordmark__sub { display: block; }
  .daylight-wordmark__sub { margin-top: 0.35rem; }
}
@media (min-width: 768px) {
  .daylight-wordmark__brand { font-size: 1.875rem; letter-spacing: 0.3em; }
}