:root{--color-bg:oklch(98.5% 0.006 95);--color-surface:oklch(99.2% 0.004 95);--color-surface-sunken:oklch(96.5% 0.008 95);--color-ink:oklch(24% 0.012 260);--color-text:oklch(34% 0.012 260);--color-text-muted:oklch(51% 0.012 260);--color-primary:#009988;--color-primary-wash:oklch(95% 0.035 184);--color-accent:oklch(58% 0.09 184);--color-accent-hover:oklch(64% 0.1 188);--color-accent-ink:oklch(40% 0.07 184);--color-accent-wash:oklch(96.5% 0.015 184);--color-brass:oklch(72% 0.075 80);--color-brass-soft:oklch(82% 0.045 82);--color-earth:oklch(62% 0.025 70);--color-line:oklch(88% 0.008 95);--color-line-strong:oklch(78% 0.01 95);--color-success:oklch(58% 0.13 150);--color-warning:oklch(75% 0.15 80);--color-danger:oklch(58% 0.2 27);--color-on-accent:oklch(99% 0.004 95);--gradient-accent:linear-gradient(135deg,oklch(58% 0.09 184),oklch(64% 0.1 188));--font-serif:"Hiragino Mincho ProN","Yu Mincho",YuMincho,"Noto Serif JP",serif;--font-sans:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic",Meiryo,"Noto Sans JP",system-ui,sans-serif;--text-xs:clamp(0.75rem,0.72rem + 0.15vw,0.8125rem);--text-sm:clamp(0.875rem,0.84rem + 0.18vw,0.9375rem);--text-base:clamp(1rem,0.95rem + 0.25vw,1.0625rem);--text-lg:clamp(1.125rem,1.05rem + 0.4vw,1.25rem);--text-xl:clamp(1.375rem,1.2rem + 0.8vw,1.75rem);--text-2xl:clamp(1.75rem,1.4rem + 1.6vw,2.5rem);--text-hero:clamp(2.5rem,1.6rem + 4.2vw,5rem);--leading-tight:1.3;--leading-body:1.85;--tracking-jp:0.02em;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--space-24:6rem;--space-section:clamp(4.5rem,3rem + 7vw,11rem);--measure-prose:42rem;--measure-wide:72rem;--gutter:clamp(1.25rem,0.5rem + 3vw,4rem);--radius-sm:4px;--radius-md:8px;--radius-lg:14px;--radius-pill:999px;--shadow-sm:0 1px 2px oklch(24% 0.012 260/0.04);--shadow-md:0 8px 30px oklch(24% 0.012 260/0.06);--shadow-lg:0 20px 60px oklch(24% 0.012 260/0.08);--duration-fast:150ms;--duration-normal:320ms;--duration-slow:600ms;--ease-out-expo:cubic-bezier(0.16,1,0.3,1);--ease-out-soft:cubic-bezier(0.22,1,0.36,1)}*,:after,:before{box-sizing:border-box}html{text-size-adjust:100%}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-body);letter-spacing:var(--tracking-jp);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{font-family:var(--font-serif);color:var(--color-ink);line-height:var(--leading-tight);font-weight:600}a{color:var(--color-accent-ink);-webkit-text-decoration-color:var(--color-line-strong);text-decoration-color:var(--color-line-strong);text-underline-offset:.2em}a:hover{color:var(--color-accent-hover)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}