/* Service L1 design tokens — same "Lara timber/brass" values as hub-tokens.css
   (millwork-microsite-build-pack-v2.md Part 1.1), scoped to .bm-l1, never :root. */
.bm-l1{
  --ink:#171210;
  --ink-2:#221A16;
  --ink-soft:#3B322B;
  --timber:#5E3A22;
  --timber-mid:#8A5A34;
  --brass:#B5832F;
  --brass-lift:#D6A758;
  --warm:#FCFAF7;
  --bone:#F2ECE1;
  --bone-2:#E8E0D2;
  --paper:#FFFFFF;
  --rule:rgba(23,18,16,.13);
  --rule-d:rgba(246,241,233,.2);
  --s1:8px; --s2:16px; --s3:24px; --s4:32px;
  --s5:48px; --s6:64px; --s7:80px; --s8:112px;
  --ease:cubic-bezier(.22,.61,.36,1);
  --sans:'Poppins',system-ui,sans-serif;

  font-family:var(--sans); font-weight:300; font-size:17px; line-height:1.7;
  color:var(--ink-soft); background:var(--warm);

  /* Site header is position:fixed, so page content needs matching top
     padding or it renders underneath it - same fix already applied to
     .bm-hub (hub-components.css). Desktop header measures ~84px; the
     mobile override below matches the taller mobile header (~107px),
     set in the existing @media(max-width:700px) block in
     l1-components.css so it lives with this file's other mobile rules. */
  padding-top:84px;
}
.bm-l1 *{box-sizing:border-box;}

@media (prefers-reduced-motion:reduce){
  .bm-l1 *,.bm-l1 *::before,.bm-l1 *::after{
    animation-duration:.001ms!important; animation-iteration-count:1!important;
    transition-duration:.001ms!important; scroll-behavior:auto!important;
  }
  /* Part 1.5 "Reduced motion": all canvases are hidden, hover transforms removed. */
  .bm-l1 canvas{display:none!important;}
  .bm-l1 *:hover{transform:none!important;}
}