/* muyii wordmark font: put the file in /fonts/ (see fonts/README.txt) */
@font-face{
  font-family:"Time Burner";
  src:url("/fonts/TimeBurner-Bold.woff2") format("woff2"),url("/fonts/TimeBurner-Bold.ttf") format("truetype");
  font-weight:700;font-style:normal;font-display:swap;
}

/* muyii design tokens — change look & feel here */
:root{
  /* colour */
  --bg:#F4F1EA;          /* warm off white */
  --text:#0B1324;        /* deep navy */
  --muted:#6F6B64;       /* warm gray (captions, dates, labels) */
  --accent:#E85A1B;      /* amber orange: lines and small marks only, never text colour */
  --line:rgba(11,19,36,.16);
  --tone:#E7E2D8;        /* tone shown behind photos while they load */
  --dark:#141413;        /* lightbox */
  --on-dark:#ECE8E0;

  /* type */
  --font:"Montserrat","Noto Sans TC","Helvetica Neue",Arial,sans-serif;   /* Chinese glyphs come from Noto Sans TC */
  --font-zh:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;
  --font-brand:"Time Burner","Montserrat",sans-serif;   /* only for the word "muyii" */
  --fs-body:clamp(14px,.35vw + 13px,16px);
  --fs-label:11px;
  --fs-lead:clamp(22px,2.6vw + 8px,44px);
  --fs-title:clamp(40px,7.5vw,128px);
  --track-label:.16em;

  /* layout */
  --gutter:clamp(20px,4vw,64px);
  --gap:clamp(12px,1.6vw,28px);
  --max:1760px;
  --header-h:64px;
  --section:clamp(88px,12vw,200px);

  /* motion — slow, quiet */
  --ease:cubic-bezier(.22,.61,.36,1);
  --dur:.7s;
}