*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}section[id]{scroll-margin-top:64px}body{background:var(--bg);color:var(--txt);font-family:Noto Sans JP,sans-serif;font-weight:300;overflow-x:hidden}:root{--bg:#f8f2e8;--bg2:#f3ebde;--surface:#fffdf8;--acc:#96683c;--acc-pale:#f3e8d9;--acc-photo:#dfc09a;--dark:#ebdcc4;--dark2:#e6d6bf;--dark3:#d9c6a8;--dark-deep:#f6efe2;--txt:#2b2620;--sub:#6d6153;--muted:#7d7161;--on-dark:#2b2620;--on-dark-2:#6d6153;--on-dark-3:#7d7161;--border:#e6dccc;--tag-bg:#f8ece5;--tag-txt:#a3603f;--tag-line:#e8cdba}.todo-placeholder{background:repeating-linear-gradient(45deg, var(--bg2), var(--bg2) 8px, #e8dccb 8px, #e8dccb 16px);border:1.5px dashed var(--acc);color:var(--acc);letter-spacing:.2em;text-transform:uppercase;opacity:.7;border-radius:4px;justify-content:center;align-items:center;font-family:Jost,sans-serif;font-size:10px;display:flex}.sec-label{letter-spacing:.55em;color:var(--acc);text-transform:uppercase;align-items:center;gap:12px;margin-bottom:12px;font-family:Jost,sans-serif;font-size:8px;display:flex}.sec-label:after{content:"";background:var(--border);flex:1;max-width:60px;height:1px}.sec-rule{background:var(--acc);width:32px;height:1.5px;margin-bottom:20px}.sec-h{color:var(--txt);letter-spacing:.02em;margin-bottom:12px;font-family:Cormorant Garamond,serif;font-size:32px;font-weight:300;line-height:1.4}.sec-h em{color:var(--acc);font-style:italic}.sec-lead{color:var(--sub);font-size:12.5px;font-weight:300;line-height:2.3}.dark-sec .sec-label{color:var(--acc)}.dark-sec .sec-label:after{background:var(--dark3)}.dark-sec .sec-rule{background:var(--acc)}.dark-sec .sec-h{color:var(--on-dark)}.dark-sec .sec-h em{color:var(--acc)}.dark-sec .sec-lead{color:var(--on-dark-2)}