/* ============================================================================
   Room Two — brand assets. THE ONE FILE TO CHANGE.

   When the final vector artwork arrives, drop the .svg files into this folder
   and change the src attributes in the markup (search: assets/brand/) plus the
   two lockup URLs below. The logo is real <img> markup, not a CSS background:
   a stylesheet that fails to load must never turn the logo into the letters
   "R2", which is exactly what the previous CSS-only version did.

   Assets in this folder:
     room-two-mark.png         doorway mark, evergreen ink, transparent
     room-two-mark-cream.png   doorway mark, cream ink, transparent
     room-two-logo-light.png   full lockup on its off-white plate
     room-two-logo-dark.png    full lockup on its evergreen plate
     room-two-logo-cream.png   full lockup, cream ink, NO plate
     room-two-logo-green.png   full lockup, evergreen ink, NO plate
     icon-16/32/48, apple-touch-icon, icon-512; favicon.ico at the site root

   Rules the founder set, encoded here so they cannot drift:
     - never stretched (width and height are declared and the aspect is fixed)
     - never recoloured (two inks only: evergreen #1A4A2D, cream #F4EDDC)
     - never rearranged (the lockup is used whole, or the mark is used alone)
     - no shadows, no gradients, no filters on the logo itself
   ========================================================================== */

:root{
  --rt-green:#1A4A2D;
  --rt-cream:#F4EDDC;
}

/* ── Nav ────────────────────────────────────────────────────────────────────
   The doorway mark beside the wordmark. The word "Room Two" stays live text in
   the site serif — the same face the lockup is drawn in — because at nav height
   the lockup's stacked "PRIVATE CLIENT RECAPS" line renders about five pixels
   tall and reads as grey mush. The full lockup is used where there is vertical
   room: the footer, the sign-in panel, and email headers. */
.brand{ display:flex; align-items:center; gap:11px }
.brand-img{ display:block; width:41px; height:33px; flex:none }
.brand-img-light{ display:none }

/* A light nav (and the mobile menu, which inverts a light nav to dark) swaps
   the ink. Two files rather than a filter: never recolour the mark. */
.nav.light .brand-img{ display:none }
.nav.light .brand-img-light{ display:block }
body.menu-open .nav.light .brand-img{ display:block }
body.menu-open .nav.light .brand-img-light{ display:none }

@media (max-width:560px){
  .brand-img{ width:34px; height:27px }
}

/* ── Footer: the full lockup, cream ink on the dark ground ───────────────── */
.brand-foot{ display:block }
.foot-lockup{ display:block; width:190px; height:auto; max-width:100% }

/* ── Sign-in / sign-up panel ─────────────────────────────────────────────── */
.brand-auth{ display:block }
.auth-lockup{ display:block; width:210px; height:auto; max-width:100% }

/* ── Standalone lockups (print, explainer pages) ─────────────────────────── */
.rt-lockup, .rt-lockup-dark{ display:block; width:200px; height:auto }

/* ── "Powered by Room Two" badge, free tier only ─────────────────────────── */
.rt-badge{
  display:inline-flex; align-items:center; gap:7px;
  font-family:var(--sans, system-ui, sans-serif); font-size:11px; letter-spacing:.04em;
  color:var(--muted, #5A6067); text-decoration:none; opacity:.75;
}
.rt-badge:hover{ opacity:1 }
.rt-badge::before{
  content:""; width:17px; height:14px; flex:none;
  background-image:url("room-two-mark.png");
  background-repeat:no-repeat; background-position:center; background-size:contain;
}