:root{font-family:Georgia,Songti SC,"Noto Serif CJK SC",serif;color:#3c2414;background:#f3f0e8;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #3c2414}*{box-sizing:border-box}body{margin:0;min-width:320px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:1px solid #8b5633;outline-offset:7px}.grain-home{position:relative;min-height:620px;height:100svh;overflow:hidden;isolation:isolate}.dune-scene,.dune-fallback{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.dune-fallback{object-fit:cover}.masthead{position:absolute;top:4.4%;left:4.4%;right:3.5%;display:flex;align-items:center;gap:32px}.identity{font-size:22px;letter-spacing:4px;line-height:1}.masthead-rule{height:1px;width:55%;background:#c6bcae}.top-blog{margin-left:auto;display:inline-flex;align-items:center;gap:12px;font-size:21px}.top-blog svg{width:19px;height:19px;transition:transform .25s}.top-blog:hover svg{transform:translate(2px,-2px)}.introduction{position:absolute;left:2.5%;top:28%;width:38%}.signature{display:block;padding:0;width:100%;aspect-ratio:3.5;background:none;border:0;position:relative}.signature canvas,.signature img{display:block;width:100%;height:100%}.signature img{position:absolute;top:0;right:0;bottom:0;left:0;object-fit:contain}.footer{position:absolute;bottom:4%;left:4.4%;right:3.5%;display:flex;align-items:center;justify-content:space-between;gap:20px}.grain-label{font-size:12px;letter-spacing:4px}.motion-controls{display:flex;align-items:center;gap:24px}.motion-controls button{border:0;background:transparent;padding:10px 0;min-height:44px}.motion-toggle{display:flex;align-items:center;gap:12px;color:#66513f;font-size:14px;letter-spacing:1px}.motion-toggle svg{width:15px;height:15px}.replay{display:grid;place-items:center;width:44px;opacity:.7}.replay:hover{opacity:1}.replay svg{width:19px;height:19px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.asset-error{position:absolute;bottom:90px;left:4.4%;font-size:14px}@media(min-aspect-ratio:17/10){.introduction{top:25%;width:38%}}@media(max-width:720px){.grain-home{min-height:640px}.masthead{left:7%;right:7%;top:4.8%;gap:20px}.identity{font-size:17px;letter-spacing:3px}.masthead-rule{flex:1;width:auto;opacity:.7}.top-blog{font-size:17px;gap:6px}.top-blog svg{width:16px;height:16px}.introduction{top:21%;left:3.5%;width:86%}.footer{left:7%;right:7%;bottom:3%;align-items:center}.grain-label{font-size:9px;letter-spacing:2.2px}.motion-controls{gap:8px}.motion-toggle{gap:7px;font-size:12px;letter-spacing:0}.replay{width:32px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important}}