:root {
  --c-bg: #faf8f4;
  --c-surface: #ffffff;
  --c-surface-alt: #f2eee7;
  --c-text: #2f2a25;
  --c-muted: #70685f;
  --c-accent: #c9a882;
  --c-frame: #b59682;
  --c-border: rgba(47, 42, 37, .14);

  --ff-sans: "Noto Sans JP", sans-serif;
  --ff-serif: "Noto Serif JP", serif;

  --container-max: 1240px;
  --gutter: 48px;

  --s1: 8px;
  --s2: 16px;
  --s3: 24px;
  --s4: 32px;
  --s5: 40px;
  --s6: 48px;
  --s7: 64px;
  --s8: 80px;

  --section-y: clamp(72px, 8vw, 104px);

  --fs-body: 15px;
  --fs-small: 13px;
  --fs-kicker: 11px;
  --fs-hero: clamp(32px, 3.15vw, 48px);
  --fs-section: clamp(28px, 2.35vw, 38px);
  --fs-card: clamp(20px, 1.7vw, 24px);

  --lh-body: 1.95;
  --lh-title: 1.52;

  --measure: 34em;
  --ratio-story: 16 / 10;
  --ratio-gallery: 16 / 9;
  --tap: 44px;

  --dur: 520ms;
  --ease: cubic-bezier(.2, .65, .3, 1);
}