:root{color-scheme:light;--paper:#f2efe8;--ink:#302b38;--muted:#817983;--line:#d8d2cd;--sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB",sans-serif;--serif:"Songti SC","STSong","Noto Serif CJK SC",Georgia,serif;--mono:"SFMono-Regular",Consolas,monospace}
:root[data-theme=dark]{color-scheme:dark;--paper:#232522;--ink:#e9e4d9;--muted:#b0aba3;--line:#464840;}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px;-webkit-text-size-adjust:100%}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased}h1,h2,p,figure{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}::selection{color:var(--paper);background:var(--accent)}:focus-visible{outline:1px solid var(--accent);outline-offset:7px}.skip-link{position:absolute;left:25px;top:-70px;z-index:20;background:var(--ink);color:var(--paper);padding:12px}.skip-link:focus{top:15px}
.hands-masthead{position:relative;z-index:5;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:76px;padding:0 36px;gap:20px}.hands-brand{grid-column:2;letter-spacing:.07em;font-size:15px;font-weight:500;white-space:nowrap}.hands-nav{grid-column:3;display:flex;align-items:center;justify-content:flex-end;gap:23px;font-size:12px}.hands-nav>a{padding:12px 0}.hands-nav>a:hover{color:var(--accent)}.theme-toggle{display:grid;place-items:center;width:33px;height:33px;border:0;border-radius:50%;background:transparent}.theme-toggle:hover{background:color-mix(in srgb,var(--ink) 5%,transparent)}.theme-toggle svg{width:16px;height:16px;stroke:currentColor;stroke-width:1;fill:none}
.hands-hero{position:relative;isolation:isolate;height:calc(100svh - 76px);min-height:610px;max-height:1100px;overflow:hidden}.hands-art{position:absolute;inset:0;pointer-events:none}.hands-illustration{display:block;position:absolute;width:max(100%,650px);height:auto;left:50%;top:45%;transform:translate(-50%,-50%);overflow:visible}.hands-copy{position:absolute;z-index:2;left:50%;top:calc(45% - 90px);transform:translate(-50%,-50%);text-align:center;white-space:nowrap}.hands-copy h1{font-family:var(--serif);font-size:clamp(34px,3.5vw,54px);font-weight:400;line-height:1.5;letter-spacing:.11em}.hands-copy a{display:inline-block}.hands-copy a:hover{color:var(--accent)}
.writing{max-width:1280px;margin:0 auto;padding:34px 48px 75px;border-top:1px solid var(--line)}.writing-heading{font-size:11px;font-weight:400;color:var(--muted);letter-spacing:.1em;margin-bottom:24px}.writing-entry{display:grid;grid-template-columns:150px minmax(0,1fr) 25px;align-items:start;gap:35px;padding:28px 0;border-top:1px solid var(--line)}.writing-entry time{font:11px/1.9 var(--mono);color:var(--muted);padding-top:3px}.writing-entry h2{font-weight:400;font-size:22px;line-height:1.7;max-width:880px}.writing-entry>a{padding-top:6px;text-align:right;font-size:17px}.writing-entry:hover h2 a,.writing-entry>a:hover{color:var(--accent)}.writing-empty{font-size:14px;color:var(--muted);padding:20px 0}.hands-footer{max-width:1184px;margin:0 auto;padding:24px 0 35px;display:flex;gap:25px;align-items:center;font-size:10px;color:var(--muted);border-top:1px solid var(--line)}.hands-footer .copyright{margin-right:auto}.hands-footer a:hover{color:var(--ink)}
@media(min-width:1700px){.hands-illustration{width:1700px}.hands-hero{max-height:1100px}}
@media(max-width:1100px){.hands-hero{min-height:620px}.hands-copy h1{font-size:40px}.hands-footer{margin:0 48px}.writing-entry{grid-template-columns:115px minmax(0,1fr) 20px;gap:22px}.writing-entry h2{font-size:20px}}
@media(max-width:700px){.hands-masthead{height:66px;padding:0 24px;grid-template-columns:1fr auto;gap:15px}.hands-brand{grid-column:1;font-size:13px;letter-spacing:.03em;justify-self:start}.hands-nav{grid-column:2;gap:16px;font-size:11px}.theme-toggle{width:28px;height:30px}.hands-hero{height:calc(100svh - 66px);min-height:560px;max-height:900px}.hands-copy{top:calc(45% - 78px)}.hands-copy h1{font-size:34px;letter-spacing:.1em}.hands-illustration{width:720px;top:45%}.writing{padding:30px 27px 45px}.writing-entry{grid-template-columns:1fr 20px;gap:10px 15px;padding:23px 0}.writing-entry time{grid-column:1/-1;font-size:10px}.writing-entry h2{font-size:19px;line-height:1.8}.writing-entry>a{padding-top:7px}.hands-footer{margin:0 27px;font-size:9px;gap:20px}}
@media(max-width:420px){.hands-illustration{width:600px}.hands-copy h1{font-size:31px}.hands-copy{top:calc(45% - 72px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}