:root{color-scheme:light dark;--cat-filter:invert(1);--cat-turn:180deg;-webkit-font-smoothing:antialiased;font-family:system-ui,sans-serif}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark;--cat-filter:none;--cat-turn:0deg}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--cat-filter:none;--cat-turn:0deg}}body{color:light-dark(#191919,#eee);background:light-dark(#fff,#000);min-height:100svh;margin:0;transition:color .25s,background-color .25s}.home{place-items:center;display:grid}.poster{aspect-ratio:736/540;width:min(100%,1.36296*max(540px,100svh));min-width:0;min-height:540px;position:relative;container-type:inline-size}.identity,.contact-links,.recent-posts{z-index:1;position:absolute;left:max(48px,6.52174cqw)}.identity{top:max(48px,6.52174cqw)}.identity h1{letter-spacing:-.025em;margin:0;font-size:max(30px,4.07609cqw);font-weight:400;line-height:1.25}.bio{color:light-dark(#666,#999);margin:max(8px,1.08696cqw) 0 0;font-size:clamp(14px,1.55cqw,18px);line-height:1.5}.contact-links{gap:max(23px,3.125cqw);display:flex;bottom:max(48px,6.52174cqw)}a{color:inherit;text-underline-offset:5px;text-decoration:underline 1px light-dark(#bdbdbd,#555)}.contact-link{text-underline-offset:max(5px, .679348cqw);align-items:center;min-height:max(32px,4.34783cqw);font-size:max(15px,2.03804cqw);line-height:1.5;display:flex}a:hover,a:focus-visible{text-decoration-color:currentColor}.cat-mark{clip-path:circle(40%);appearance:none;cursor:pointer;aspect-ratio:1;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;width:min(68%,max(480px,65.2174cqw));padding:0;position:absolute;bottom:max(24px,3.26087cqw);right:8%;container-type:inline-size}.cat-mark:focus-visible{--cat-tilt:2deg;outline:none}.cat-mark:focus-visible .cat-art{outline-offset:-11cqw;outline:1px solid #888}@media (hover:hover){.cat-mark:hover{--cat-tilt:2deg}}.cat-art{border-radius:inherit;user-select:none;-webkit-user-drag:none;width:100%;filter:var(--cat-filter);transform:rotate(calc(var(--cat-turn) + var(--cat-tilt,0deg)));transition:transform .45s cubic-bezier(.22,.7,.2,1),filter .25s;display:block}:focus-visible{outline-offset:4px;outline:2px solid}.recent-posts{width:22%;font-size:clamp(14px,1.8cqw,18px);line-height:1.5;top:37%}.recent-posts h2{color:light-dark(#666,#999);font:inherit;margin:0}.recent-posts .post-list{margin:16px 0 0}.recent-posts .post-list li{margin:8px 0}.recent-posts .post-list a{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (width<=736px){.poster{--poster-height:max(540px, 100svh);min-height:var(--poster-height);aspect-ratio:auto;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(100px, max-content) calc(var(--poster-height) - 192px) minmax(92px, max-content);align-content:start;display:grid}.identity,.contact-links,.recent-posts{margin-inline:28px;position:static}.identity{margin-top:36px}.identity h1{font-size:28px}.contact-links{align-self:end;margin-bottom:28px}.cat-mark{grid-row:2;place-self:center;width:min(100% - 16px,360px);position:static;transform:translateY(-4px)}.has-posts{--posts-bottom:max(92px, 25svh - 77px);grid-template-rows:minmax(100px, max-content) calc(var(--poster-height) - var(--posts-bottom) - 224px) minmax(124px, max-content) minmax(var(--posts-bottom), max-content)}.has-posts .cat-mark{width:min(calc(100% - 16px), 360px, var(--poster-height) - 316px);transform:translateY(calc(var(--posts-bottom) / 2 - 52px))}.recent-posts{align-self:end;width:auto}.recent-posts .post-list a{white-space:nowrap;text-overflow:ellipsis;display:block}}@media (pointer:coarse){.contact-link{min-height:max(44px,5.97826cqw)}}@media (prefers-reduced-motion:reduce){body,.cat-art{transition:none}.cat-art{transform:none}}.writing{overflow-wrap:anywhere;width:min(100% - 56px,42rem);margin:0 auto;padding:48px 0 80px;line-height:1.7}.writing>a{width:fit-content;line-height:1.5;display:block}.writing h1{letter-spacing:-.025em;margin:12px 0 8px;font-size:2rem;font-weight:400;line-height:1.25}.writing time{color:light-dark(#666,#999);font-size:.875rem}.writing article header{margin-bottom:32px}.writing pre{padding:16px;overflow-x:auto}.writing img{max-width:100%;height:auto}.post-list{margin:32px 0;padding:0;list-style:none}.writing .post-list li{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px;margin:16px 0;display:flex}.writing .post-list a{flex:8rem}.post-list time{white-space:nowrap}@media (width<=600px){.writing .post-list li{display:block}.writing .post-list time{margin-top:4px;display:block}}