/* session-brand.css, 2026-05-06
   Canonical SESSION wordmark sizing. One source of truth across every
   public surface (signup, tiers, welcome, onboarding, forgot/reset
   password, legal, account-privacy, splash). The wordmark itself is
   /assets/brand/session-tm-white.png on dark backgrounds, /assets/brand
   /session-tm-black.png on light. PNG aspect ratio 1800x477 ≈ 3.775:1.

   Sizing reference, the .session-brand-img--sidebar app header in
   session.html (~28px tall in practice). That's the canonical "md"
   size. Other variants scale around it.

   DO NOT introduce new size variants without locking with Tommy.
   DO NOT inline-style heights that contradict these classes. */

.sv-wordmark {
  display: inline-block;
  vertical-align: middle;
  user-select: none;
  -webkit-user-select: none;
  -webkit-user-drag: none;
  pointer-events: auto;
}

/* Sizes. Aspect ratio is locked by the PNG; we control height only. */
.sv-wordmark--sm { height: 18px; width: auto; }
.sv-wordmark--md { height: 28px; width: auto; }   /* matches session.html app-header size (Tommy's "I like this size") */
.sv-wordmark--lg { height: 64px; width: auto; }   /* hero / signin splash */
.sv-wordmark--xl { height: 96px; width: auto; }   /* full-page hero */

/* Mobile tightening so the xl wordmark never overflows on narrow viewports. */
@media (max-width: 480px) {
  .sv-wordmark--xl { height: 72px; }
  .sv-wordmark--lg { height: 52px; }
}