/* Sitewide header wordmark: keep "Keller New York" 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. */
.kny-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) {
  .kny-wordmark { white-space: nowrap; min-width: 0; }
  .kny-wordmark__brand, .kny-wordmark__sub { display: block; }
  .kny-wordmark__sub { margin-top: 0.35rem; }
}
@media (min-width: 768px) {
  .kny-wordmark__brand { font-size: 1.875rem; letter-spacing: 0.3em; }
}