/* =====================================================================
   THE FINAL LOCKUP  ·  css/lockup.css
   Ruled 2026-07-28 (evening). Closes OPEN-CALL 4.

   The Royal Ai lockup is the header logo on every page of every site in
   the family. One logo, one family. The old rule - each hub keeps its own
   wordmark - is dead.

   THIS FILE EXISTS FOR ONE REASON: the lockup rule has to live in exactly
   one place or it rots page by page. Two page systems run in this tree -
   the front door loads _royal-system/royal-system.css + front-door.css,
   the deep pages load css/royal-system.css + css/site.css - and neither
   of them owns the lockup. Rather than write the same two declarations
   into fifteen <style> blocks, or edit a shared system that six hubs
   share, the rule ships once, here, and every page in the tree links it
   last.

   It is deliberately tiny and deliberately collision-free: three
   selectors, none of which either system defines.

   SET THE HEIGHT, NEVER THE WIDTH. The viewBox 146 450 694 128 fixes the
   aspect at 5.42:1 and the width follows. Setting a width crushes it.

   Royal Mortgage LLC · NMLS #2059962
   ===================================================================== */

/* The hidden <symbol> sheet at the top of <body>. Off-flow and zero-sized,
   never display:none - a display:none SVG is not guaranteed to paint
   through <use> in every engine. */
.svgsheet{position:absolute;width:0;height:0;overflow:hidden}

/* THE MARK. Height only. 34px on a phone, 44px on a desk - the same
   optical weight the Royal Mortgage lockup carried at 44px, adjusted for
   this mark's wider 5.42:1 aspect so it never crowds the nav beside it. */
.brandmark{height:clamp(26px,4.4vw,38px);width:auto;display:block;overflow:visible}

/* On the front door and the four layer pages the lockup is the page's
   whole mark, centred under nothing, so it gets the larger cut. */
.markwrap .brandmark{height:clamp(34px,7.2vw,58px)}
