@layer reset,tokens,base,components;@layer tokens{:root{--paper: #f6f2e8;--paper-elevated: #ffffff;--ink-900: #1c1a17;--ink-700: #3d3a34;--ink-500: #6b6558;--ink-300: #a8a092;--ink-100: #e6e1d6;--shu: #a8322a;--color-bg: var(--paper);--color-text: var(--ink-900);--color-text-muted: var(--ink-700);--color-text-subtle: var(--ink-500);--color-rule: var(--ink-100);--color-link: var(--ink-900);--color-link-hover: var(--shu);--color-accent: var(--shu);--serif-text: "Source Serif 4", "Charter", Georgia, serif;--serif-jp: "Noto Serif JP", "Yu Mincho Pr6N", "YuMincho", "Hiragino Mincho ProN", serif;--sans-ui: "Inter", -apple-system, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", sans-serif;--font-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, monospace;--fs-xs: .75rem;--fs-sm: .875rem;--fs-base: 1rem;--fs-lg: 1.125rem;--fs-xl: 1.25rem;--fs-2xl: 1.5rem;--fs-3xl: 1.875rem;--fs-4xl: 2.5rem;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.25rem;--sp-6: 1.5rem;--sp-8: 2rem;--sp-10: 2.5rem;--sp-12: 3rem;--sp-16: 4rem;--sp-20: 5rem;--sp-24: 6rem;--r-sm: .125rem;--r-base: .25rem;--max-text: 34rem;--max-figure: 50rem;--max-chrome: 70rem}}@layer reset{*{box-sizing:border-box}html{font-size:18px}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{margin:0;padding:0;background:var(--color-bg);color:var(--color-text);font-family:var(--serif-text),var(--serif-jp);line-height:1.7;font-feature-settings:"kern","liga","onum";-webkit-font-smoothing:antialiased}:lang(ja){line-height:1.85;font-feature-settings:"palt"}img{max-width:100%;height:auto}}@layer base{.skip-link{position:absolute;left:var(--sp-4);top:var(--sp-4);background:var(--paper-elevated);color:var(--ink-900);padding:var(--sp-2) var(--sp-4);border:1px solid var(--ink-100);text-decoration:none;transform:translateY(-200%);transition:transform .15s;z-index:100;font-family:var(--sans-ui);font-size:var(--fs-sm)}.skip-link:focus-visible{transform:translateY(0)}:where(a,button,[tabindex]):focus{outline:none}:where(a,button,[tabindex]):focus-visible{outline:2px solid var(--shu);outline-offset:3px;border-radius:var(--r-sm)}h1,h2,h3,h4{font-family:var(--serif-text),var(--serif-jp);line-height:1.3;letter-spacing:-.005em;margin-top:2.5em;margin-bottom:.6em}h1{font-size:var(--fs-4xl);font-weight:300;line-height:1.18;letter-spacing:-.01em;margin-top:0}h2{font-size:var(--fs-xl);font-weight:600;margin-top:3em}h3{font-size:var(--fs-lg);font-weight:600}p{margin:1.4em 0}a{color:var(--color-link);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:var(--color-link-hover)}strong{font-weight:600}blockquote{border-left:2px solid var(--shu);padding-left:var(--sp-5);margin:var(--sp-8) 0;color:var(--ink-700);font-style:italic}hr{border:0;border-top:1px solid var(--ink-100);margin:var(--sp-12) auto;max-width:6rem}figure{margin:var(--sp-12) auto var(--sp-4);max-width:var(--max-figure)}figure img{width:100%;height:auto;display:block;border-radius:var(--r-sm)}figcaption{font-family:var(--serif-text),var(--serif-jp);font-style:italic;font-size:var(--fs-sm);color:var(--ink-500);text-align:center;margin-top:var(--sp-3);line-height:1.55}article p:has(>em:only-child){font-family:var(--serif-text),var(--serif-jp);font-style:italic;font-size:var(--fs-sm);color:var(--ink-500);text-align:center;margin-top:calc(var(--sp-3) * -1);margin-bottom:var(--sp-10);line-height:1.55}code{font-family:var(--font-mono);font-size:.85em;background:#a8322a0f;padding:.1em .35em;border-radius:var(--r-sm)}pre{background:var(--paper-elevated);padding:var(--sp-4);border:1px solid var(--ink-100);border-radius:var(--r-base);overflow-x:auto;font-size:var(--fs-sm);line-height:1.55}pre code{background:transparent;padding:0}}@layer components{main{max-width:var(--max-text);margin:0 auto;padding:var(--sp-16) var(--sp-5) var(--sp-24)}.site-header{max-width:var(--max-chrome);margin:0 auto;padding:var(--sp-10) var(--sp-5) var(--sp-4);display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--ink-100);gap:var(--sp-5);flex-wrap:wrap}.site-header a{text-decoration:none;color:var(--ink-900)}.site-header .brand{font-family:var(--serif-text),var(--serif-jp);font-style:italic;font-weight:400;font-size:var(--fs-xl);letter-spacing:-.005em;display:inline-flex;align-items:baseline;gap:var(--sp-3)}.site-header .brand-byline{font-family:var(--sans-ui);font-style:normal;font-weight:400;font-size:var(--fs-xs);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-500)}.site-nav-primary{font-family:var(--sans-ui);font-size:var(--fs-sm);display:inline-flex;align-items:baseline}.site-nav-primary a{margin-left:var(--sp-5);color:var(--ink-500);letter-spacing:.04em}.site-nav-primary a:hover{color:var(--shu)}.lang-select-wrap{margin-left:var(--sp-5);position:relative;display:inline-flex;align-items:baseline}.lang-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:transparent;border:1px solid var(--ink-100);border-radius:var(--r-sm);padding:.32em 1.9em .32em .7em;font-family:var(--sans-ui);font-size:var(--fs-sm);color:var(--ink-900);letter-spacing:.04em;cursor:pointer;line-height:1.2}.lang-select:hover{border-color:var(--ink-300)}.lang-select:focus-visible{outline:2px solid var(--shu);outline-offset:2px}.lang-select-wrap:after{content:"";position:absolute;right:.7em;top:50%;width:7px;height:7px;border-right:1.5px solid var(--ink-500);border-bottom:1.5px solid var(--ink-500);transform:translateY(-70%) rotate(45deg);pointer-events:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.back-to-top{position:fixed;bottom:var(--sp-6);right:var(--sp-6);width:44px;height:44px;border-radius:50%;border:1px solid var(--ink-100);background:var(--paper-elevated);color:var(--ink-500);font-family:var(--sans-ui);font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:50;box-shadow:0 1px 3px #0000000f;transition:color .15s ease,border-color .15s ease}.back-to-top:hover{color:var(--shu);border-color:var(--ink-300)}.back-to-top:focus-visible{outline:2px solid var(--shu);outline-offset:3px}.back-to-top[hidden]{display:none}.site-header-right{display:inline-flex;align-items:baseline;gap:var(--sp-2);flex-wrap:wrap}.site-footer{max-width:var(--max-chrome);margin:var(--sp-20) auto var(--sp-8);padding:var(--sp-6) var(--sp-5);border-top:1px solid var(--ink-100);font-family:var(--sans-ui);font-size:var(--fs-xs);color:var(--ink-500);letter-spacing:.04em;display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--sp-4)}.site-footer a{color:var(--ink-500);text-decoration:none}.site-footer a:hover{color:var(--shu)}.essay-meta{font-family:var(--sans-ui);font-size:var(--fs-xs);color:var(--ink-500);letter-spacing:.14em;text-transform:uppercase;margin-bottom:var(--sp-6)}.essay-subtitle{font-family:var(--serif-text),var(--serif-jp);font-style:italic;font-weight:400;color:var(--ink-700);font-size:var(--fs-lg);line-height:1.45;margin-top:-.3em;margin-bottom:var(--sp-12)}:lang(en) article>p:first-of-type:first-letter{font-family:var(--serif-text);font-weight:300;float:left;font-size:4.2em;line-height:.85;padding:.08em .08em 0 0;color:var(--ink-900)}.essay-list{list-style:none;padding:0}.essay-list li{margin-bottom:var(--sp-16)}.essay-list h2{margin:var(--sp-2) 0 var(--sp-3);font-size:var(--fs-xl);font-weight:600;letter-spacing:-.005em}.essay-list h2 a{text-decoration:none;color:var(--ink-900)}.essay-list h2 a:hover{color:var(--shu)}.essay-list .essay-meta{margin-bottom:var(--sp-2)}.essay-list .description{color:var(--ink-700);margin:0;font-size:var(--fs-base);line-height:1.55}}