:root {
  --page-pad: clamp(18px, 4.5vw, 60px);
  --section-gap: clamp(24px, 6vw, 64px);
  /* Colors */
  --color-bg: #ffffff;
  --color-text: #000000;
  --color-muted: rgba(0,0,0,.75);
  --color-border: #E6E6E6;
  /* Shadows / radii */
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --shadow-sm: 0 2px 8px rgba(0,0,0,0.10);
  --shadow-lg: 0 18px 40px rgba(0,0,0,0.25);
  /* Type */
  --font-sans: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --font-mincho: 'Zen Old Mincho', serif;
  --font-myeongjo: 'Nanum Myeongjo', serif;
  /*  Dynamic header (gradient overlay + scroll motion)  */
  --hdr-transform-duration: 420ms;
  --hdr-transform-ease: cubic-bezier(.22,.61,.36,1);
  --hdr-color-duration: 1400ms;
  --hdr-color-ease: ease-in-out;
  --hdr-shadow: 0 10px 30px rgba(0,0,0,.06);
  --gradient-direction: to bottom;
  --gradient-hsl-values: 0, 0%, 0%;
  --brand-left: 60px;
  --brand-width: 180px;
  --brand-gap: 300px;
}