/* Bulk Lift Products - shared BRAND layer only.
   Colour, type and rhythm tokens plus a reset. No layout, no components.
   Each of the three homepage directions ships its own complete stylesheet on top,
   so the directions differ structurally rather than by recolour.
   Tokens trace to projects/bulkliftproducts/brand-guidelines.json:
   red #CD163F and ink #151F1E are MEASURED from the BLP logo; the rest is derived. */

@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap');

:root{
  --red:#CD163F; --red-pressed:#A81133; --red-on-dark:#EE7189;
  --ink-900:#0E1615; --ink-800:#151F1E; --ink-700:#1F2B2A; --ink-600:#33403E;
  --grey-500:#63716F; --grey-400:#93A09E; --grey-300:#C3CCCA;
  --grey-200:#E2E7E6; --grey-100:#F2F5F4; --white:#FFFFFF;
  --in-stock:#0F7A3D; --lead-time:#8A5A00;

  --font:'Work Sans','Helvetica Neue',Arial,sans-serif;
  --mono:'IBM Plex Mono',ui-monospace,'SF Mono',Menlo,monospace;

  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px;
  --s7:48px; --s8:64px; --s9:96px; --s10:128px;
  --container:1280px; --container-wide:1600px;
  --r-sm:2px; --r-md:4px; --r-pill:999px;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font:400 17px/1.65 var(--font);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{margin:0;font-weight:600;letter-spacing:-.01em}
p{margin:0 0 var(--s4)}
img{max-width:100%;display:block}
ul{margin:0;padding:0;list-style:none}
.mono{font-family:var(--mono);font-weight:500;letter-spacing:.01em;font-variant-numeric:tabular-nums}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}