:root{--bg: #ffffff;--fg: #111111;--mute: #8a8a8a;--line: #ececec;--font: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--bg);color:var(--fg);font-family:var(--font);font-optical-sizing:auto;-webkit-font-smoothing:antialiased}button,a{font-family:inherit;color:inherit}button{background:none;border:0;padding:0;cursor:pointer}a{text-decoration:none}.site{min-height:100vh}.nav{position:fixed;top:28px;left:32px;z-index:20;display:flex;gap:22px}.nav button{font-size:12px;letter-spacing:.14em;text-transform:lowercase;color:var(--mute);transition:color .35s ease}.nav button:hover,.nav button.on{color:var(--fg)}.page{min-height:100vh}.work{padding:22vh 8vw 24vh;max-width:980px}.work-item{display:grid;grid-template-columns:minmax(160px,1fr) minmax(160px,.9fr);gap:40px;align-items:center;width:100%;text-align:left;padding:20px 0;border-bottom:1px solid var(--line)}.work-item:first-child{border-top:1px solid var(--line)}.work-title{display:flex;align-items:baseline;justify-content:space-between;gap:24px;font-size:clamp(20px,2.6vw,32px);font-weight:400;letter-spacing:-.03em;line-height:1.15;transition:transform .45s cubic-bezier(.22,1,.36,1)}.work-item:hover .work-title,.work-item:focus-visible .work-title{transform:translate(10px)}.work-arrow{font-size:14px;color:var(--mute);opacity:0;transform:translate(-6px);transition:opacity .35s ease,transform .45s cubic-bezier(.22,1,.36,1)}.work-item:hover .work-arrow,.work-item:focus-visible .work-arrow{opacity:1;transform:translate(0)}.work-note{margin:0;font-size:13px;line-height:1.5;color:var(--mute);opacity:0;transform:translateY(4px);transition:opacity .4s ease,transform .45s cubic-bezier(.22,1,.36,1)}.work-item:hover .work-note,.work-item:focus-visible .work-note{opacity:1;transform:translateY(0)}.about{padding:88px 8vw 24vh;max-width:520px}.about-photo{display:block;width:44px;height:56px;margin:0 0 28px;object-fit:cover;object-position:50% 18%;filter:grayscale(1) contrast(1.05)}.about h1{margin:0 0 28px;font-size:18px;font-weight:400;letter-spacing:-.02em}.about p{margin:0 0 1.4em;font-size:15px;line-height:1.7;color:var(--fg)}.about .links{display:flex;flex-wrap:wrap;gap:18px;margin-top:36px}.about .links a{font-size:12px;letter-spacing:.12em;text-transform:lowercase;color:var(--mute);transition:color .3s ease}.about .links a:hover{color:var(--fg)}.board-page{padding:16vh 8vw 24vh;max-width:640px}.board-page h2{margin:0 0 8px;font-size:18px;font-weight:400}.board-page .lead{margin:0 0 32px;font-size:14px;line-height:1.6;color:var(--mute)}.field{margin-bottom:18px}.field label{display:block;margin-bottom:8px;font-size:11px;letter-spacing:.14em;text-transform:lowercase;color:var(--mute)}input[type=text],textarea{width:100%;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;color:var(--fg);font-family:inherit;font-size:15px;padding:10px 0;outline:none}textarea{min-height:96px;resize:vertical;line-height:1.5}input[type=text]:focus,textarea:focus{border-bottom-color:var(--fg)}.composer{margin-bottom:40px}.composer-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px}.status{font-size:12px;color:var(--mute)}.status.error{color:var(--fg)}.composer-actions button[type=submit]{font-size:12px;letter-spacing:.12em;text-transform:lowercase;color:var(--fg);border-bottom:1px solid var(--fg);padding:2px 0}.composer-actions button:disabled{opacity:.4;cursor:wait}.post{padding:18px 0;border-top:1px solid var(--line)}.post header{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:6px}.post h3{margin:0;font-size:15px;font-weight:400}.post .meta{font-size:11px;color:var(--mute)}.post p{margin:0;font-size:14px;line-height:1.6;white-space:pre-wrap}.take-down{margin-top:8px;font-size:11px;letter-spacing:.1em;text-transform:lowercase;color:var(--mute)}.empty{color:var(--mute);font-size:14px}.board-block+.board-block{margin-top:56px}@media(max-width:700px){.nav{top:20px;left:20px}.work,.about,.board-page{padding:18vh 20px 20vh}.about{padding-top:76px}.work-item{grid-template-columns:1fr;gap:6px;position:relative}.work-note{position:absolute;left:0;top:calc(100% - 2px);width:90%;pointer-events:none;z-index:2;background:var(--bg);padding:4px 0 8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}