@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;500&display=swap');
:root{--paper:#f4f4f1;--ink:#161615;--muted:#8d8b85;--soft:#eae9e3;--acid:#c9f23a;--mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--pad:clamp(28px,5vw,76px)}*{box-sizing:border-box}body{margin:0;min-height:100svh;background:var(--paper);color:var(--ink);font:12.5px/1.7 var(--mono);-webkit-font-smoothing:antialiased}::selection{background:var(--acid);color:var(--ink)}a{color:inherit;text-decoration:none}a:hover{color:var(--muted)}a:focus-visible{outline:2px solid var(--ink);outline-offset:6px}.shell{max-width:1180px;margin:auto}.header{display:flex;justify-content:space-between;align-items:center;padding:22px var(--pad);gap:24px}.brand{display:inline-flex;gap:11px;align-items:center}.name{font-size:11px;font-weight:500;line-height:1.3;letter-spacing:.13em;text-transform:uppercase}.mark{position:relative;display:block;width:26px;height:16px;flex-shrink:0}.mark:before,.mark:after{content:'';position:absolute;border-radius:50%;background:var(--acid)}.mark:before{width:14px;height:14px;left:0;bottom:0}.mark:after{width:7px;height:7px;right:2px;top:0}.header-link{font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}main{min-height:calc(100svh - 172px);display:grid;place-items:center;padding:64px var(--pad) 88px}.intro{width:min(100%,390px)}.pottery{display:block;width:180px;height:180px;margin:0 0 32px -6px;overflow:visible}h1{font-size:20px;font-weight:300;line-height:1.5;letter-spacing:-.005em;margin:0 0 16px}.lede{font-size:12px;color:var(--muted);max-width:34ch;margin:0}.follow{display:inline-block;margin-top:36px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:8px 0}.footer{display:flex;justify-content:space-between;align-items:end;gap:24px;padding:28px var(--pad) 34px;color:var(--muted);font-size:9px;line-height:1.9;text-transform:uppercase;letter-spacing:.1em}.wheel-turn{transform-origin:0 0;animation:turn 2.8s linear infinite}.surface-lines{animation:clay-turn 2.8s linear infinite}.bowl{transform-origin:100px 108px;animation:wobble 2.8s ease-in-out infinite}.brand:hover .mark{animation:logo-shake .5s steps(2,end)}@keyframes turn{to{transform:rotate(360deg)}}@keyframes clay-turn{to{transform:translateX(-100px)}}@keyframes wobble{0%,100%{transform:rotate(-.7deg)}50%{transform:rotate(.7deg)}}@keyframes logo-shake{25%{transform:translate(-2px,-1px)}75%{transform:translate(2px,1px)}}@media(max-width:600px){.header{align-items:start}.header-link{font-size:8px}.name{font-size:9px;max-width:17ch}.intro{max-width:310px}.pottery{width:155px;height:155px}h1{font-size:18px}main{padding-top:48px;padding-bottom:64px;min-height:calc(100svh - 174px)}.footer{font-size:8px;align-items:end}}@media(prefers-reduced-motion:reduce){.wheel-turn,.surface-lines,.bowl,.brand:hover .mark{animation:none}}


.follow{color:#64752a}.follow:hover{color:var(--ink)}
.header-link:hover{color:#64752a}


.bowl{transform-origin:100px 132px;animation:pot-wobble 2.4s ease-in-out infinite}
.wheel-turn{animation-duration:1.8s}
.throwing-mark{stroke-dasharray:27 120;animation:throwing-motion 1.8s linear infinite}
.mark-two{animation-delay:-.6s}.mark-three{animation-delay:-1.2s}
@keyframes throwing-motion{from{stroke-dashoffset:130}to{stroke-dashoffset:-17}}
@keyframes pot-wobble{0%,100%{transform:translateX(-1px) rotate(-3deg)}50%{transform:translateX(1px) rotate(3deg)}}
@media(prefers-reduced-motion:reduce){.bowl,.throwing-mark,.wheel-turn{animation:none}.throwing-mark{stroke-dasharray:24 120;stroke-dashoffset:-12}}

.preview-form{display:flex;gap:9px;margin-top:29px;max-width:360px}.preview-form input{min-width:0;flex:1;background:transparent;border:1px solid #bbbcb2;border-radius:0;padding:9px 10px;color:var(--ink);font:inherit}.preview-form button{border:1px solid var(--ink);background:var(--ink);color:var(--paper);font:inherit;cursor:pointer;padding:9px 12px}.preview-form button:hover{background:#64752a;border-color:#64752a}.preview-form :focus-visible{outline:2px solid #64752a;outline-offset:2px}.preview-status{min-height:1.7em;color:#64752a;font-size:10px;margin-top:7px}.preview-label{display:block;margin-top:28px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.1em}@media(max-width:390px){.preview-form{flex-wrap:wrap}.preview-form button{flex:0 0 auto}}