/**
 * VinylPac — shared design tokens (fonts + color/spacing variables).
 * Linked by every landing page that uses this token set. Byte-identical
 * to what was previously copy-pasted into each page's inline <style>.
 *
 * NOTE: home.html intentionally does NOT use this file — its tokens have
 * diverged (different --nav-h, different --g06 shade) from a past design
 * pass. Converging it onto this file would be a visual change, not just
 * a dedupe, so it's left as-is pending a decision on which is correct.
 */
@font-face{font-family:'Henju';src:url('assets/Henju-Regular.otf') format('opentype');font-weight:400;font-display:swap}
@font-face{font-family:'Henju';src:url('assets/Henju-Medium.otf') format('opentype');font-weight:500;font-display:swap}
@font-face{font-family:'Henju';src:url('assets/Henju-SemiBold.otf') format('opentype');font-weight:600;font-display:swap}
@font-face{font-family:'Brocode Display';src:url('assets/BrocodeDisplay-Light.otf') format('opentype');font-weight:300;font-display:swap}
@font-face{font-family:'Brocode Display';src:url('assets/BrocodeDisplay-SemiBold.otf') format('opentype');font-weight:600;font-display:swap}
:root{--black:#000;--g80:#333;--g60:#666;--g40:#999;--g20:#ccc;--g10:#e6e6e6;--g06:#f2f2f2;--white:#fff;
  --body:'Henju',system-ui,sans-serif;--disp:'Brocode Display',Georgia,serif;--nav-h:60px;}

/* Reserve space for nav.html/header.html before VP.inject()'s async fetch
   resolves -- without this, both placeholders sit at 0 height on first
   paint and then jump to their real size the moment injection completes,
   shifting everything below (including the product-switcher chips) out
   from under a click a user already started making. Most noticeable on a
   cold/first page load (e.g. arriving from another page) where the fetch
   hasn't already been warmed. Values match nav.html's --nav-h and
   header.html's .collage height (240px desktop / 150px at <=480px, see
   header.html's own media query). */
#nav-placeholder{min-height:var(--nav-h)}
#header-placeholder{min-height:240px}
@media(max-width:480px){#header-placeholder{min-height:150px}}