/* PiP.Pro brand logo — single source of truth.
   Link this on every page: <link rel="stylesheet" href="/logo.css">
   Markup:
   <a href="/" class="logo">
     <svg class="mark" viewBox="3 11 57 42" ...> ...the PiP frame mark... </svg>
     <span class="wm">PiP<span class="dot"></span>Pro</span>
   </a>
   Spec (locked 2026-06-29): Space Grotesk 700, icon = 1.098x cap-height,
   icon top on the cap line, dot is the only colour break. */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@700&display=swap');

.logo{font-family:'Space Grotesk',sans-serif;font-size:1.5rem;font-weight:700;letter-spacing:-0.03em;display:inline-flex;align-items:baseline;line-height:1;text-decoration:none}
.logo .mark{height:0.78em;width:auto;flex:none;transform:translateY(0.07em);margin-right:0.06em}
.logo .wm{color:var(--text,#EAEAF2)}
.logo .dot{display:inline-block;width:0.135em;height:0.135em;border-radius:50%;background:var(--cyan,#00E5FF);vertical-align:0.04em;margin:0}