:root{--paper:#f3eee2;--ink:#2a2521;--font:"Klee One", "Hiragino Maru Gothic ProN", "Yu Gothic", system-ui, sans-serif;--gutter:clamp(16px, 2.2vw, 36px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{margin:0}body{background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}a{color:inherit;text-decoration:none}a:focus-visible{outline:1.5px dashed var(--ink);outline-offset:3px;border-radius:3px}.masthead{--logo:64px;z-index:1;padding:6px var(--gutter) 0;flex:none;grid-template-columns:auto 1fr auto;grid-template-areas:"brand works social";align-items:center;column-gap:28px;display:grid;position:relative}.brand{white-space:nowrap;grid-area:brand;align-self:end;margin:0;font-weight:600;line-height:1;display:flex}.brand a{display:grid}.brand a>*{grid-area:1/1}.brand img{width:auto;height:var(--logo);display:block}.brand .tag{margin:calc(var(--logo) * .62) 0 0 calc(var(--logo) * 1.955);font-size:max(9px, calc(var(--logo) * .17));letter-spacing:.24em;align-self:start}.works{flex-wrap:wrap;grid-area:works;justify-content:center;gap:0 22px;margin-bottom:12px;font-size:15.5px;font-weight:600;display:flex}.works a{white-space:nowrap;padding:8px 1px;position:relative}.works a:after{content:"";clip-path:inset(0 100% 0 0);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 6' preserveAspectRatio='none'%3E%3Cpath d='M2 4.3C22 2.7 52 4.6 98 2.3' fill='none' stroke='%232a2521' stroke-width='1.7' stroke-linecap='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;height:6px;transition:clip-path .35s;position:absolute;bottom:3px;left:-3px;right:-3px}.works a:focus-visible:after,.works a[aria-current=page]:after{clip-path:inset(0)}.works .break{flex-basis:100%;display:none}.social{grid-area:social;align-items:center;gap:2px;margin:0 -8px 7px 0;padding:0;list-style:none;display:flex}.social a{border-radius:50%;place-items:center;width:38px;height:38px;transition:background-color .2s,color .2s;display:grid}.social svg{width:21px;height:21px;display:block}.social svg.x{width:18px;height:18px}@media (hover:hover){.works a:hover:after{clip-path:inset(0)}.social a:hover{background:var(--ink);color:var(--paper)}}@media (prefers-reduced-motion:reduce){.works a:after{transition:none}}.rule{pointer-events:none;width:100%;height:6px;position:absolute;bottom:-3px;left:0;overflow:visible}.rule path{fill:none;stroke:var(--ink);stroke-width:1.6px;stroke-linecap:round;vector-effect:non-scaling-stroke}body.page .masthead{z-index:10;background:var(--paper);position:sticky;top:0}html:has(body.page){scroll-padding-top:130px}.site-foot{padding:30px var(--gutter) 34px;text-align:center;color:#2a252199;font-size:13px}svg.out{vertical-align:-.02em;fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:.72em;height:.72em;margin-left:.3em}body.top{overscroll-behavior:none;height:100%;overflow:hidden}html:has(body.top){overscroll-behavior:none;height:100%;overflow:hidden}body.top{height:100vh;flex-direction:column;height:100dvh;display:flex}.world{flex:1;min-height:0;position:relative}.world iframe{border:0;width:100%;height:100%;display:block;position:absolute;inset:0}@media (max-width:1180px){.masthead{column-gap:20px}.works{gap:0 18px}}@media (max-width:1020px){.masthead{--logo:58px;grid-template-columns:auto 1fr;grid-template-areas:"brand social""brand works";column-gap:20px}.social{justify-self:end;margin-bottom:0}.works{justify-content:flex-end;gap:0 16px;margin-bottom:2px;font-size:14.5px}}@media (max-width:800px){.masthead{--logo:52px;grid-template-columns:1fr auto;grid-template-areas:"brand social""works works";column-gap:10px;padding-bottom:3px}.social{align-self:center}.works{justify-content:center;margin:2px 0 0}}@media (max-width:620px){.masthead{--logo:48px}.works{gap:0 15px;font-size:14px}.works .break{display:block}.works a{padding:6px 1px}.social a{width:34px;height:34px}.social svg{width:19px;height:19px}.social svg.x{width:16px;height:16px}}