/* LOVELY SHORES IDENTITY. Palette remains in tokens.css; no theme-specific art. */
.brand { min-width: 0; gap: .6rem; font-size: 1.15rem; letter-spacing: -.02em; }
.brand-wordmark { min-width: 0; }
.brand-tagline { font-size: .65rem; letter-spacing: .015em; line-height: 1.4; }
.brand-mark { flex-shrink: 0; border-radius: .75rem; }
.brand-symbol { display: inline-block; width: 1.8rem; height: 1.8rem; background: currentColor; -webkit-mask: url('../branding/lighthouse.svg') center / contain no-repeat; mask: url('../branding/lighthouse.svg') center / contain no-repeat; }
/* Quiet shore lines on the welcome card, rather than extra nautical labels. */
.welcome-card { position: relative; overflow: hidden; }
.welcome-card::after { content: ''; position: absolute; bottom: .35rem; right: -1rem; width: 15rem; height: 2rem; border-top: 1px solid var(--border); border-radius: 50%; transform: rotate(-4deg); pointer-events: none; opacity: .6; }
.welcome-decoration .brand-symbol { width: 4.5rem; height: 4.5rem; }
@media (max-width: 760px) {
  .mobile-brand { font-size: 1rem; gap: .4rem; }
  .mobile-brand .brand-mark { width: 1.9rem; height: 1.9rem; border: 0; background: transparent; }
  .mobile-brand .brand-symbol { width: 1.6rem; height: 1.6rem; }
  .mobile-brand .brand-tagline { font-size: .58rem; }
  .welcome-decoration .brand-symbol { width: 2.5rem; height: 2.5rem; }
  .welcome-card::after { width: 9rem; }
}
@media (max-width: 420px) {
  .mobile-brand { font-size: .95rem; }
  .mobile-brand .brand-tagline { font-size: .55rem; letter-spacing: 0; }
  .mobile-brand .brand-mark { display: none; }
  .access-brand { font-size: 1rem; }
}